*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--canvas:#010102;--surface-1:#0f1011;--surface-2:#141516;--surface-3:#18191a;--ink:#f7f8f8;--ink-muted:#d0d6e0;--ink-subtle:#8a8f98;--ink-tertiary:#62666d;--hairline:#23252a;--hairline-strong:#34343a;--primary:#5e6ad2;--primary-hover:#828fff;--primary-focus:#5e69d1;--semantic-success:#27a644;--semantic-danger:#e53e3e;--font-sans:"Inter", -apple-system, system-ui, sans-serif;--font-mono:ui-monospace, Consolas, monospace;font-family:var(--font-sans);color:var(--ink);background-color:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}[data-theme=light]{--canvas:#fff;--surface-1:#f5f6f6;--surface-2:#eee;--surface-3:#e5e5e5;--ink:#000;--ink-muted:#333;--ink-subtle:#666;--ink-tertiary:#999;--hairline:#e0e0e0;--hairline-strong:#ccc;--primary:#5e6ad2;--primary-hover:#828fff;--primary-focus:#5e69d1;--semantic-success:#27a644;--semantic-danger:#e53e3e}body{min-height:100vh;margin:0}#root{min-height:100vh}h1{letter-spacing:-.6px;color:var(--ink);margin:0 0 8px;font-size:28px;font-weight:600}.page-description{color:var(--ink-subtle);margin-bottom:24px;font-size:14px}.placeholder-card{background-color:var(--surface-1);border:1px solid var(--hairline);color:var(--ink-muted);border-radius:12px;padding:24px;font-size:14px}.placeholder-card:hover{background-color:var(--surface-2);border-color:var(--hairline-strong)}.placeholder-card p{margin-bottom:12px}.placeholder-card h3{letter-spacing:-.4px;color:var(--ink);margin-bottom:8px;font-size:22px;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page{padding:0}input:focus,select:focus{box-shadow:none;outline:2px solid #5e6ad24d;border-color:var(--primary-focus)!important}button:hover:not(:disabled){opacity:.9}table tbody tr:hover{background-color:var(--surface-1)}table thead tr{background-color:var(--surface-2)}table thead th{color:var(--ink-subtle);letter-spacing:.4px;text-transform:uppercase;font-size:12px;font-weight:500}table tbody td{border-bottom:1px solid var(--hairline)}table{border-collapse:collapse}.app-layout{min-height:100vh;display:flex}.sidebar{background-color:var(--surface-1);width:240px;color:var(--ink-muted);border-right:1px solid var(--hairline);flex-direction:column;flex-shrink:0;display:flex}.sidebar-header{border-bottom:1px solid var(--hairline);padding:20px 16px}.sidebar-header h2{color:var(--ink);margin:0;font-size:18px;font-weight:600}.sidebar-nav{flex-direction:column;padding:8px 0;display:flex}.nav-link{color:var(--ink-subtle);padding:12px 20px;font-size:14px;font-weight:400;text-decoration:none;transition:background-color .2s,color .2s;display:block}.nav-link:hover,.nav-link.active{background-color:var(--surface-2);color:var(--ink)}.sidebar-footer{border-top:1px solid var(--hairline);flex-direction:column;gap:8px;margin-top:auto;padding:16px;display:flex}.sidebar-user{color:var(--ink-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.theme-toggle-btn{width:100%;color:var(--ink);background-color:var(--surface-1);border:1px solid var(--hairline);cursor:pointer;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:background-color .2s,border-color .2s;display:block}.theme-toggle-btn:hover{background-color:var(--surface-2);border-color:var(--hairline-strong)}.logout-btn{width:100%;color:var(--ink);background-color:var(--surface-1);border:1px solid var(--hairline);cursor:pointer;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:background-color .2s,border-color .2s;display:block}.logout-btn:hover{color:#fff;background-color:#c53030;border-color:#c53030}.main-content{background-color:var(--canvas);flex:1;padding:24px 32px;overflow-y:auto}