*{box-sizing:border-box}html,body,#root{margin:0;height:100%;font-family:-apple-system,Segoe UI,Microsoft JhengHei,sans-serif;background:#0f172a;color:#e5e7eb}a{color:#60a5fa;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;padding:6px 12px;border:1px solid #374151;border-radius:4px;background:#1f2937;color:#e5e7eb;font:inherit}button:hover{background:#374151}button.primary{background:#2563eb;color:#fff;border-color:#2563eb}button.primary:hover{background:#1d4ed8}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{padding:6px 10px;border:1px solid #374151;border-radius:4px;font:inherit;background:#111827;color:#e5e7eb}input:focus,textarea:focus,select:focus{outline:none;border-color:#3b82f6}code{background:#1f2937;padding:1px 5px;border-radius:3px;font-size:12px}h2{margin:0 0 16px;font-size:22px;font-weight:600}h3{font-size:15px;margin:16px 0 8px}.layout{display:flex;min-height:100vh}.sidebar{width:230px;background:#111827;padding:16px 12px;display:flex;flex-direction:column;border-right:1px solid #1f2937;position:sticky;top:0;height:100vh}.sidebar h1{font-size:15px;margin:0 0 18px;color:#fff;padding:0 8px}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar nav a{display:block;padding:8px 12px;color:#cbd5e1;border-radius:6px;font-size:14px}.sidebar nav a.active,.sidebar nav a:hover{background:#1f2937;color:#fff;text-decoration:none}.sidebar nav a.active{background:#1e3a8a}.sidebar-foot{border-top:1px solid #1f2937;padding-top:12px}.main{flex:1;padding:24px 28px;overflow:auto}.card{background:#111827;border:1px solid #1f2937;border-radius:8px;padding:16px;margin-bottom:0}.card-title{font-size:13px;font-weight:600;color:#9ca3af;margin-bottom:12px;text-transform:uppercase;letter-spacing:.04em}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.stat-card{background:#111827;border:1px solid #1f2937;border-radius:8px;padding:14px 16px}.stat-label{font-size:12px;color:#9ca3af}.stat-value{font-size:26px;font-weight:700;margin-top:4px;color:#fff;line-height:1.2}.stat-sub{margin-top:4px;font-size:11px}.muted{color:#9ca3af}.tabs{display:flex;gap:4px;border-bottom:1px solid #1f2937;margin-bottom:16px}.tabs button{background:transparent;border:none;padding:8px 14px;color:#9ca3af;border-bottom:2px solid transparent;border-radius:0}.tabs button:hover{color:#e5e7eb;background:transparent}.tabs button.tab-active{color:#fff;border-bottom-color:#3b82f6}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,.data-table td{padding:8px 10px;border-bottom:1px solid #1f2937;text-align:left}.data-table th{background:#0b1220;color:#9ca3af;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.data-table tbody tr:hover{background:#0b1220}.pill{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;background:#1f2937;color:#cbd5e1}.pill.score-green{background:#064e3b;color:#6ee7b7}.pill.score-yellow{background:#78350f;color:#fbbf24}.pill.score-red{background:#7f1d1d;color:#fca5a5}.note-item{padding:10px 12px;background:#0b1220;border-radius:6px;margin-bottom:8px;border-left:3px solid #3b82f6}.heatmap{border-collapse:collapse;font-size:11px}.heatmap th{padding:4px 6px;color:#9ca3af;font-weight:400;text-align:center;border:none;background:transparent}.heatmap td{width:26px;height:22px;text-align:center;color:#fff;border:1px solid #0f172a}.login-wrap{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b)}.login-card{background:#111827;border:1px solid #1f2937;padding:32px;border-radius:12px;width:380px;box-shadow:0 10px 40px #00000080}.login-card h1{margin:0 0 8px;font-size:20px;color:#fff}.login-card p{color:#9ca3af;font-size:13px;margin:0 0 18px}