@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap");:root{--bg-dark:#0a0a0a;--bg-card:#141414;--gold-primary:#d4af37;--gold-secondary:#ffbf00;--gold-gradient:linear-gradient(135deg,#d4af37,#ffbf00);--text-primary:#fff;--text-secondary:#a0a0a0;--border-gold:rgba(212,175,55,.2);--success:#10b981;--danger:#ef4444;--bg-color:var(--bg-dark);--card-bg:var(--bg-card);--card-border:var(--border-gold);--accent-color:var(--gold-primary);--accent-gradient:var(--gold-gradient);--warning:#f59e0b}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:600;letter-spacing:-.02em}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;background-image:radial-gradient(circle at 0 0,rgba(212,175,55,.05) 0,transparent 50%),radial-gradient(circle at 100% 100%,rgba(212,175,55,.05) 0,transparent 50%);padding-bottom:5rem}.dashboard-container{max-width:1400px;margin:0 auto;padding:2rem}.layout-wrapper{display:flex;min-height:100vh}.sidebar{width:280px;background:#0d0d0d;height:100vh;position:fixed;left:0;top:0;border-right:1px solid var(--border-gold);display:flex;flex-direction:column;padding:2rem 1.5rem;z-index:100;transition:transform .3s ease}.content-area{flex:1 1;margin-left:280px;padding:2rem 3rem;width:calc(100% - 280px);transition:all .3s ease}.layout-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;grid-gap:2rem;gap:2rem}.hero-cell{grid-column:span 3}.large-cell{grid-column:span 2}@media (max-width:1200px){.layout-grid{grid-template-columns:repeat(2,1fr)}.hero-cell,.large-cell{grid-column:span 2}}@media (max-width:900px){.sidebar{transform:translateX(-100%)}.content-area{margin-left:0;width:100%;padding:1.5rem}.layout-grid{grid-template-columns:1fr}.hero-cell,.large-cell{grid-column:span 1}}.card{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:24px;padding:1.5rem;box-shadow:0 20px 40px rgba(0,0,0,.4);transition:all .3s ease;position:relative;overflow:hidden}.card:hover{border-color:var(--gold-primary);box-shadow:0 20px 40px rgba(212,175,55,.1)}.card-title{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;letter-spacing:.02em}.card-title,.gold-text{font-family:Outfit,sans-serif}.gold-text{background:var(--gold-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:-.03em}.btn-gold{background:var(--gold-gradient);color:#000;border:none;padding:.8rem 1.5rem;border-radius:12px;font-weight:700;cursor:pointer;transition:transform .2s;text-decoration:none;display:inline-block;text-align:center}.btn-gold:hover{transform:scale(1.02);filter:brightness(1.1)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;color-scheme:dark}option{background-color:var(--bg-card);color:var(--text-primary)}.sparkline-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.spark-card{background:hsla(0,0%,100%,.03);padding:1rem;border-radius:16px;border:1px solid hsla(0,0%,100%,.05)}.spark-label{font-size:.75rem;color:var(--text-secondary)}.spark-value{font-size:1.25rem;font-weight:700;margin:.25rem 0}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards}.hero{background:linear-gradient(90deg,#141414,#1a1a1a);border-radius:24px;padding:3rem;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-gold)}