@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-main:#fbfaf7;--bg-soft:#f4f2ec;--bg-card:#fff;--ink-primary:#1a1816;--ink-muted:#4a4641;--ink-light:#8a857d;--accent-tomato:#d2492a;--accent-secondary:#04c;--rule:#e8e4dc;--font-serif:"Playfair Display", serif;--font-sans:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}html.dark{--bg-main:#050505;--bg-soft:#121214;--bg-card:#0a0a0c;--ink-primary:#fbfaf7;--ink-muted:#a1a1aa;--ink-light:#52525b;--neon-rgb:0, 255, 204;--accent-tomato:rgb(var(--neon-rgb));--accent-secondary:#f0f;--rule:#27272a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--ink-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:500;line-height:1.2}h1{letter-spacing:-.02em;font-size:3rem}h2{letter-spacing:-.01em;font-size:2rem}p{font-size:.95rem}a{color:inherit;text-decoration:none}.text-serif{font-family:var(--font-serif)}.text-sans{font-family:var(--font-sans)}.text-mono{font-family:var(--font-mono)}.text-tiny{font-size:.75rem}.text-small{font-size:.85rem}.text-muted{color:var(--ink-muted)}.text-accent{color:var(--accent-tomato)}.text-italic{font-style:italic}.uppercase-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}.card{background-color:var(--bg-card);border:1px solid var(--rule);padding:2rem}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-4{gap:2rem}.gap-8{gap:4rem}.btn{font-family:var(--font-sans);cursor:pointer;border:1px solid var(--rule);color:var(--ink-primary);background-color:#0000;justify-content:center;align-items:center;padding:.5rem 1.25rem;font-size:.85rem;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--ink-primary);color:var(--bg-main);border-color:var(--ink-primary)}.btn-primary:hover{background-color:var(--accent-tomato);border-color:var(--accent-tomato)}.btn-outline:hover{border-color:var(--ink-primary)}table{border-collapse:collapse;width:100%}th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--rule);color:var(--ink-muted);padding:1rem .5rem;font-size:.68rem}td{border-bottom:1px solid var(--rule);padding:1rem .5rem;font-size:.9rem}@keyframes priceUp{0%{color:var(--accent-tomato);opacity:.5;transform:translateY(4px)}30%{color:var(--accent-tomato);opacity:1;transform:translateY(0)}to{color:inherit}}@keyframes priceDown{0%{color:#2e8b57;opacity:.5;transform:translateY(-4px)}30%{color:#2e8b57;opacity:1;transform:translateY(0)}to{color:inherit}}.price-up{animation:.8s cubic-bezier(.2,.8,.2,1) priceUp;display:inline-block}.price-down{animation:.8s cubic-bezier(.2,.8,.2,1) priceDown;display:inline-block}.hover-lift{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s cubic-bezier(.2,.8,.2,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.btn:active{transform:scale(.97)}.fade-in{animation:.6s cubic-bezier(.2,.8,.2,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in-delayed{opacity:0;animation:.6s cubic-bezier(.2,.8,.2,1) .15s forwards fadeIn}.stagger-1{opacity:0;animation:.6s cubic-bezier(.2,.8,.2,1) .1s forwards fadeIn}.stagger-2{opacity:0;animation:.6s cubic-bezier(.2,.8,.2,1) .2s forwards fadeIn}.stagger-3{opacity:0;animation:.6s cubic-bezier(.2,.8,.2,1) .3s forwards fadeIn}.stagger-4{opacity:0;animation:.6s cubic-bezier(.2,.8,.2,1) .4s forwards fadeIn}.animate-pulse-slow{animation:3s ease-in-out infinite pulseSlow}@keyframes pulseSlow{0%,to{opacity:1}50%{opacity:.6}}tr{transition:background-color .2s,transform .2s}tr:hover td{background-color:var(--bg-soft)}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #fff6}.glass-dark{-webkit-backdrop-filter:blur(16px);background:#1a1816d9;border:1px solid #ffffff1a}html.dark .glass,html.dark .glass-dark{border-color:rgba(var(--neon-rgb), .15);background:#0a0a0cb3}html.dark .neon-text{color:var(--accent-tomato);text-shadow:0 0 5px rgba(var(--neon-rgb), .5), 0 0 15px rgba(var(--neon-rgb), .3)}html.dark .neon-text-secondary{color:var(--accent-secondary);text-shadow:0 0 5px #ff00ff80,0 0 15px #ff00ff4d}html.dark .card{border-color:rgba(var(--neon-rgb), .1);box-shadow:inset 0 0 20px rgba(var(--neon-rgb), .02)}html.dark .hover-lift:hover{box-shadow:0 8px 32px rgba(var(--neon-rgb), .15);border-color:rgba(var(--neon-rgb), .5)}html.dark .btn-outline{border-color:rgba(var(--neon-rgb), .3);color:var(--accent-tomato)}html.dark .btn-outline:hover{background-color:rgba(var(--neon-rgb), .1);border-color:var(--accent-tomato);box-shadow:0 0 15px rgba(var(--neon-rgb), .2)}html.dark .invert-dark{filter:invert()hue-rotate(180deg)}.app-layout{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--rule);background-color:var(--bg-main);flex-direction:column;width:250px;padding:2rem 1.5rem;display:flex}.main-content{background-color:var(--bg-main);flex-grow:1;padding:3rem;overflow-y:auto}.bottom-nav{display:none}.dashboard-grid{grid-template-columns:1fr 350px;gap:2rem;display:grid}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (width<=768px){.app-layout{flex-direction:column}.sidebar{display:none}.main-content{padding:1.5rem 1.5rem 5.5rem}.bottom-nav{background-color:var(--bg-main);border-top:1px solid var(--rule);padding:.5rem 1rem calc(.5rem + env(safe-area-inset-bottom));z-index:999;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}html.dark .bottom-nav{-webkit-backdrop-filter:blur(12px);background-color:#0a0a0ce6}.dashboard-grid{grid-template-columns:1fr}h1{font-size:2.2rem}h2{font-size:1.75rem}.flex-between{flex-direction:column;align-items:flex-start;gap:1rem}.flex-between>div{justify-content:space-between;align-items:center;width:100%;display:flex}header.flex-between{margin-bottom:2rem!important}.card{padding:1.5rem}}.hidden-mobile{display:none!important}@media (width>=1024px){.hidden-mobile{display:block!important}}
