*,: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}@media (width<=820px){body{height:auto;overflow:visible}}.fullscreen-btn{border:1px solid var(--border);background:var(--surface2);width:36px;height:36px;color:var(--teal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:auto;margin-bottom:4px;transition:background .15s,color .15s;display:flex}.fullscreen-btn:hover{background:var(--teal);color:#12132a}.fullscreen-btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}@media (width<=820px){.fullscreen-btn{width:34px;height:34px;margin-top:0;margin-bottom:0}}.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}@media (width<=820px){.sidebar{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;justify-content:space-between;align-items:center;gap:2px;width:100%;min-height:0;padding:6px 10px}.sidebar-btn{width:34px;height:34px}}.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{white-space:nowrap;color:#fff;border:none;border-radius:4px;align-items:center;padding:5px 12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.hdr-btn.teal{background:var(--btn-green)}.hdr-btn.blue{background:var(--btn-blue)}.acij-logo{width:auto;height:32px;margin-left:4px;display:block}.hdr-btn:hover{filter:brightness(1.12)}@media (width<=820px){.header{flex-wrap:wrap;align-items:flex-start;gap:6px;height:auto;padding:8px 12px}.header-left,.header-right{flex:1 0 100%}.header-title{white-space:normal}.acij-logo{height:26px;margin-left:auto}}.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}@media (width<=820px){.app-shell{flex-direction:column;width:100%;height:auto;overflow:visible}.main-area,.content-area{overflow:visible}}