@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#000;--surface-color:#0a0a0a;--surface-color-light:#18181b;--border-color:#27272a;--text-primary:#fff;--text-secondary:#a1a1aa;--accent-gold:#c5a059;--accent-green:#22c55e;--accent-red:#ef4444;--glass-bg:#0a0a0ab3;--glass-border:#27272a80;--blur:blur(10px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;padding-bottom:80px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.app-container{max-width:100%;min-height:100vh;overflow-x:hidden}.header{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--glass-border);z-index:50;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.header h1{letter-spacing:.5px;font-size:18px;font-weight:600}.status-indicator{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.pulse-dot{background-color:var(--accent-green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #22c55eb3}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 6px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.content{padding:20px;animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{background-color:var(--surface-color);border:1px solid var(--border-color);text-align:center;border-radius:16px;margin-bottom:16px;padding:20px;transition:transform .2s;box-shadow:0 4px 20px #0003}.card:active{transform:scale(.98)}.heatmap-cell{transition:all .2s;position:relative}.heatmap-cell:hover:after{content:attr(title);background:var(--text-primary);color:var(--bg-color);white-space:nowrap;z-index:10;pointer-events:none;border-radius:4px;margin-bottom:4px;padding:4px 8px;font-size:11px;font-weight:600;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@keyframes rotate3d{0%{transform:perspective(1000px)rotateY(0)}to{transform:perspective(1000px)rotateY(360deg)}}.logo-3d-spinner{animation:2s linear infinite rotate3d}.card-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:8px;font-size:12px}.card-value{margin-bottom:4px;font-size:28px;font-weight:700}.card-value.gold{color:var(--accent-gold)}.card-value.green{color:var(--accent-green)}.card-sub{align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.pos{color:var(--accent-green)}.neg{color:var(--accent-red)}.list-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.list-item:last-child{border-bottom:none}.item-main{flex-direction:column;gap:4px;display:flex}.item-title{font-size:15px;font-weight:600}.item-subtitle{color:var(--text-secondary);font-size:12px}.item-value{text-align:right;flex-direction:column;gap:4px;display:flex}.item-primary{font-size:15px;font-weight:600}.item-secondary{font-size:12px}.tag{text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:600}.tag.under{color:var(--accent-green);background:#22c55e26}.tag.over{color:var(--accent-red);background:#ef444426}.bottom-nav{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur);border-top:1px solid var(--glass-border);z-index:50;justify-content:space-around;padding:12px 0 24px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;width:64px;font-family:inherit;font-size:10px;transition:color .2s;display:flex}.nav-item.active{color:var(--accent-gold)}.nav-icon{stroke-width:2px;width:24px;height:24px}.loading-overlay{-webkit-backdrop-filter:blur(4px);z-index:100;background:#00000080;flex-direction:column;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:absolute;inset:60px 0 0}.modern-loader{border:4px solid var(--border-color);border-top-color:var(--accent-gold);border-radius:50%;width:48px;height:48px;margin-bottom:16px;animation:1s linear infinite spin}.loading-text{color:var(--text-primary);letter-spacing:.5px;font-size:14px;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px;display:grid}.section-title{letter-spacing:.5px;margin:10px 0 16px;font-size:18px;font-weight:600}