:root{color-scheme:light;font-family:Manrope,sans-serif;--ink: #10243c;--muted: #6a7c90;--paper: #f5efe5;--panel: rgba(255, 255, 255, .88);--line: rgba(16, 36, 60, .12);--accent: #c57d3c;--accent-2: #10243c;--good: #0f766e;--danger: #b91c1c;--shadow: 0 24px 60px rgba(16, 36, 60, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,rgba(197,125,60,.22),transparent 30%),linear-gradient(180deg,#f6efe3,#fffdfa);color:var(--ink)}button,select{font:inherit}.screen-center,.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(540px,100%);padding:36px;border-radius:28px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.auth-card h1,.rail h1,.hero h2{margin:0;font-family:"Instrument Serif",serif;font-weight:400;letter-spacing:-.02em}.auth-card p,.rail-copy,.hero p,.metric-hint,.panel-header span,.footer-note{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--accent);font-weight:800;margin-bottom:12px}.cta,.ghost,.store-button{border:1px solid transparent;border-radius:999px;cursor:pointer}.cta{background:linear-gradient(90deg,var(--accent-2),var(--accent));color:#fff;padding:14px 22px}.ghost{padding:12px 18px;background:#10243c0f;color:var(--ink)}.app-shell{display:grid;grid-template-columns:320px 1fr;min-height:100vh}.rail{padding:32px 24px;border-right:1px solid var(--line);background:#10243cf5;color:#f8fafc;display:flex;flex-direction:column;gap:24px}.rail .eyebrow,.rail-copy{color:#f8fafcb8}.store-list{display:flex;flex-direction:column;gap:10px;overflow:auto}.store-button{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;background:#ffffff0f;color:#fff;text-align:left}.store-button.selected{background:linear-gradient(90deg,#c57d3c4d,#ffffff14);border-color:#ffffff29}.content{padding:28px;display:flex;flex-direction:column;gap:24px}.hero{display:flex;justify-content:space-between;gap:16px;align-items:end;padding:28px;border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:var(--shadow)}.toolbar{display:flex;gap:12px}.toolbar select{padding:12px 16px;border-radius:999px;border:1px solid var(--line);background:#fff}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.metric-card{padding:18px}.metric-label{color:var(--muted);font-size:13px;margin-bottom:8px}.metric-value{font-size:28px;font-weight:800;margin-bottom:8px}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{padding:22px}.panel-wide{grid-column:1 / -1}.panel-header{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:18px}.panel-header h3{margin:0;font-size:18px}.fact-list{display:grid;gap:12px}.fact-list>div{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.fact-list span{color:var(--muted)}.chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#c57d3c1f;color:var(--accent-2);font-size:12px;font-weight:700}.turn-table,.stores-table{display:grid;gap:10px}.turn-head,.turn-row,.stores-head,.stores-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;align-items:center}.stores-head,.stores-row{grid-template-columns:3fr 1fr 1fr 1fr 1fr 1fr}.turn-head,.stores-head{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.turn-row,.stores-row{padding:12px 0;border-top:1px solid var(--line)}.error-banner{padding:14px 18px;border-radius:18px;border:1px solid rgba(185,28,28,.18);background:#b91c1c14;color:var(--danger)}.panel-empty{color:var(--muted);padding:18px 0}.footer-note{padding-bottom:12px}@media (max-width: 1100px){.app-shell{grid-template-columns:1fr}.rail{border-right:0;border-bottom:1px solid var(--line)}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid{grid-template-columns:1fr}}@media (max-width: 760px){.content,.rail{padding:18px}.hero{flex-direction:column;align-items:stretch}.toolbar{flex-direction:column}.metrics-grid{grid-template-columns:1fr}.stores-head,.stores-row{grid-template-columns:repeat(2,minmax(0,1fr))}.turn-head,.turn-row{grid-template-columns:1fr}}
