:root{font-family:Segoe UI,sans-serif;color:#111827;background:#f3f6fb}body{margin:0;min-width:320px;min-height:100vh;background:#f3f6fb}*{box-sizing:border-box}#root{min-height:100vh}a{color:inherit}.brand-block{padding:20px 18px}.app-header{display:flex;align-items:center;justify-content:space-between;padding-inline:24px;background:#ffffffeb;border-bottom:1px solid #e5e7eb}.app-content{padding:24px}.page-stack{display:grid;gap:16px}.page-header{gap:16px}.center-screen{min-height:100vh;display:grid;place-items:center}.login-screen{background:radial-gradient(circle at top left,rgba(59,130,246,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(16,185,129,.18),transparent 24%),#eef4ff}.login-card{width:min(420px,calc(100vw - 32px));border-radius:24px;box-shadow:0 24px 60px #0f172a1f}.sales-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:12px;min-height:220px}.sales-chart-bar{display:grid;gap:8px;align-items:end}.sales-chart-fill{min-height:10px;border-radius:16px 16px 6px 6px;background:linear-gradient(180deg,#60a5fa,#1d4ed8)}.sales-chart-bar span{color:#6b7280;font-size:12px;text-align:center}