@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.db *,.db *:before,.db *:after{box-sizing:border-box;margin:0;padding:0}.db{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;font-family:Inter,system-ui,sans-serif;background:#03040b;color:#e2e8f0;overflow:hidden;animation:db-enter .35s ease}@keyframes db-enter{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}.db:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(99,179,237,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(99,179,237,.025) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.db-sidebar{width:62px;flex-shrink:0;background:#05060ef2;border-right:1px solid rgba(99,179,237,.08);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:4px;position:relative;z-index:10}.db-sidebar-logo{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06);width:100%;display:flex;justify-content:center}.db-nav{display:flex;flex-direction:column;gap:4px;flex:1}.db-nav-btn{width:42px;height:42px;border-radius:10px;border:none;background:transparent;color:#475569;font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,transform .15s}.db-nav-btn:hover{background:#ffffff0d;color:#94a3b8;transform:scale(1.08)}.db-nav-btn.active{background:#10b9812e;color:#34d399;box-shadow:0 0 0 1px #10b9814d}.db-logout{margin-top:auto!important;color:#ef4444!important}.db-logout:hover{background:#ef44441a!important}.db-body{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.db-header{height:54px;flex-shrink:0;background:#03040bcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(99,179,237,.08);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:relative;z-index:5}.db-header-left{display:flex;align-items:center;gap:8px;font-size:.83rem}.db-breadcrumb{color:#475569}.db-sep{color:#1e293b}.db-page-title{color:#e2e8f0;font-weight:600}.db-header-right{display:flex;align-items:center;gap:20px}.db-live{display:flex;align-items:center;gap:5px;font-size:.68rem;font-weight:700;letter-spacing:.1em;color:#10b981}.db-live-dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:pulse-g 2s ease-in-out infinite}@keyframes pulse-g{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.db-spin-dot{width:10px;height:10px;border:2px solid transparent;border-top-color:currentColor;border-right-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.db-clock{display:flex;flex-direction:column;align-items:flex-end}.db-time{font-size:.82rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.05em;color:#e2e8f0}.db-date{font-size:.68rem;color:#475569}.db-user{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:500;color:#94a3b8}.db-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#10b981,#0ea5e9);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;box-shadow:0 0 0 2px #10b9814d}.db-main{flex:1;overflow-y:auto;padding:20px 22px 28px;display:flex;flex-direction:column;gap:14px}.db-main::-webkit-scrollbar{width:5px}.db-main::-webkit-scrollbar-thumb{background:#63b3ed1f;border-radius:3px}.db-metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.db-metric{background:#07091a;border:1px solid rgba(99,179,237,.08);border-radius:14px;padding:18px 16px;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s}.db-metric:hover{transform:translateY(-3px);border-color:var(--mc);box-shadow:0 8px 24px #0006,0 0 0 1px var(--mc)}.db-metric-icon{font-size:1.4rem;flex-shrink:0;line-height:1}.db-metric-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.db-metric-val{font-size:1.55rem;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#f0f2ff;white-space:nowrap}.db-metric-val em{font-size:.82rem;font-style:normal;color:#475569;font-weight:400;margin-left:2px}.db-metric-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#475569}.db-metric-delta{font-size:.7rem;font-weight:600;margin-top:2px}.db-metric-delta.up{color:#10b981}.db-metric-delta.down{color:#ef4444}.db-metric-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 110% 110%,var(--mc) 0%,transparent 65%);opacity:.07;pointer-events:none;transition:opacity .25s}.db-metric:hover .db-metric-glow{opacity:.15}.db-panel{background:#07091a;border:1px solid rgba(99,179,237,.08);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.db-panel-header{padding:12px 16px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(99,179,237,.05);flex-shrink:0}.db-panel-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#64748b}.db-panel-badge{font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:999px;background:#63b3ed0f;color:#475569;border:1px solid rgba(99,179,237,.1)}.db-panel-badge.live{color:#10b981;border-color:#10b9814d;background:#10b98112;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.db-table-panel{flex:1;min-height:400px}.db-table-container{flex:1;overflow-y:auto;position:relative}.db-table-container::-webkit-scrollbar{width:6px}.db-table-container::-webkit-scrollbar-thumb{background:#63b3ed26;border-radius:3px}.db-table{width:100%;border-collapse:collapse;text-align:right}.db-table th{position:sticky;top:0;background:#07091af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:10px 16px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#475569;border-bottom:1px solid rgba(99,179,237,.1);z-index:2;transition:color .15s}.db-th-sort{cursor:pointer;-webkit-user-select:none;user-select:none}.db-th-sort:hover{color:#94a3b8}.db-sort-icon{color:#0ea5e9;font-weight:800;margin-left:4px;font-size:.75rem}.db-table td{padding:10px 16px;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.03);vertical-align:middle;color:#e2e8f0}.db-table tbody tr{transition:background .15s,transform .15s}.db-table tbody tr.db-tr-hover{cursor:pointer}.db-table tbody tr.db-tr-hover:hover{background:#ffffff0a}.db-td-rank{color:#64748b!important;font-size:.75rem!important;font-weight:600;text-align:center}.db-td-asset{display:flex;align-items:center;gap:12px;text-align:left}.db-coin-img{width:28px;height:28px;border-radius:50%;background:#1e293b}.db-coin-info{display:flex;flex-direction:column;gap:1px}.db-coin-name{font-weight:600;font-size:.85rem}.db-coin-sym{font-size:.7rem;color:#64748b;font-weight:700;letter-spacing:.05em}.db-td-num{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.db-error-msg{padding:40px;text-align:center;color:#fca5a5;font-size:.85rem;background:#ef44440d}.db-skeleton-row{pointer-events:none}.db-skeleton-pulse{height:24px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:sk-loading 1.5s infinite;border-radius:4px;width:100%;margin:6px 0}@keyframes sk-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.db-details-view{display:flex;flex-direction:column;gap:24px;height:100%;position:relative;z-index:1;padding-bottom:20px}.db-details-bg-glow{position:absolute;top:-10%;right:-10%;width:60vw;height:60vh;border-radius:50%;filter:blur(200px);opacity:.12;z-index:-1;pointer-events:none;animation:float-glow 10s ease-in-out infinite alternate}@keyframes float-glow{0%{transform:translate(0) scale(1)}to{transform:translate(-5%,5%) scale(1.1)}}.db-details-header{display:flex;align-items:center;gap:24px;padding:16px 0 0}.db-back-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.15);border-radius:12px;padding:10px 20px;color:#e2e8f0;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0003;display:flex;align-items:center;gap:8px}.db-back-btn:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d;color:#fff}.db-details-title{display:flex;align-items:center;gap:16px;margin-left:12px}.db-details-img{width:56px;height:56px;border-radius:50%;box-shadow:0 0 20px #ffffff1a;border:2px solid rgba(255,255,255,.05)}.db-details-title h1{font-size:2.4rem;font-weight:800;letter-spacing:-.04em;color:#fff;display:flex;align-items:baseline;gap:12px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.db-details-title h1 span{font-size:1.1rem;font-weight:700;color:#94a3b8;background:#ffffff0d;padding:4px 10px;border-radius:6px;letter-spacing:.05em;border:1px solid rgba(255,255,255,.05)}.db-details-main{display:flex;gap:24px;flex:1;min-height:0}.db-details-sidebar{width:320px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-right:8px}.db-details-sidebar::-webkit-scrollbar{width:4px}.db-details-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.db-details-card{background:#0a0c1c66;border:1px solid rgba(255,255,255,.04);border-top:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:6px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 30px -10px #00000080;transition:all .3s ease;position:relative;overflow:hidden}.db-details-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);pointer-events:none}.db-details-card:hover{transform:translateY(-3px);border-color:#ffffff1a;box-shadow:0 15px 40px -10px #0009;background:#0a0c1c80}.db-details-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#64748b;position:relative;z-index:1}.db-details-val{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;color:#f8fafc;position:relative;z-index:1}.db-details-val.large{font-size:2.2rem;letter-spacing:-.05em;font-weight:800;background:linear-gradient(180deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.db-details-change{font-size:.9rem;font-weight:700;margin-top:4px;display:flex;align-items:center;gap:4px;position:relative;z-index:1}.db-details-chart-panel{flex:1;display:flex;flex-direction:column;background:#07091680;border:1px solid rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.1);border-radius:20px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 20px 50px -20px #000000b3;overflow:hidden}.db-details-chart-panel .db-panel-header{border-bottom:1px solid rgba(255,255,255,.03);padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.db-timeframe-selector{display:flex;background:#0003;border-radius:8px;padding:4px;gap:4px;border:1px solid rgba(255,255,255,.05)}.db-tf-btn{background:transparent;border:none;border-radius:6px;padding:4px 12px;color:#64748b;font-size:.75rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s}.db-tf-btn:hover{color:#e2e8f0}.db-tf-btn.active{background:#ffffff1a;color:#fff;box-shadow:0 2px 8px #0003}.db-chart-container{flex:1;padding:20px;display:flex;align-items:center;justify-content:center;position:relative}.db-details-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:#94a3b8;font-size:.95rem;font-weight:500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #07080f;--surface: #0e1018;--surface2: #161925;--border: rgba(255,255,255,.07);--text: #f0f2ff;--muted: #8892b0;--purple: #7c3aed;--blue: #0ea5e9;--green: #10b981;--amber: #f59e0b;--radius: 16px;--shadow: 0 8px 32px rgba(0,0,0,.5)}html,body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(124,58,237,.18) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 110%,rgba(14,165,233,.14) 0%,transparent 60%),var(--bg)}.header{position:sticky;top:0;z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#07080fbf;border-bottom:1px solid var(--border)}.header-inner{max-width:1100px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;gap:16px}.logo{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:700;letter-spacing:-.02em}.header-clock{margin-left:auto;font-size:.85rem;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.04em}.status-badge{display:flex;align-items:center;gap:6px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#10b981;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:999px;letter-spacing:.06em}.status-dot{width:7px;height:7px;border-radius:50%;background:#10b981;animation:pulse-green 2s ease-in-out infinite}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.main{flex:1;max-width:1100px;margin:0 auto;width:100%;padding:48px 24px 64px;display:flex;flex-direction:column;gap:40px}.hero{position:relative;overflow:hidden;border-radius:var(--radius);min-height:340px;display:flex;align-items:center;border:1px solid var(--border);background:var(--surface)}.globe-bg{position:absolute;right:-120px;top:50%;transform:translateY(-50%);opacity:.45;pointer-events:none;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 20%,black 50%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 20%,black 50%)}.hero-content{position:relative;z-index:1;padding:40px;display:flex;align-items:center;gap:40px;width:100%}.hero-text{flex:1}.hero-title{font-size:clamp(2rem,5vw,3.4rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:14px}.gradient-text{background:linear-gradient(135deg,var(--purple) 0%,var(--blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:1rem;color:var(--muted);font-weight:400}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stat-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px 20px;display:flex;align-items:center;gap:16px;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.stat-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 16px 40px #0006,0 0 0 1px var(--accent)}.stat-icon{font-size:1.8rem;line-height:1;flex-shrink:0}.stat-body{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:1.75rem;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--text)}.stat-suffix{font-size:1rem;color:var(--muted);font-weight:400;margin-left:2px}.stat-label{font-size:.78rem;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.stat-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 110% 110%,var(--accent) 0%,transparent 65%);opacity:.06;pointer-events:none;transition:opacity .25s ease}.stat-card:hover .stat-glow{opacity:.14}.bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 640px){.bottom-row{grid-template-columns:1fr}}.counter-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px 28px;display:flex;flex-direction:column;align-items:center;gap:20px}.counter-desc{font-size:.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.counter-display{font-size:5rem;font-weight:800;letter-spacing:-.06em;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--purple),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:3ch;text-align:center;line-height:1}.counter-buttons{display:flex;gap:10px}.btn{cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;border:none;border-radius:10px;padding:10px 22px;transition:all .2s ease}.btn-plus{background:var(--purple);color:#fff}.btn-minus{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-reset{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn:hover{opacity:.85;transform:scale(.97)}.info-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:16px}.info-title{font-size:.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.info-list{list-style:none;display:flex;flex-direction:column;gap:12px}.info-list li{display:flex;justify-content:space-between;align-items:center;font-size:.88rem;padding-bottom:12px;border-bottom:1px solid var(--border)}.info-list li:last-child{border-bottom:none;padding-bottom:0}.info-list li>span:first-child{color:var(--muted)}.info-list li>span:last-child{font-weight:600}.info-list code{background:var(--surface2);border:1px solid var(--border);padding:2px 8px;border-radius:6px;font-size:.82rem;font-family:SF Mono,Fira Code,monospace;color:var(--blue)}.footer{text-align:center;padding:20px;font-size:.78rem;color:var(--muted);border-top:1px solid var(--border)}.lc{flex-shrink:0;width:280px;background:#0a0c16d1;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:26px 22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff0d}.lc-top{display:flex;flex-direction:column;gap:3px}.lc-badge{font-size:.62rem;font-weight:700;letter-spacing:.14em;color:#0ea5e9;text-transform:uppercase}.lc-title{font-size:1rem;font-weight:700;color:#f0f2ff}.lc-sub{font-size:.72rem;color:#475569}.lc-error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:8px 12px;font-size:.76rem;color:#fca5a5}.lc-field{display:flex;flex-direction:column;gap:5px;font-size:.72rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em;cursor:default}.lc-field input{background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:9px 12px;color:#f0f2ff;font-size:.88rem;font-family:inherit;font-weight:400;outline:none;transition:border-color .2s}.lc-field input:focus{border-color:#7c3aed8c}.lc-field input::placeholder{color:#334155}.lc-field input:disabled{opacity:.6}.lc-btn{background:linear-gradient(135deg,#7c3aed,#0ea5e9);border:none;border-radius:9px;padding:11px;color:#fff;font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:opacity .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 16px #7c3aed4d}.lc-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed73}.lc-btn:active:not(:disabled){transform:scale(.98)}.lc-btn:disabled{opacity:.55;cursor:not-allowed}.lc-spin{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:lc-rot .75s linear infinite}@keyframes lc-rot{to{transform:rotate(360deg)}}.lc-hint{font-size:.68rem;color:#334155;text-align:center}