:root{--text:#2b2b33;--text-muted:#6b6375;--bg:#f4f3f7;--surface:#fff;--border:#e5e4e7;--accent:#6d28d9;--accent-dark:#4c1d95;--danger:#c0392b;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/145% var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}h1{margin:0 0 20px;font-size:28px}button{font:inherit;cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:6px;padding:8px 14px}button:hover{background:var(--accent-dark)}button:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}input{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:8px 10px}.error-text{color:var(--danger);font-size:14px}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;width:320px;padding:32px;display:flex;box-shadow:0 10px 30px #0000000f}.login-card h1{text-align:center;font-size:20px}.login-card label{color:var(--text-muted);font-size:13px}.login-card button{margin-top:10px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--accent-dark);color:#fff;flex-direction:column;flex-shrink:0;width:220px;padding:20px 16px;display:flex}.sidebar h2{margin:0 0 24px;font-size:18px}.sidebar nav{flex-direction:column;flex:1;gap:4px;display:flex}.sidebar nav a{color:#ffffffd9;border-radius:6px;padding:10px 12px;font-size:14px;text-decoration:none}.sidebar nav a:hover{background:#ffffff14}.sidebar nav a.active{color:#fff;background:#ffffff29}.sidebar-footer{border-top:1px solid #ffffff26;flex-direction:column;gap:8px;padding-top:16px;font-size:13px;display:flex}.sidebar-footer button{background:#ffffff1f}.sidebar-footer button:hover{background:#fff3}.content{flex:1;padding:32px 40px;overflow-x:auto}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;max-width:800px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px}.stat-value{color:var(--accent-dark);font-size:32px;font-weight:600;display:block}.stat-label{color:var(--text-muted);font-size:13px}.data-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;overflow:hidden}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 14px;font-size:14px}.data-table th{background:var(--bg);color:var(--text-muted);font-weight:600}.data-table tbody tr:hover{background:var(--bg)}.inline-form{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.inline-form input{width:140px}