:root{--bg:#0b0d12;--panel:#141821;--text:#e7ebf3;--muted:#8a93a6;--accent:#5b8cff;--ok:#36d399;--bad:#f87272}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent)}.app-shell{display:flex;min-height:100vh}.sidebar{width:224px;flex-shrink:0;background:var(--panel);border-right:1px solid #1d2533;padding:1.25rem .75rem;display:flex;flex-direction:column;gap:4px;transition:width .18s ease,transform .18s ease}.sidebar.collapsed{width:64px}.sidebar .brand{display:flex;align-items:center;gap:10px;font-weight:700;padding:0 .5rem 1.25rem;white-space:nowrap;overflow:hidden}.sidebar.collapsed .brand-text,.sidebar.collapsed .label{display:none}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--muted);background:transparent;border:none;cursor:pointer;width:100%;text-align:left;font-size:.95rem;white-space:nowrap}.nav-item.active,.nav-item:hover{background:#1b2433;color:var(--text)}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;flex-shrink:0}.app-main{flex:1 1;min-width:0;padding:1.25rem 1.75rem}.sidebar-backdrop{display:none}@media (max-width:820px){.sidebar{position:fixed;top:0;left:0;height:100%;z-index:40;width:224px}.sidebar.collapsed{transform:translateX(-100%);width:224px}.sidebar.collapsed .brand-text,.sidebar.collapsed .label{display:inline}.sidebar-backdrop.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:35}.app-main{padding:1rem}}.login-split{display:flex;min-height:100vh}.login-aside{flex:1 1;flex-direction:column;padding:3.5rem;background:linear-gradient(135deg,#0e1320,#171b2e 60%,#1b1530);border-right:1px solid #1d2533}.login-aside,.login-form-wrap{display:flex;justify-content:center}.login-form-wrap{flex:1 1;align-items:center;padding:2rem}@media (max-width:820px){.login-aside{display:none}}