:root{--bg:#0b1020;--fg:#e7e9ee;--muted:#9aa4b2;--card:#121a2f;--accent:#4f8cff }*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--fg)}a{color:var(--accent);text-decoration:none}.app-shell{display:flex;min-height:100%}.app-shell.auth-only{display:block}.main{display:flex;flex-direction:column;flex:1;min-width:0}.sidebar{display:flex;flex-direction:column;gap:12px;width:240px;padding:16px 14px;background:var(--card);border-right:1px solid #1e2743;flex-shrink:0;position:sticky;top:0;height:100vh;overflow:hidden}.sidebar.collapsed{width:72px;padding:14px 10px}.sidebar .brand{display:flex;align-items:center;gap:10px}.sidebar .brand-mark{font-size:20px}.sidebar .brand-text{color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.sidebar .nav-links{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;overflow:auto}.sidebar .nav-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:var(--fg)}.sidebar .nav-link:hover{background:#162040}.sidebar .link-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#1a2543;font-size:14px}.sidebar .sidebar-toggle{align-self:flex-start;padding:6px 10px;border-radius:8px;background:#15203f;border:1px solid #27324f}.sidebar .sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:10px}.sidebar .user-email{font-size:12px;color:var(--muted);word-break:break-word}.user-menu{position:relative;display:flex;flex-direction:column;gap:8px}.user-menu-button{background:transparent;border:none;padding:0;text-align:left;color:var(--fg);cursor:pointer}.user-menu-button:hover{color:var(--accent)}.user-logout{align-self:flex-start}.user-popover{position:absolute;left:0;bottom:100%;margin-bottom:10px;width:220px;background:var(--card);border:1px solid #1e2743;border-radius:10px;padding:10px;box-shadow:0 12px 24px #02081773;z-index:20}.user-popover-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.user-popover-body{font-size:13px;color:var(--fg)}.sidebar.collapsed .brand-text,.sidebar.collapsed .link-label,.sidebar.collapsed .user-email{display:none}.sidebar.collapsed .nav-link{justify-content:center}.sidebar a.router-link-active{background:#1b2950}.container{width:100%;max-width:none;margin:0;padding:16px}.app-footer{text-align:center;padding:20px;color:var(--muted)}.card{background:var(--card);border:1px solid #1e2743;border-radius:10px;padding:14px;width:100%}input,button,select,textarea{background:#0f172a;color:var(--fg);border:1px solid #27324f;border-radius:8px;padding:10px}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button{cursor:pointer;background:#1a2543}button.primary{background:var(--accent);color:#fff;border:none}ul.reset{list-style:none;padding:0;margin:0}.row{display:flex;gap:10px}.grow{flex:1}