:root{--bg: #0d1f2d;--bg-soft: #12324a;--surface: #f5f7f1;--ink: #16212a;--ink-soft: #4b5966;--accent: #ff7a1a;--accent-dark: #c65400;--line: #d6dde3;--ok: #0b8f5f}*{box-sizing:border-box}body{margin:0;font-family:Sora,sans-serif;color:var(--ink);background:radial-gradient(1600px 800px at 20% -10%,#256b97 0%,transparent 65%),radial-gradient(1000px 500px at 110% 10%,#ff7a1a44 0%,transparent 70%),var(--bg)}a{color:inherit;text-decoration:none}.page{min-height:100vh;padding:24px}.topbar,.dashboard-topbar{display:flex;justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto 24px}.brand{display:flex;gap:12px;align-items:center;color:#fff;font-weight:700}.brand-mark{width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),#ffd166);color:#1a1a1a;font-size:13px}.hero{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.hero-copy,.hero-panel,.card,.login-card,.login-aside,.kpi-card,.board-panel{border-radius:16px;background:var(--surface);padding:28px;border:1px solid rgba(255,255,255,.1)}.hero-copy h1,.login-aside h1,.dashboard-topbar h1{margin:8px 0 12px;line-height:1.2}.hero-copy p,.login-aside p,.card p,.board-panel p{color:var(--ink-soft)}.hero-panel{background:linear-gradient(145deg,#fdf5ec,#f3f6f9);display:grid;gap:14px}.panel-item{border:1px solid var(--line);border-radius:12px;padding:16px}.panel-item span,.kpi-card span,.eyebrow{color:var(--ink-soft);font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.panel-item strong,.kpi-card strong{display:block;margin-top:8px;font-size:22px}.hero-actions,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn{border-radius:10px;min-height:42px;padding:0 18px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background .2s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-solid{background:var(--accent);color:#1a1a1a}.btn-solid:hover{background:#ff8d39}.btn-outline{background:transparent;color:#fff;border-color:#ffffff80}.page-login .btn-outline,.page-dashboard .btn-outline{color:var(--ink);border-color:var(--line)}.card-grid{max-width:1120px;margin:24px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.login-layout{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}.login-card h2{margin-top:0}form{display:grid;gap:12px}label{display:grid;gap:6px;font-size:14px}input{width:100%;border:1px solid var(--line);border-radius:10px;min-height:42px;padding:0 12px;font-family:inherit}input:focus{outline:2px solid #86c7f7;border-color:#86c7f7}.error-box{margin:0;border-radius:10px;border:1px solid #ffd5c1;background:#fff0e8;color:var(--accent-dark);padding:10px 12px;font-size:14px}.page-dashboard{background:linear-gradient(180deg,#eef4f8,#e8f1f3)}.kpi-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpi-card{border:1px solid var(--line)}.board-panel{max-width:1120px;margin:16px auto 0;border:1px solid var(--line)}.splash{min-height:100vh;display:grid;place-items:center;color:#fff}@media (max-width: 960px){.hero,.card-grid,.login-layout,.kpi-grid{grid-template-columns:1fr}.page{padding:16px}}