@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Lexend:wght@300;400;500;600&display=swap";:root{--bg: #f6f1e8;--ink: #131618;--muted: #5a5f63;--card: #ffffff;--card-border: #1b1d1f;--accent: #d5662c;--accent-2: #0d6b5f;--accent-soft: rgba(213, 102, 44, .12);--blink-up: #2e9f59;--blink-up-soft: rgba(46, 159, 89, .25);--blink-down: #c63b3b;--blink-down-soft: rgba(198, 59, 59, .25);--shadow: 0 14px 40px rgba(17, 20, 24, .12);--radius-lg: 28px;--radius-md: 18px;--radius-sm: 12px}*{box-sizing:border-box}body{margin:0;font-family:Lexend,Helvetica Neue,sans-serif;background-color:var(--bg);color:var(--ink);min-height:100vh;background-image:radial-gradient(circle at 20% 20%,rgba(223,208,176,.7),transparent 40%),radial-gradient(circle at 90% 10%,rgba(180,219,210,.6),transparent 45%),radial-gradient(circle at 10% 80%,rgba(253,236,206,.7),transparent 55%),repeating-linear-gradient(135deg,rgba(0,0,0,.025) 0 1px,transparent 1px 8px)}h1,h2,h3{font-family:Fraunces,Times New Roman,serif;margin:0}.app{max-width:1200px;margin:0 auto;padding:48px 32px 40px;display:flex;flex-direction:column;gap:32px}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.app-title__eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--muted);margin-bottom:8px}.app-title h1{font-size:clamp(28px,3vw,40px);line-height:1.1}.app-meta{background:#ffffffc7;padding:16px 18px;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.12);display:grid;gap:10px;min-width:220px;box-shadow:var(--shadow)}.meta-pill{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 0 4px #0d6b5f26}.meta-line{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.meta-line strong{color:var(--ink);font-weight:600}.dashboard{display:flex;flex-direction:column;gap:24px}.hero{display:grid;grid-template-columns:2fr 1fr;gap:20px}.hero-sub{display:grid;gap:16px}.metric-card{position:relative;background:var(--card);border-radius:var(--radius-md);padding:20px 22px;border:1px solid rgba(0,0,0,.12);box-shadow:var(--shadow);display:grid;gap:10px;transition:transform .2s ease,box-shadow .2s ease}.metric-card--hero{background:#151a20;border-radius:var(--radius-lg);color:#f8f1e9;padding:30px 34px;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 60px #0e101447}.metric-card--hero .metric-card__label{color:#f8f1e9b8}.metric-card--hero .metric-card__hint{color:#f8f1e9a6}.metric-card--compact{padding:18px 20px}.metric-card__label{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.metric-card__value{font-size:clamp(30px,4.6vw,56px);font-weight:600;letter-spacing:.01em}.metric-card--hero .metric-card__value{font-size:clamp(56px,10vw,110px);line-height:1}.metric-card--compact .metric-card__value{font-size:clamp(24px,3vw,36px)}.metric-card__hint{font-size:13px;color:var(--muted)}.section{display:grid;gap:14px}.section__title{font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-left:6px}.section__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.app-footer{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.error{color:#ba3b2b;font-weight:600}.metric-card.is-blinking{animation:pulse .9s ease-out;border-color:var(--blink-border, rgba(0, 0, 0, .12));box-shadow:0 0 0 2px var(--blink-soft, rgba(0, 0, 0, .08)),var(--shadow)}.metric-card.is-blinking-up{--blink-border: rgba(46, 159, 89, .65);--blink-soft: var(--blink-up-soft)}.metric-card.is-blinking-down{--blink-border: rgba(198, 59, 59, .65);--blink-soft: var(--blink-down-soft)}@keyframes pulse{0%{transform:translateY(0);box-shadow:0 0 0 0 var(--blink-soft, rgba(0, 0, 0, .12))}40%{transform:translateY(-2px);box-shadow:0 0 0 8px var(--blink-soft, rgba(0, 0, 0, .08))}to{transform:translateY(0);box-shadow:0 0 #0000}}@media (max-width: 900px){.app{padding:32px 20px}.app-header{flex-direction:column;align-items:stretch}.hero,.section__grid{grid-template-columns:1fr}}@media (max-width: 520px){.app{padding:24px 16px 28px}.metric-card{padding:18px}.metric-card--hero{padding:24px 22px}.app-footer{flex-direction:column;align-items:flex-start;gap:6px}}