:root{--bg-primary: #07080c;--bg-secondary: #0d0f17;--bg-card: #131622;--bg-card-hover: #191d2c;--bg-glass: rgba(19, 22, 34, .75);--accent-gold: #f59e0b;--accent-gold-glow: #fbbf24;--accent-gold-dark: #b45309;--gold-gradient: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);--gold-glow-shadow: 0 0 20px rgba(245, 158, 11, .25);--green: #10b981;--green-bg: rgba(16, 185, 129, .12);--red: #f43f5e;--red-bg: rgba(244, 63, 94, .12);--neutral-bg: rgba(100, 116, 139, .15);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--border: rgba(245, 158, 11, .14);--border-light: rgba(255, 255, 255, .07);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;background-image:radial-gradient(circle at 15% 15%,rgba(245,158,11,.04) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(59,130,246,.03) 0%,transparent 40%);background-attachment:fixed;-webkit-font-smoothing:antialiased}#app{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--bg-secondary);border-right:1px solid var(--border-light);padding:28px 20px;display:flex;flex-direction:column;gap:32px;position:sticky;top:0;height:100vh;z-index:50}.logo{display:flex;align-items:center;gap:12px}.logo-coin{display:inline-block;width:32px;height:32px;background:var(--gold-gradient);border-radius:50%;box-shadow:var(--gold-glow-shadow);position:relative}.logo-coin:after{content:"★";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:14px;font-weight:700}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-title{font-weight:800;font-size:16px;letter-spacing:1px;background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-sub{font-size:10px;letter-spacing:2px;color:var(--text-muted);font-weight:700}.nav-links{list-style:none;display:flex;flex-direction:column;gap:6px}.nav-links a{display:flex;align-items:center;gap:12px;padding:12px 14px;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-md);transition:all .2s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:600;border:1px solid transparent}.nav-links a:hover{color:var(--text-primary);background:#ffffff08;border-color:#ffffff0d}.nav-links a.active{color:var(--accent-gold);background:#f59e0b17;border-color:#f59e0b40;box-shadow:0 4px 12px #f59e0b14}.nav-links a svg{transition:transform .2s ease}.nav-links a:hover svg,.nav-links a.active svg{transform:scale(1.1);stroke:var(--accent-gold)}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-light);font-size:11px;color:var(--text-muted);display:flex;flex-direction:column;gap:6px}.footer-status{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-weight:500}.status-pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:scale(.95);opacity:1}50%{transform:scale(1.15);opacity:.5}to{transform:scale(.95);opacity:1}}.content{flex:1;padding:32px 40px;overflow-y:auto;max-width:1400px}.page-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title-row h1{font-size:26px;font-weight:800;letter-spacing:-.5px;color:var(--text-primary)}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:hover{border-color:var(--border);box-shadow:0 8px 30px #0000004d,var(--gold-glow-shadow);transform:translateY(-2px)}.card-title{font-size:12px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:8px}.goal-banner{background:linear-gradient(135deg,#f59e0b14,#141826e6);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.goal-info{display:flex;flex-direction:column;gap:4px}.goal-header{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.8px}.goal-stats{display:flex;align-items:baseline;gap:14px}.goal-target-val{font-size:24px;font-weight:800;font-family:var(--font-mono)}.goal-distance{font-size:14px;font-weight:600;padding:4px 10px;border-radius:999px;background:#f59e0b26;color:var(--accent-gold-glow)}.goal-action-btn{padding:8px 14px;font-size:12px;font-weight:700;border-radius:var(--radius-sm);background:#f59e0b26;color:var(--accent-gold);border:1px solid var(--border);cursor:pointer;transition:all .2s}.goal-action-btn:hover{background:var(--accent-gold);color:#000}.price-value-container{display:flex;align-items:baseline;gap:12px;margin:12px 0 8px}.price-value{font-size:34px;font-weight:800;font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-1px}.price-pln{font-size:13px;color:var(--text-muted);font-weight:600;font-family:var(--font-mono)}.price-delta-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:9999px;font-size:13px;font-weight:700;font-family:var(--font-mono)}.price-delta-badge.up{background:var(--green-bg);color:var(--green)}.price-delta-badge.down{background:var(--red-bg);color:var(--red)}.sparkline-box{margin-top:12px;width:100%;height:40px}.sparkline-svg{width:100%;height:100%;overflow:visible}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:9999px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.badge-bullish{background:var(--green-bg);color:var(--green);border:1px solid rgba(16,185,129,.3)}.badge-bearish{background:var(--red-bg);color:var(--red);border:1px solid rgba(244,63,94,.3)}.badge-neutral{background:var(--neutral-bg);color:var(--text-muted);border:1px solid rgba(148,163,184,.2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-primary{background:var(--gold-gradient);color:#000;box-shadow:0 4px 14px #f59e0b4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b73;filter:brightness(1.1)}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:#ffffff17;border-color:#ffffff26}.btn-danger{background:var(--red-bg);color:var(--red);border:1px solid rgba(244,63,94,.3)}.btn-danger:hover{background:var(--red);color:#fff}.btn-small{padding:5px 10px;font-size:12px;border-radius:var(--radius-sm)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1.2fr 1fr .8fr}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:10px 14px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 3px #f59e0b26}.table-container{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-light);font-size:13px}th{color:var(--text-muted);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px;background:#ffffff03}tr:hover td{background:#ffffff05}.markdown-body{line-height:1.7;color:var(--text-secondary);font-size:14px}.markdown-body .md-h1,.markdown-body .md-h2{color:var(--accent-gold);font-weight:800;margin-top:16px;margin-bottom:12px;border-bottom:1px solid var(--border);padding-bottom:6px}.markdown-body .md-h3{color:var(--text-primary);font-weight:700;margin-top:14px;margin-bottom:8px}.markdown-body .md-ul{padding-left:20px;margin-bottom:14px}.markdown-body .md-li{margin-bottom:6px}.markdown-body .md-hr{border:0;height:1px;background:var(--border);margin:20px 0}.empty-state{padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted)}.empty-state svg{stroke:var(--text-muted);opacity:.5}.empty-state-title{font-size:15px;font-weight:700;color:var(--text-secondary)}.empty-state-sub{font-size:13px;max-width:320px}.disclaimer{margin-top:48px;padding:20px;border:1px dashed var(--border-light);border-radius:var(--radius-md);font-size:12px;color:var(--text-muted);text-align:center;line-height:1.6;background:#0d0f1780;display:flex;flex-direction:column;align-items:center;gap:6px}.disclaimer-badge{font-size:10px;font-weight:800;letter-spacing:1px;color:var(--accent-gold)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .35s cubic-bezier(.16,1,.3,1)}@media(max-width:1024px){.grid-3,.grid-2{grid-template-columns:1fr}}@media(max-width:768px){#app{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;padding:16px;flex-direction:row;justify-content:space-between;align-items:center}.logo-coin{width:24px;height:24px}.logo-text{font-size:16px}.nav-links{flex-direction:row;gap:4px}.nav-links a{padding:8px 12px;font-size:13px}.nav-links span,.sidebar-footer{display:none}.content{padding:16px}.goal-banner{flex-direction:column;align-items:flex-start}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:500px}form{flex-direction:column!important}form .form-group,form .form-group input,form .form-group select{width:100%}.btn{padding:12px 20px;font-size:14px;min-height:44px}.btn-small{padding:8px 14px;font-size:12px;min-height:36px}.price-value{font-size:24px}.card{padding:16px}#chart-container{height:300px!important}.dashboard-header{flex-direction:column;gap:12px;align-items:stretch}.dashboard-header h1{font-size:20px}@media(max-width:480px){.hide-mobile{display:none!important}}}