:root{color:#0f172a;font-family:Inter,Arial,sans-serif}html,body,#root{min-height:100%}html{background:radial-gradient(circle at top right,rgba(37,99,235,.1),transparent 24%),radial-gradient(circle at top left,rgba(16,185,129,.08),transparent 18%),#eef4fb}html[data-theme=dark]{background:radial-gradient(circle at top right,rgba(59,130,246,.18),transparent 24%),radial-gradient(circle at top left,rgba(34,197,94,.1),transparent 18%),#020617}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:radial-gradient(circle at top right,rgba(37,99,235,.1),transparent 24%),radial-gradient(circle at top left,rgba(16,185,129,.08),transparent 18%),#eef4fb;color:#0f172a}body[data-theme=dark]{background:radial-gradient(circle at top right,rgba(59,130,246,.18),transparent 24%),radial-gradient(circle at top left,rgba(34,197,94,.1),transparent 18%),#020617;color:#f8fafc}button,input,select{font:inherit}input,select{width:100%;padding:.8rem .9rem;border-radius:.9rem;border:1px solid #cbd5e1;background:#ffffffe6;color:inherit}body[data-theme=dark] input,body[data-theme=dark] select{background:#0f172ad1;border-color:#334155;color:#f8fafc}.app-shell{max-width:1440px;margin:0 auto;min-height:100vh;padding:1.5rem}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-card{width:min(680px,100%)}.panel{background:#ffffffdb;border:1px solid rgba(148,163,184,.22);border-radius:1.5rem;padding:1.25rem;box-shadow:0 18px 42px #0f172a14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body[data-theme=dark] .panel{background:#0f172ad1;border-color:#94a3b82e;box-shadow:0 20px 50px #00000057}.soft-panel{background:#f8fafce0;border:1px solid rgba(148,163,184,.18);box-shadow:none}body[data-theme=dark] .soft-panel{background:#020617ad;border-color:#334155}.top-shell{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.shell-title{font-size:1.45rem;font-weight:800}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#64748b;margin:0 0 .4rem;font-weight:800}body[data-theme=dark] .eyebrow,body[data-theme=dark] .metric-label,body[data-theme=dark] .metric-subtext,body[data-theme=dark] .hero-copy{color:#94a3b8}.hero{margin-bottom:1rem}.hero h1,.auth-card h1{margin:0;font-size:clamp(2rem,4vw,3rem)}.hero-copy{max-width:58rem;line-height:1.6;color:#64748b;margin-bottom:1rem}.hero-pill-row,.auth-tabs{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem}.header-pill{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.6rem .85rem;font-weight:700;font-size:.88rem}.header-pill.success{background:#22c55e24;color:#166534}.header-pill.info{background:#2563eb1a;color:#1d4ed8}.header-pill.warning{background:#f59e0b1f;color:#92400e}body[data-theme=dark] .header-pill.success{color:#86efac}body[data-theme=dark] .header-pill.info{color:#93c5fd}body[data-theme=dark] .header-pill.warning{color:#fde68a}.hero-actions,.filters-toolbar,.table-actions,.settings-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.filters-toolbar{align-items:end}.field{display:flex;flex-direction:column;gap:.4rem;font-weight:600;min-width:180px}.checkbox-field{flex-direction:row;align-items:center;min-width:100%}.checkbox-field input{width:auto}.file-input-btn{position:relative;overflow:hidden}.file-input-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.primary-btn,.secondary-btn,.icon-btn{border-radius:.95rem;padding:.85rem 1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;border:1px solid #cbd5e1;transition:transform .12s ease,opacity .12s ease}.primary-btn:hover,.secondary-btn:hover,.icon-btn:hover{transform:translateY(-1px)}.primary-btn:disabled,.secondary-btn:disabled{opacity:.7;cursor:wait}.primary-btn{background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;border:none}.secondary-btn,.icon-btn{background:#ffffffe0;color:inherit}body[data-theme=dark] .secondary-btn,body[data-theme=dark] .icon-btn{background:#0f172ad1;border-color:#334155;color:#f8fafc}.page-grid,.metrics-grid,.chart-grid,.two-column,.form-grid{display:grid;gap:1rem}.single-column{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1rem}.chart-grid{grid-template-columns:1.7fr 1fr;margin-bottom:1rem}.two-column{grid-template-columns:1.25fr 1fr;margin-bottom:1rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-actions{grid-column:1 / -1}.metric-card{display:flex;align-items:center;gap:1rem}.metric-icon{width:3rem;height:3rem;display:grid;place-items:center;border-radius:1rem;background:#2563eb1a;color:#2563eb}body[data-theme=dark] .metric-icon{background:#60a5fa29;color:#93c5fd}.metric-label,.metric-subtext{color:#64748b}.metric-value{font-size:1.7rem;font-weight:800}.panel-title{display:flex;justify-content:space-between;gap:1rem;align-items:center;font-weight:800;margin-bottom:1rem}.chart-wrap{height:320px}.kpi-list{display:grid;gap:.8rem}.kpi-row,.settings-row{justify-content:space-between;border:1px solid rgba(226,232,240,.9);border-radius:1rem;padding:.95rem 1rem}body[data-theme=dark] .kpi-row,body[data-theme=dark] .settings-row{border-color:#334155f2}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{text-align:left;padding:.85rem .7rem;border-bottom:1px solid #e2e8f0;white-space:nowrap}body[data-theme=dark] .table-wrap th,body[data-theme=dark] .table-wrap td{border-bottom-color:#334155}.status-pill{padding:.4rem .75rem;border-radius:999px;font-weight:700;font-size:.83rem}.status-pill.good{background:#dcfce7;color:#166534}.status-pill.warn{background:#fef3c7;color:#92400e}.status-pill.bad{background:#fee2e2;color:#991b1b}.notice-card{margin-bottom:1rem;border-radius:1rem;padding:.9rem 1rem;background:#dbeafe;border:1px solid #93c5fd}.notice-card.success{background:#dcfce7;border-color:#86efac}.notice-card.error{background:#fee2e2;border-color:#fca5a5}.summary-list{margin:0;padding-left:1.2rem;line-height:1.8}.invite-token{margin-top:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all}.empty-state{border:1px dashed rgba(148,163,184,.45);border-radius:1rem;padding:1.25rem;background:#f8fafcb8}body[data-theme=dark] .empty-state{background:#02061785;border-color:#94a3b847}@media (max-width: 1100px){.top-shell,.hero,.settings-row{flex-direction:column;align-items:stretch}.metrics-grid,.chart-grid,.two-column,.form-grid{grid-template-columns:1fr}}