*{box-sizing:border-box}:root{--brand-navy: #183153;--brand-blue: #4f6ef7;--brand-teal: #18b6a4;--brand-warm-white: #fafaf8;--brand-white: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-subtle: #cbd5e1;--surface-muted: #e2e8f0;--status-success: #16a34a;--status-warning: #d97706;--status-error: #dc2626;--status-info: #2563eb;--radius-button: 12px;--radius-card: 16px;--radius-dialog: 20px}body{margin:0;min-width:320px;min-height:100vh;color:var(--text-primary);background:linear-gradient(180deg,rgb(24 49 83 / 6%) 0,transparent 340px),var(--brand-warm-white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.app-shell{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:24px 0 40px}.top-bar,.section-heading,.metric-grid,.scanner-layout{display:grid;gap:16px}.top-bar{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:8px 0 24px}.brand-heading{display:grid;gap:28px}.brand-logo{display:block;width:min(230px,62vw);height:auto}.eyebrow{margin:0 0 8px;color:var(--brand-blue);font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0}h1{max-width:780px;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.95;color:var(--brand-navy)}h2{font-size:1.1rem;color:var(--brand-navy)}.freshness{display:grid;gap:4px;justify-items:end;color:var(--text-secondary);font-size:.82rem}.freshness strong{color:var(--brand-navy)}.freshness button{min-height:34px;margin-top:8px;border:1px solid var(--brand-navy);border-radius:8px;padding:0 12px;background:var(--brand-white);color:var(--brand-navy);cursor:pointer;font-weight:850}.freshness button:disabled{cursor:wait;opacity:.65}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:8px 0 20px}.metric-grid article,.scanner-panel,.detail-panel,.auth-panel,.error-panel,.loading-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--brand-white);box-shadow:0 18px 50px #1831531a}.metric-grid article{min-height:92px;padding:18px}.metric-grid span{display:block;color:var(--text-secondary);font-size:.84rem}.metric-grid strong{display:block;margin-top:10px;color:var(--brand-navy);font-size:1.7rem}.auth-panel,.error-panel,.loading-panel{display:grid;gap:18px;margin:8px 0 20px;padding:20px}.auth-panel{grid-template-columns:minmax(0,.75fr) minmax(300px,.45fr);align-items:start}.auth-card{display:grid;gap:14px}.auth-tabs{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;border:1px solid var(--border-subtle);border-radius:8px;padding:4px;background:var(--brand-warm-white)}.auth-tabs button,.auth-form button,.error-panel button{min-height:38px;border:0;border-radius:8px;background:var(--brand-navy);color:var(--brand-white);cursor:pointer;font-weight:850}.auth-tabs button{background:transparent;color:var(--text-secondary)}.auth-tabs button.active{background:var(--brand-white);color:var(--brand-navy);box-shadow:0 8px 18px #1831531f}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:6px;color:var(--text-secondary);font-size:.84rem;font-weight:750}.auth-form input{min-height:42px;width:100%;border:1px solid var(--border-subtle);border-radius:8px;padding:0 12px;color:var(--text-primary);background:var(--brand-white)}.auth-form button:disabled{cursor:wait;opacity:.65}.form-error{margin:0;color:var(--status-error);font-size:.84rem}.error-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center}.error-panel strong,.error-panel span{display:block}.error-panel span{color:var(--text-secondary)}.scanner-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.scanner-panel,.detail-panel{overflow:hidden}.section-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:20px 20px 14px}.pill,.status{display:inline-flex;min-height:30px;align-items:center;border-radius:999px;padding:0 10px;background:#18b6a41f;color:var(--brand-navy);font-size:.78rem;font-weight:800;white-space:nowrap}.table-wrap{overflow-x:auto}table{width:100%;min-width:760px;border-collapse:collapse}th,td{padding:14px 20px;border-top:1px solid var(--surface-muted);text-align:left;vertical-align:middle}th{color:var(--text-secondary);font-size:.74rem;text-transform:uppercase}td{color:var(--text-primary);font-size:.92rem}td span{display:block;margin-top:3px;color:var(--text-secondary);font-size:.8rem}.gain{color:var(--status-success);font-weight:800}.loss{color:var(--status-error);font-weight:800}meter{width:92px;height:10px;margin-right:8px}.detail-panel{padding:20px}.detail-brand{display:flex;align-items:center;gap:12px}.detail-brand img{width:38px;height:38px;object-fit:contain}.score-list{display:grid;gap:9px;margin:18px 0}.score-list div{display:grid;grid-template-columns:minmax(0,1fr) 46px;align-items:center;gap:12px}dt{color:var(--text-secondary);text-transform:capitalize}dd{margin:0;border-radius:8px;padding:8px 0;background:var(--brand-navy);color:var(--brand-white);font-weight:900;text-align:center}.explanation,.guardrail{border-radius:8px;padding:14px}.explanation{background:#4f6ef714}.explanation p{margin:8px 0 0;color:var(--text-secondary);line-height:1.5}.guardrail{margin-top:14px;background:#d977061f;color:#7c3f00;font-size:.86rem;line-height:1.45}.session-note{margin-top:12px;color:var(--text-secondary);font-size:.82rem}.session-note strong{color:var(--brand-navy)}@media(max-width:900px){.top-bar,.section-heading,.scanner-layout,.auth-panel,.error-panel{grid-template-columns:1fr}.freshness{justify-items:start}.brand-heading{gap:20px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.app-shell{width:min(100vw - 20px,1180px);padding-top:18px}.metric-grid{grid-template-columns:1fr}th,td{padding:12px 14px}}