*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1b2e;--surface:#252640;--surface2:#2e2f50;--border:#3a3b5c;--text:#e0e0f0;--text-dim:#9090b0;--teal:#4dd0e1;--lime:#c6e02b;--magenta:#e91e63;--navy:#283593;--teal2:#26a69a;--teal3:#b2dfdb;--btn-green:#00c9a7;--btn-blue:#1976d2;color:var(--text);background:var(--bg);font-family:Inter,system-ui,sans-serif;font-size:14px}body{height:100vh;overflow:hidden}button{cursor:pointer;font-family:inherit}select{background:var(--surface2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:4px;outline:none;padding:5px 8px;font-family:inherit;font-size:13px}select:focus{border-color:var(--teal)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sidebar{border-right:1px solid var(--border);background:#12132a;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;width:44px;min-height:100vh;padding:8px 0;display:flex}.sidebar-btn{width:36px;height:36px;color:var(--text-dim);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:flex}.sidebar-btn:hover{background:var(--surface2);color:var(--text)}.sidebar-btn.active{background:var(--teal);color:#12132a}.header{border-bottom:1px solid var(--border);background:#12132a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 16px 0 12px;display:flex}.header-left{align-items:center;gap:10px;display:flex}.logo{color:var(--text);letter-spacing:-.3px;font-size:18px;font-weight:700}.logo-icon{color:var(--teal)}.header-sep{color:var(--text-dim);font-size:18px}.header-title{color:var(--text);font-size:14px;font-weight:500}.header-right{align-items:center;gap:8px;display:flex}.hdr-btn{color:#fff;border:none;border-radius:4px;padding:5px 12px;font-size:12px;font-weight:600}.hdr-btn.teal{background:var(--btn-green)}.hdr-btn.blue{background:var(--btn-blue)}.acij-badge{background:var(--surface2);width:36px;height:28px;color:var(--teal);letter-spacing:.5px;border:1px solid var(--border);border-radius:4px;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.loading{color:var(--text-dim);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--teal);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{background:var(--bg);width:100vw;height:100vh;display:flex;overflow:hidden}.main-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.content-area{flex:1;display:flex;overflow:hidden}