:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#111;background:#f4f6f9}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}a{color:inherit}button,input,select{font:inherit}.appShell{display:flex;min-height:100%}.sidebar{width:260px;background:#111827;color:#fff;padding:20px;display:flex;flex-direction:column;gap:16px}.brand{font-weight:700;font-size:18px;letter-spacing:.2px}.nav{display:flex;flex-direction:column;gap:6px}.nav a{padding:10px 12px;border-radius:10px;text-decoration:none;opacity:.85}.nav a.active,.nav a:hover{background:#1f2937;opacity:1}.userCard{margin-top:auto;padding:12px;border-radius:12px;background:#0b1220;border:1px solid rgba(255,255,255,.08)}.userRow{display:flex;align-items:center;justify-content:space-between;gap:8px}.badge{font-size:12px;opacity:.8;padding:2px 8px;border-radius:999px;background:#ffffff14}.logout{margin-top:10px;width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:transparent;color:#fff;cursor:pointer}.logout:hover{background:#ffffff14}.content{flex:1;padding:28px}.card{background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:16px;padding:18px;box-shadow:0 10px 30px #1118270f}.h1{font-size:22px;margin:0 0 6px}.sub{margin:0 0 16px;color:#6b7280}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.col6{grid-column:span 6}.col12{grid-column:span 12}.inputRow{display:flex;gap:10px;align-items:center}.input{flex:1;padding:12px;border-radius:12px;border:1px solid rgba(17,24,39,.18);background:#fff}.btn{padding:12px 14px;border-radius:12px;border:1px solid rgba(17,24,39,.18);background:#111827;color:#fff;cursor:pointer}.btn:hover{filter:brightness(1.05)}.btnSecondary{background:#fff;color:#111827}.btnSecondary:hover{background:#f3f4f6}.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table th{font-size:12px;color:#6b7280;font-weight:600;text-align:left;padding:0 10px}.table td{background:#fff;border:1px solid rgba(17,24,39,.1);padding:12px 10px}.table tr td:first-child{border-radius:12px 0 0 12px}.table tr td:last-child{border-radius:0 12px 12px 0}.kpi{display:flex;flex-direction:column;gap:6px}.kpiNum{font-size:28px;font-weight:800}.kpiLabel{color:#6b7280;font-size:12px}.loginWrap{position:relative;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.loginVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55)}.loginOverlay{position:absolute;inset:0;background:linear-gradient(180deg,#00000040,#0009)}.loginCard{position:relative;z-index:2;width:min(980px,92vw);display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.loginInfo{color:#fff;padding:22px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.loginForm{padding:22px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#ffffffeb}.small{font-size:12px;color:#6b7280}.error{color:#b91c1c;font-size:13px;margin-top:10px}@media(max-width:860px){.loginCard{grid-template-columns:1fr}.sidebar{display:none}.content{padding:16px}.col6{grid-column:span 12}}