:root{--bg-primary: #0a0d14;--bg-secondary: #10141f;--bg-card: #151a27;--bg-hover: #1b2233;--border: #232a3a;--border-active: #2962ff;--text-primary: #eef1f6;--text-secondary: #8b93a7;--green: #16c784;--red: #ea3943;--blue: #2962ff;--yellow: #f0b90b;--orange: #f7931a;--radius: 10px;--shadow: 0 4px 20px rgba(0, 0, 0, .35)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;background:radial-gradient(1200px 500px at 80% -10%,rgba(41,98,255,.08),transparent),var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}.app{max-width:1700px;margin:0 auto;padding:14px 18px;display:flex;flex-direction:column;gap:12px;height:100dvh}.app-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:12px}.logo-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#2962ff2e,#7c4dff2e);border:1px solid rgba(41,98,255,.35)}.logo h1{font-size:19px;font-weight:800;letter-spacing:.2px}.logo p{color:var(--text-secondary);font-size:12px;margin-top:1px}.status-bar{display:flex;align-items:center;gap:18px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:999px;padding:8px 18px}.status-left,.status-right{display:flex;align-items:center;gap:10px;font-size:13px}.status-dot{width:9px;height:9px;border-radius:50%}.status-dot.online{background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 2s infinite}.status-dot.offline{background:var(--red);box-shadow:0 0 8px var(--red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.status-text{color:var(--text-secondary);font-weight:500}.status-count{color:var(--text-secondary);font-size:12px;font-weight:600;background:var(--bg-card);border:1px solid var(--border);padding:3px 10px;border-radius:999px}.server-time{color:var(--text-primary);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.mobile-tabs{display:none;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:4px;gap:4px}.mobile-tab{flex:1;background:transparent;border:none;color:var(--text-secondary);padding:9px 0;border-radius:7px;cursor:pointer;font-size:13px;font-weight:700;font-family:inherit;transition:all .15s}.mobile-tab.active{background:var(--blue);color:#fff}.filter-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);padding:6px 18px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;white-space:nowrap;transition:all .15s}.filter-btn:hover{color:var(--text-primary);border-color:var(--border-active)}.filter-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}.app-main{display:grid;grid-template-columns:1fr 390px;gap:14px;flex:1;min-height:0}.watchlist{overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-right:2px;min-height:0}.watchlist-group{display:flex;flex-direction:column;gap:8px}.group-title{font-size:11px;color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:1.2px;padding:2px 4px;border-left:3px solid var(--blue)}.no-data{color:var(--text-secondary);text-align:center;padding:40px 16px;background:var(--bg-secondary);border-radius:var(--radius);border:1px dashed var(--border);line-height:1.6}.watchlist-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 16px;color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius);border:1px dashed var(--border)}.sym-list{display:flex;flex-direction:column;gap:8px}.sym-card{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;cursor:pointer;transition:border-color .15s,background .15s,transform .1s;gap:12px;text-align:left}.sym-card:hover{background:var(--bg-hover);border-color:var(--border-active)}.sym-card:active{transform:scale(.99)}.sym-card.selected{border-color:var(--border-active);background:linear-gradient(135deg,#2962ff1f,#2962ff0a);box-shadow:inset 3px 0 0 var(--border-active)}.sym-card-main{flex:1;min-width:0}.sym-card-header{display:flex;align-items:center;gap:8px;margin-bottom:7px}.sym-icon{width:28px;height:28px;border-radius:50%;flex-shrink:0}.sym-name{font-weight:800;font-size:14px;letter-spacing:.4px}.sym-badge{font-size:9px;padding:2px 7px;border-radius:4px;font-weight:700;letter-spacing:.6px;background:#2962ff26;color:#7fa6ff}.sym-badge.metal{background:#f0b90b26;color:var(--yellow)}.sym-badge.crypto{background:#f7931a26;color:var(--orange)}.gap-badge{font-size:9px;background:var(--yellow);color:#000;padding:1px 6px;border-radius:3px;font-weight:800}.offline-badge{font-size:9px;background:#ef535026;color:#ef5350;padding:1px 6px;border-radius:3px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.sym-card.offline{opacity:.55}.sym-price-na{color:var(--text-secondary);font-style:italic}.sym-last-tick{font-size:10px;color:var(--text-secondary);opacity:.7}.sym-price-row{display:flex;gap:22px;margin-bottom:7px}.sym-price-block{display:flex;flex-direction:column;gap:2px}.sym-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.sym-price{font-size:21px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--green);line-height:1.1}.ask-price{font-size:15px;color:var(--red);font-weight:700}.sym-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-secondary)}.sym-change{font-weight:800;font-size:12px}.up{color:var(--green)}.down{color:var(--red)}.sym-card-side{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.sparkline{opacity:.95}.sym-time{font-size:10px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.chart-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;min-height:0;overflow:hidden;box-shadow:var(--shadow)}.chart-wrapper{display:flex;flex-direction:column;height:100%;position:relative}.chart-body{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.chart-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#131722b8;color:#d1d4dc;font-size:13px;z-index:10;border-radius:0 0 12px 12px}.chart-no-data{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#131722d9;color:#d1d4dc;z-index:10;border-radius:0 0 12px 12px;text-align:center;padding:20px}.chart-no-data-title{font-size:15px;font-weight:600}.chart-no-data-sub{font-size:12px;color:var(--text-secondary);max-width:320px;line-height:1.5}.chart-spinner{width:34px;height:34px;border:3px solid rgba(41,98,255,.25);border-top-color:#2962ff;border-radius:50%;animation:chart-spin .8s linear infinite}@keyframes chart-spin{to{transform:rotate(360deg)}}.chart-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:10px}.chart-symbol-info{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.chart-symbol{font-size:18px;font-weight:800;letter-spacing:.4px}.chart-last-price{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.chart-change{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.timeframe-group{display:flex;gap:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:3px}.tf-btn{background:transparent;border:none;color:var(--text-secondary);padding:5px 13px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;font-family:inherit;transition:all .15s}.tf-btn:hover{color:var(--text-primary)}.tf-btn.active{background:var(--blue);color:#fff}.chart-ohlc{display:flex;gap:22px;padding:8px 18px;font-size:12px;color:var(--text-secondary);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.chart-ohlc::-webkit-scrollbar{display:none}.chart-ohlc b{font-variant-numeric:tabular-nums;color:var(--text-primary);font-weight:700}.chart-container-pro{flex:1;min-height:0}.export-root{position:relative}.export-btn{background:linear-gradient(135deg,#2962ff33,#7c4dff33);border:1px solid var(--border-active);color:var(--text-primary);padding:6px 16px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;font-family:inherit;transition:all .15s}.export-btn:hover:not(:disabled){background:var(--blue);color:#fff}.export-btn:disabled{opacity:.6;cursor:wait}.export-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:70;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);width:320px;padding:14px;display:flex;flex-direction:column;gap:12px}.export-panel-title{font-size:13px;font-weight:700;color:var(--text-primary)}.export-row{display:flex;align-items:flex-start;gap:10px}.export-label{font-size:11px;font-weight:700;color:var(--text-secondary);width:62px;flex-shrink:0;padding-top:6px}.export-seg{display:flex;flex:1;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:3px;gap:3px}.export-seg button{flex:1;background:transparent;border:none;color:var(--text-secondary);padding:6px 8px;font-size:12px;font-weight:600;font-family:inherit;border-radius:6px;cursor:pointer;transition:all .12s}.export-seg button.active{background:var(--blue);color:#fff}.export-tfs,.export-ranges{display:flex;flex-wrap:wrap;gap:5px;flex:1}.export-tfs button,.export-ranges button{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);padding:5px 10px;font-size:11px;font-weight:600;font-family:inherit;border-radius:6px;cursor:pointer;transition:all .12s}.export-tfs button.active,.export-ranges button.active{background:var(--blue);border-color:var(--blue);color:#fff}.export-date-inputs{display:flex;flex-direction:column;gap:8px;flex:1}.export-date-inputs label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:var(--text-secondary)}.export-date-inputs input{flex:1;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);padding:6px 8px;font-size:12px;font-family:inherit;color-scheme:dark}.export-summary{font-size:11px;color:var(--text-secondary);background:var(--bg-secondary);border:1px dashed var(--border);border-radius:8px;padding:8px 10px}.export-go{background:linear-gradient(135deg,var(--blue),#7c4dff);border:none;color:#fff;padding:9px;border-radius:8px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .15s}.export-go:disabled{opacity:.6;cursor:wait}.export-actions{display:flex;gap:8px}.export-actions .export-go{flex:1}.export-copy-link{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-primary, #e6e9f0);padding:9px 14px;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .15s}.export-copy-link:hover:not(:disabled){background:#ffffff24}.export-copy-link:disabled{opacity:.6;cursor:wait}.export-toast{position:fixed;top:16px;right:16px;z-index:100;background:var(--bg-card);border:1px solid var(--border-active);border-radius:8px;box-shadow:var(--shadow);color:var(--green);padding:10px 14px;font-size:12px;font-weight:600;max-width:340px;word-break:break-all}@media(max-width:900px){.export-panel{position:fixed;top:60px;right:10px;left:10px;width:auto}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(max-width:1200px){.app-main{grid-template-columns:1fr 340px}.sym-price{font-size:18px}}@media(max-width:900px){.app{padding:10px 12px;gap:10px;height:100dvh}.app-header{gap:10px}.logo-icon{width:38px;height:38px}.logo h1{font-size:16px}.logo p{font-size:11px}.status-bar{padding:6px 14px;gap:12px;font-size:12px}.status-text{display:none}.mobile-tabs{display:flex}.filter-tabs{order:2}.app-main{display:flex;flex-direction:column;gap:0;flex:1;min-height:0}.watchlist,.chart-panel{display:none}.watchlist.visible,.chart-panel.visible{display:flex;flex:1;min-height:0}.main-col{padding:10px 12px}.sym-list{gap:8px}.sym-card{padding:11px 13px}.sym-price{font-size:19px}.chart-toolbar{padding:10px 12px}.chart-last-price{font-size:19px}.chart-symbol{font-size:16px}.chart-ohlc{padding:7px 12px;gap:14px;font-size:11px}}@media(max-width:400px){.status-count{display:none}.tf-btn{padding:5px 9px;font-size:11px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:400px;background:var(--surface, #1a1f2b);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px 28px;box-shadow:0 20px 60px #00000073}.auth-logo{display:flex;align-items:center;gap:12px;margin-bottom:24px}.auth-logo h1{font-size:20px;margin:0}.auth-logo p{margin:2px 0 0;font-size:12px;color:#8b93a7}.auth-tabs{display:flex;gap:8px;margin-bottom:20px;background:#ffffff0a;border-radius:10px;padding:4px}.auth-tabs button{flex:1;padding:9px 0;border:none;border-radius:8px;background:transparent;color:#aeb6c6;font-weight:600;cursor:pointer}.auth-tabs button.active{background:#2962ff;color:#fff}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:#aeb6c6}.auth-form input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:11px 12px;color:#e6e9f0;font-size:14px;outline:none}.auth-form input:focus{border-color:#2962ff}.auth-error{background:#ef53501f;border:1px solid rgba(239,83,80,.4);color:#ff8a80;border-radius:8px;padding:10px 12px;font-size:13px}.auth-submit{margin-top:4px;padding:12px;border:none;border-radius:8px;background:linear-gradient(135deg,#2962ff,#7c4dff);color:#fff;font-weight:700;font-size:14px;cursor:pointer}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-hint{margin:18px 0 0;font-size:12px;color:#8b93a7;line-height:1.6}.top-nav{display:flex;gap:6px;background:#ffffff0a;border-radius:10px;padding:4px}.top-nav button{padding:8px 16px;border:none;border-radius:8px;background:transparent;color:#aeb6c6;font-weight:600;font-size:13px;cursor:pointer}.top-nav button.active{background:#2962ff;color:#fff}.header-right{display:flex;align-items:center;gap:14px}.user-menu{display:flex;align-items:center;gap:10px}.user-name{font-size:13px;color:#cfd6e4;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{padding:7px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:transparent;color:#aeb6c6;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:0}.logout-btn:hover{border-color:#ef5350;color:#ff8a80}.page{max-width:1080px;width:100%;box-sizing:border-box;margin:0 auto;padding:24px 20px 60px}.page-header h2{margin:0 0 6px;font-size:22px}.page-header p{margin:0 0 20px;color:#8b93a7;font-size:14px}.muted{color:#8b93a7}.center{text-align:center}.notice{border-radius:10px;padding:12px 16px;margin-bottom:16px;font-size:14px}.notice.success{background:#26a69a1f;border:1px solid rgba(38,166,154,.4);color:#4db6ac}.notice.error{background:#ef53501f;border:1px solid rgba(239,83,80,.4);color:#ff8a80}.subscription-banner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;background:#26a69a14;border:1px solid rgba(38,166,154,.3);border-radius:12px;padding:14px 18px;margin-bottom:22px}.subscription-banner>div:first-child{display:flex;align-items:center;gap:12px}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.badge.active{background:#26a69a33;color:#26a69a}.badge.inactive{background:#ffc10726;color:#ffb300}.badge.expired{background:#ef535026;color:#ef5350}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:18px}.plan-card{background:var(--surface, #1a1f2b);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:24px;display:flex;flex-direction:column}.plan-card h3{margin:0 0 10px}.plan-price{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.plan-price .amount{font-size:30px;font-weight:800}.plan-price .period{color:#8b93a7;font-size:13px}.plan-desc{color:#aeb6c6;font-size:13px;min-height:36px}.plan-features{list-style:none;padding:0;margin:12px 0 20px;display:flex;flex-direction:column;gap:8px;font-size:13px;color:#cfd6e4}.plan-features li:before{content:"✓";color:#26a69a;font-weight:700;margin-right:8px}.plan-buy{margin-top:auto;padding:12px;border:none;border-radius:8px;background:linear-gradient(135deg,#2962ff,#7c4dff);color:#fff;font-weight:700;cursor:pointer}.plan-buy:disabled{opacity:.6;cursor:wait}.checkout-card{max-width:460px}.checkout-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:16px}.checkout-header h3{margin:0}.checkout-secure{font-size:12px;color:#8f9ab1}.checkout-secure b{color:#635bff}.checkout-summary{background:#2962ff14;border:1px solid rgba(41,98,255,.3);border-radius:12px;padding:14px 16px;margin-bottom:18px;display:flex;flex-direction:column;gap:6px}.checkout-summary-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px}.checkout-summary-row strong{font-size:17px}.checkout-summary-row.muted{font-size:12.5px}.checkout-payment-element{margin-bottom:14px;min-height:220px}.checkout-error{margin-bottom:12px}.checkout-test-hint{font-size:12px;color:#8f9ab1;line-height:1.6;margin-bottom:18px}.checkout-test-hint code{background:#ffffff12;border-radius:5px;padding:1px 6px;font-size:11.5px;color:#cdd5e3}.sim-form{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.sim-field{display:flex;flex-direction:column;gap:6px;flex:1}.sim-field span{font-size:12.5px;font-weight:600;color:#aeb6c6}.sim-field input{width:100%;min-width:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);border-radius:9px;padding:11px 12px;color:#e6e9f0;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.sim-field input:focus{border-color:#2962ff;box-shadow:0 0 0 3px #2962ff38}.sim-field input:disabled{opacity:.6}.sim-field-row{display:flex;gap:12px}.key-create{display:flex;gap:10px;margin-bottom:20px}.key-create input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:11px 12px;color:#e6e9f0;font-size:14px;outline:none}.key-create input:focus{border-color:#2962ff}.key-lifetime-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:11px 12px;color:#e6e9f0;font-size:14px;outline:none;cursor:pointer;min-width:140px}.key-lifetime-select:focus{border-color:#2962ff}.key-lifetime-select option{background:#1a1d28;color:#e6e9f0}.key-create button{padding:11px 18px;border:none;border-radius:8px;background:#2962ff;color:#fff;font-weight:600;cursor:pointer;white-space:nowrap}.key-create button:disabled{opacity:.5;cursor:not-allowed}.keys-loading,.keys-empty{padding:40px 20px;text-align:center;color:#8b93a7;background:#ffffff08;border-radius:12px}.keys-empty p:first-child{font-size:16px;color:#cfd6e4;margin-bottom:8px}.keys-table-wrap{overflow-x:auto;border:1px solid rgba(255,255,255,.08);border-radius:12px}.keys-table{width:100%;border-collapse:collapse;font-size:13px}.keys-table th,.keys-table td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.keys-table th{color:#8b93a7;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.keys-table tbody tr:last-child td{border-bottom:none}.keys-table .row-dimmed td{opacity:.55}.keys-table code,.usage-hint code{background:#ffffff12;padding:2px 7px;border-radius:5px;font-size:12px}.key-actions{display:flex;gap:6px}.key-actions button{padding:6px 10px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:transparent;color:#cfd6e4;font-size:12px;cursor:pointer}.key-actions button:hover{border-color:#2962ff}.key-actions button.danger:hover{border-color:#ef5350;color:#ff8a80}.key-reveal{background:#2962ff1a;border:1px solid rgba(41,98,255,.45)}.key-reveal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:6px}.key-reveal-body{display:flex;gap:10px;align-items:center;margin-bottom:8px}.key-reveal-body code{flex:1;word-break:break-all;background:#00000059;padding:10px 12px;border-radius:8px;font-size:13px;-webkit-user-select:all;user-select:all}.key-reveal-body button{padding:9px 16px;border:none;border-radius:8px;background:#2962ff;color:#fff;cursor:pointer;white-space:nowrap}.key-reveal .dismiss{margin-top:10px;background:transparent;border:none;color:#8b93a7;cursor:pointer;font-size:12px;padding:0}.usage-hint{margin-top:26px;background:#ffffff08;border-radius:12px;padding:18px 20px}.usage-hint h4{margin:0 0 10px}.usage-hint pre{background:#00000059;border-radius:8px;padding:14px;overflow-x:auto;font-size:12px;color:#9ccc65;margin:0 0 10px}@media(max-width:768px){.top-nav button{padding:7px 10px;font-size:12px}.user-name{display:none}.key-create{flex-direction:column}.key-actions{flex-wrap:wrap}}@media(max-width:768px){.keys-table-wrap{overflow:visible;border:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.keys-table,.keys-table tbody,.keys-table tr,.keys-table td{display:block;width:100%}.keys-table thead{display:none}.keys-table tbody tr{background:#ffffff07;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:12px 14px;margin-bottom:14px;box-shadow:0 8px 24px #00000038}.keys-table tbody tr:last-child{margin-bottom:0}.keys-table td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px}.keys-table tbody tr td:last-child{border-bottom:none}.keys-table td:before{content:attr(data-label);color:#8b93a7;font-size:11px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.keys-table td[data-label=Name]{padding-top:0;font-size:15px;font-weight:700;color:#e6e9f0;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:10px;margin-bottom:3px}.keys-table td[data-label=Name]:before{display:none}.keys-table td[data-label=Expires],.keys-table td[data-label="Last used"]{font-size:12px}.keys-table td.key-actions{justify-content:stretch;flex-wrap:wrap;gap:8px;padding-top:12px}.keys-table td.key-actions:before{display:none}.keys-table td.key-actions button{flex:1 1 30%;padding:9px 10px;font-size:12px;font-weight:600;border-radius:8px;background:#ffffff0a}.keys-table .row-dimmed td{opacity:1}.keys-table .row-dimmed td:nth-child(3){opacity:.55}.key-reveal-body{flex-direction:column;align-items:stretch}.key-reveal-body button{width:100%}.key-reveal .dismiss{width:100%;padding:8px 0}}@media(max-width:480px){.page{padding:16px 12px 48px}.page-header h2{font-size:19px}.page-header p{font-size:13px}.key-create button{width:100%;padding:12px}.usage-hint{padding:14px}.usage-hint pre{font-size:11px;padding:10px}}.app-shell{max-width:none;margin:0;padding:0;gap:0;flex-direction:row;overflow:hidden}.sidebar{width:248px;flex-shrink:0;height:100dvh;display:flex;flex-direction:column;background:var(--bg-secondary);border-right:1px solid var(--border);padding:18px 14px;gap:8px;z-index:40}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:4px 8px 16px;border-bottom:1px solid var(--border);margin-bottom:10px}.sidebar-logo h1{font-size:17px;font-weight:800;letter-spacing:.2px}.sidebar-logo p{color:var(--text-secondary);font-size:11px;margin-top:1px}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.sidebar-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border:none;border-radius:var(--radius);background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s,color .15s}.sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-link.active{background:linear-gradient(135deg,#2962ff38,#7c4dff2e);color:#fff;box-shadow:inset 0 0 0 1px #2962ff66}.sidebar-icon{font-size:16px;width:22px;text-align:center}.sidebar-footer{border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:10px}.sidebar-sub{display:flex;align-items:center;gap:8px;font-size:12px;padding:0 6px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 6px}.sidebar-user-info{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:10px;background:transparent;border:none;padding:0;font-family:inherit;text-align:left;cursor:pointer;border-radius:8px}.sidebar-user-info:hover .sidebar-user-name{color:var(--blue, #2962ff)}.sidebar-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid rgba(255,255,255,.14)}.sidebar-avatar-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2962ff,#7c4dff);color:#fff;font-size:15px;font-weight:800}.sidebar-user-text{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar-user-name{font-size:13px;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-email{font-size:11px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-col{flex:1;min-width:0;height:100dvh;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:14px 18px}.topbar{display:flex;align-items:center;gap:14px}.topbar-export{margin-left:auto;position:relative;z-index:60}.hamburger{display:none;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:18px;width:40px;height:40px;cursor:pointer}.sidebar-overlay{display:none}@media(max-width:900px){.sidebar{position:fixed;top:0;left:0;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:30}.hamburger{display:grid;place-items:center}}.docs-page{max-width:900px;width:100%;box-sizing:border-box}.doc-section{margin-bottom:34px}.doc-section h3{font-size:17px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.doc-section p{color:#aeb6c6;font-size:14px;line-height:1.7;margin-bottom:12px}.doc-section code{background:#ffffff12;padding:2px 7px;border-radius:5px;font-size:12.5px}.doc-note{background:#2962ff14;border:1px solid rgba(41,98,255,.3);border-radius:10px;padding:12px 16px;font-size:13.5px;color:#cfd6e4;line-height:1.7}.doc-list{margin:0 0 14px;padding-left:20px;color:#aeb6c6;font-size:14px;line-height:1.8}.doc-list li{margin-bottom:6px}.doc-params{width:100%;border-collapse:collapse;font-size:13px;margin:0 0 14px;background:#ffffff05;border:1px solid var(--border);border-radius:10px;overflow:hidden;display:block;overflow-x:auto}.doc-params thead,.doc-params tbody{display:table;width:100%}.doc-params th,.doc-params td{padding:10px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap}.doc-params td:last-child{white-space:normal}.doc-params th{color:#8b93a7;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.doc-params tbody tr:last-child td{border-bottom:none}.doc-download-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2962ff,#1e4fd8);color:#fff;text-decoration:none;font-weight:600;font-size:13.5px;padding:10px 18px;border-radius:10px;border:1px solid rgba(255,255,255,.15);transition:transform .15s ease,box-shadow .15s ease}.doc-download-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2962ff59}.endpoints-table td{vertical-align:top}.endpoints-table .auth-col{white-space:nowrap;font-size:12px;color:#aeb6c6}.endpoints-table .desc-col{color:#aeb6c6;font-size:12.5px;min-width:220px}.method{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.4px}.method-get{background:#26a69a26;color:#26a69a}.method-post{background:#2962ff2e;color:#5c8dff}.method-delete{background:#ef535026;color:#ef5350}.pagination{display:flex;align-items:center;gap:6px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.pagination-btn{padding:6px 12px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text);font-size:13px;cursor:pointer;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:#2962ff1f;border-color:#2962ff;color:#5c8dff}.pagination-btn.active{background:#2962ff;border-color:#2962ff;color:#fff;font-weight:600}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.code-block{margin-bottom:14px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.code-head{display:flex;align-items:center;gap:10px;background:var(--bg-secondary);padding:8px 14px;font-size:12.5px;font-weight:600}.code-head .code-lang{color:var(--text-secondary);font-size:11px;flex:1}.code-head button{background:#ffffff0f;border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:11.5px;padding:4px 10px;cursor:pointer}.code-block pre{margin:0;padding:14px 16px;background:#0000004d;overflow-x:auto;font-size:12.5px;line-height:1.6;color:#9ccc65}.landing{min-height:100vh;background:#05070d;color:#e8edf6;display:flex;flex-direction:column;position:relative;overflow:hidden}.landing-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.landing-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(41,98,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(41,98,255,.04) 1px,transparent 1px);background-size:50px 50px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 30%,transparent 70%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 30%,transparent 70%)}.landing-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.glow-1{top:-10%;left:20%;width:600px;height:600px;background:radial-gradient(circle,rgba(41,98,255,.2),transparent 70%);animation:float 20s ease-in-out infinite}.glow-2{top:30%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(124,77,255,.15),transparent 70%);animation:float 25s ease-in-out infinite reverse}.glow-3{bottom:-10%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(46,230,168,.1),transparent 70%);animation:float 30s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:3px;height:3px;background:#2962ff99;border-radius:50%;animation:particle-float linear infinite;top:100%}@keyframes particle-float{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;position:relative;z-index:10}.landing-logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:18px}.logo-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#2962ff33,#7c4dff33);border:1px solid rgba(41,98,255,.3);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #2962ff33}.logo-mark.small{width:32px;height:32px;border-radius:8px}.landing-nav-links{display:flex;gap:32px}.landing-nav-links a{color:#8b93a7;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease;position:relative}.landing-nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#2962ff,#7c4dff);transition:width .2s ease}.landing-nav-links a:hover:after{width:100%}.landing-nav-cta{background:linear-gradient(135deg,#2962ff,#1e4fd8);border:none;color:#fff;padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #2962ff4d}.landing-nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2962ff80}.landing-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:48px 40px 60px;max-width:1400px;margin:0 auto;position:relative;z-index:1}.hero-content{text-align:left}.landing-badge{display:inline-flex;align-items:center;gap:8px;background:#2962ff1a;border:1px solid rgba(41,98,255,.35);color:#9db8ff;font-size:13px;font-weight:600;padding:8px 16px;border-radius:100px;margin-bottom:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#2ee6a8;box-shadow:0 0 #2ee6a899;animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 #2ee6a88c}70%{box-shadow:0 0 0 10px #2ee6a800}to{box-shadow:0 0 #2ee6a800}}.landing-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.1;font-weight:800;letter-spacing:-.03em;margin:0 0 24px}.gradient-text{background:linear-gradient(90deg,#5b8cff,#a06bff,#ff6b9d,#5b8cff);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:300% auto;animation:gradient-shift 4s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.landing-sub{font-size:clamp(16px,1.5vw,18px);color:#8b93a7;line-height:1.8;max-width:520px;margin:0 0 36px}.landing-actions{display:flex;gap:16px;flex-wrap:wrap}.landing-btn{font-size:15px;font-weight:700;padding:16px 32px;border-radius:14px;cursor:pointer;text-decoration:none;transition:all .25s ease;display:inline-flex;align-items:center;gap:10px;border:none}.landing-btn.primary{background:linear-gradient(135deg,#2962ff,#1e4fd8);color:#fff;box-shadow:0 8px 32px #2962ff66;position:relative;overflow:hidden}.landing-btn.primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.landing-btn.primary:hover:before{left:100%}.landing-btn.primary:hover{transform:translateY(-3px);box-shadow:0 12px 48px #2962ff99}.landing-btn.ghost{background:#ffffff0d;color:#cfd6e4;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-btn.ghost:hover{background:#ffffff1a;transform:translateY(-3px);border-color:#ffffff40}.landing-btn.ghost.disabled{opacity:.6;cursor:not-allowed}.landing-btn.large{padding:18px 40px;font-size:16px}.hero-visual{display:flex;justify-content:center;align-items:center}.ticker-window{background:#10141fcc;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:0;width:100%;max-width:400px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff0d;overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .3s ease}.ticker-window:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.ticker-header{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff05}.ticker-dot{width:12px;height:12px;border-radius:50%}.ticker-dot.red{background:#ff5f57}.ticker-dot.yellow{background:#ffbd2e}.ticker-dot.green{background:#28ca42}.ticker-title{margin-left:auto;font-size:13px;color:#8b93a7;font-weight:500}.ticker-body{padding:12px}.ticker-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:10px;transition:background .2s ease;animation:ticker-slide .5s ease forwards;opacity:0;transform:translate(-20px)}.ticker-row:nth-child(1){animation-delay:.1s}.ticker-row:nth-child(2){animation-delay:.2s}.ticker-row:nth-child(3){animation-delay:.3s}.ticker-row:nth-child(4){animation-delay:.4s}.ticker-row:nth-child(5){animation-delay:.5s}@keyframes ticker-slide{to{opacity:1;transform:translate(0)}}.ticker-row:hover{background:#ffffff0d}.ticker-symbol{font-weight:700;font-size:15px;color:#fff}.ticker-change{font-weight:700;font-size:14px;padding:4px 10px;border-radius:6px}.ticker-change.up{color:#16c784;background:#16c7841a}.ticker-change.down{color:#ea3943;background:#ea39431a}.landing-stats-bar{display:flex;justify-content:center;align-items:center;gap:32px;padding:24px 40px;background:#ffffff05;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-item strong{font-size:32px;font-weight:800;background:linear-gradient(135deg,#fff,#9db8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-item span{font-size:13px;color:#6b7690;text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:40px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.2),transparent)}.landing-section{max-width:1200px;margin:0 auto;padding:60px 40px;width:100%;position:relative;z-index:1}.section-header{text-align:center;margin-bottom:40px}.section-tag{display:inline-block;padding:6px 16px;background:#2962ff1a;border:1px solid rgba(41,98,255,.3);border-radius:100px;font-size:12px;font-weight:700;color:#5b8cff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.section-header h2{font-size:clamp(28px,4vw,40px);font-weight:800;margin:0 0 12px;letter-spacing:-.02em}.section-header p{font-size:16px;color:#8b93a7;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.feature-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:28px;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent, #2962ff),transparent);opacity:0;transition:opacity .3s ease}.feature-card:hover{border-color:#ffffff26;background:#ffffff0a;transform:translateY(-6px);box-shadow:0 20px 60px #0000004d}.feature-card:hover:before{opacity:1}.feature-icon{font-size:40px;margin-bottom:20px;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.feature-card h3{margin:0 0 12px;font-size:18px;font-weight:700}.feature-card p{margin:0;font-size:14px;color:#8b93a7;line-height:1.7}.feature-glow{position:absolute;bottom:-50%;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,var(--accent, #2962ff),transparent 70%);opacity:0;filter:blur(40px);transition:opacity .3s ease;pointer-events:none}.feature-card:hover .feature-glow{opacity:.15}.symbol-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.symbol-card{display:flex;justify-content:space-between;align-items:center;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px 24px;transition:all .25s ease}.symbol-card:hover{border-color:#2962ff4d;background:#2962ff0d;transform:translateY(-3px);box-shadow:0 8px 32px #0003}.symbol-info{display:flex;flex-direction:column;gap:6px}.symbol-name{font-size:16px;font-weight:700;color:#fff}.symbol-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em;width:fit-content}.symbol-badge.forex{background:#2962ff26;color:#5b8cff}.symbol-badge.metals{background:#f0b90b26;color:#f0b90b}.symbol-badge.crypto{background:#2ee6a826;color:#2ee6a8}.symbol-change{font-size:15px;font-weight:700;padding:6px 12px;border-radius:8px}.symbol-change.up{color:#16c784;background:#16c7841a}.symbol-change.down{color:#ea3943;background:#ea39431a}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}@media(max-width:1024px){.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.steps{grid-template-columns:1fr}}.step-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:32px 28px;text-align:center;transition:all .3s ease;position:relative}.step-card:hover{border-color:#2962ff4d;transform:translateY(-6px);box-shadow:0 16px 48px #0003}.step-number{font-size:48px;font-weight:800;background:linear-gradient(135deg,#2962ff,#7c4dff);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;margin-bottom:16px;opacity:.8}.step-connector{position:absolute;top:50%;right:-20px;width:20px;height:2px;background:linear-gradient(90deg,#2962ff80,#7c4dff80)}.step-card h3{margin:0 0 10px;font-size:18px;font-weight:700}.step-card p{margin:0;font-size:14px;color:#8b93a7;line-height:1.7}.landing-cta{padding:80px 40px;position:relative;z-index:1}.cta-inner{max-width:800px;margin:0 auto;background:linear-gradient(135deg,#2962ff1a,#7c4dff1a);border:1px solid rgba(41,98,255,.2);border-radius:32px;padding:60px 48px;text-align:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.cta-glow{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(41,98,255,.3),transparent 70%);filter:blur(60px);pointer-events:none}.cta-inner h2{font-size:clamp(28px,4vw,42px);margin:0 0 16px;font-weight:800;position:relative}.cta-inner p{color:#8b93a7;margin:0 0 36px;font-size:17px;line-height:1.7;position:relative}.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative}.landing-footer{display:flex;justify-content:space-between;align-items:center;padding:24px 40px;border-top:1px solid rgba(255,255,255,.06);color:#6b7690;font-size:13px;flex-wrap:wrap;gap:16px;position:relative;z-index:1}.footer-left{display:flex;align-items:center;gap:16px}.footer-tag{color:#4a5568;font-size:12px}.footer-right{color:#4a5568}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 24px;color:#9aa5bb}.page-loading.full-height{min-height:400px}.spinner{width:40px;height:40px;border:3px solid rgba(41,98,255,.2);border-top-color:#2962ff;border-radius:50%;animation:spin .8s linear infinite}.spinner-inline{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.landing-hero{grid-template-columns:1fr;text-align:center;gap:40px}.hero-content{text-align:center}.landing-sub{margin:0 auto 36px}.landing-actions{justify-content:center}.hero-visual{order:1}.ticker-window{max-width:100%;transform:none}.landing-nav-links{display:none}}@media(max-width:640px){.landing-nav{padding:16px 20px}.landing-hero{padding:40px 20px 60px}.landing-section{padding:60px 20px}.landing-stats-bar{gap:24px;padding:24px 20px}.stat-divider{display:none}.stat-item strong{font-size:24px}.landing-footer{justify-content:center;text-align:center}.cta-inner{padding:48px 24px}.step-connector{display:none}}.endpoints-list{display:flex;flex-direction:column;gap:20px}.endpoint-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px;transition:all .2s ease}.endpoint-card:hover{border-color:#2962ff4d;background:#2962ff08}.endpoint-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.endpoint-path{font-size:14px;color:#e8edf6;background:#ffffff0d;padding:6px 12px;border-radius:8px;font-family:Consolas,Monaco,monospace}.endpoint-auth{font-size:12px;color:#8b93a7;background:#ffffff0a;padding:4px 10px;border-radius:6px;margin-left:auto}.endpoint-desc{font-size:14px;color:#8b93a7;margin:0 0 16px;line-height:1.6}.landing-nav-links{display:flex;gap:26px}.landing-nav-links a{color:#9aa5bb;text-decoration:none;font-size:13.5px;font-weight:600;transition:color .15s ease}.landing-nav-links a:hover{color:#fff}.lp-eyebrow{display:block;text-align:center;color:#5b8cff;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}.lp-section-sub{text-align:left;color:#8f9ab1;max-width:560px;margin:0 0 36px;font-size:14.5px;line-height:1.7}.lp-ticker-wrap{overflow:hidden;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);background:#ffffff05;padding:10px 0}.lp-ticker{display:flex;gap:36px;width:max-content;animation:lp-marquee 26s linear infinite}.lp-ticker-item{font-size:13px;font-weight:800;letter-spacing:.1em;color:#7f8aa0}.lp-ticker-item:before{content:"◆";color:#2962ff;margin-right:10px;font-size:9px;vertical-align:2px}@keyframes lp-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.lp-preview-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:16px;align-items:stretch}.lp-chart,.lp-code{background:#0d121ee6;border:1px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.lp-chart-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.lp-chart-head strong{font-size:15px;letter-spacing:.04em}.lp-chart-sub{color:#7f8aa0;font-size:11.5px;margin-left:8px}.lp-chart-price{color:#2ee6a8;font-weight:800;font-size:15px}.lp-chart-svg{width:100%;height:190px;padding:8px 10px}.lp-chart-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-top:1px solid rgba(255,255,255,.07);color:#7f8aa0;font-size:12px}.lp-live{display:inline-flex;align-items:center;gap:7px;color:#2ee6a8;font-weight:700}.lp-code-head{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.07)}.lp-code-head .dot{width:10px;height:10px;border-radius:50%}.lp-code-head .dot.red{background:#ff5f57}.lp-code-head .dot.amber{background:#febc2e}.lp-code-head .dot.green{background:#28c840}.lp-code-file{color:#7f8aa0;font-size:12px;margin-left:8px}.lp-code pre{margin:0;padding:18px;font-size:12.5px;line-height:1.75;color:#b9c4d8;overflow-x:auto;flex:1;font-family:Cascadia Code,Fira Code,Consolas,monospace}.lp-usecases{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.lp-usecase{background:linear-gradient(160deg,#2962ff14,#ffffff05);border:1px solid rgba(41,98,255,.22);border-radius:14px;padding:20px}.lp-usecase h3{margin:0 0 8px;font-size:15px}.lp-usecase p{margin:0;font-size:13px;color:#8f9ab1;line-height:1.65}.lp-plans-loading{display:flex;align-items:center;justify-content:center;gap:10px;color:#8f9ab1;padding:32px 0}.lp-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;max-width:860px;margin:0 auto}.lp-plan{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:24px 22px;display:flex;flex-direction:column}.lp-plan.featured{border-color:#2962ffa6;background:linear-gradient(170deg,#2962ff1f,#ffffff08);box-shadow:0 14px 44px #2962ff2e}.lp-plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#2962ff,#7c4dff);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;padding:5px 14px;border-radius:100px}.lp-plan h3{margin:0 0 14px;font-size:17px}.lp-plan-price{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.lp-plan-price .amount{font-size:34px;font-weight:800}.lp-plan-price .period{color:#7f8aa0;font-size:13px}.lp-plan-desc{color:#8f9ab1;font-size:13px;line-height:1.6;margin:0 0 16px}.lp-plan ul{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:9px;font-size:13.5px;color:#b9c4d8}.lp-plan ul li:before{content:"✓";color:#2ee6a8;font-weight:800;margin-right:9px}.lp-plan ul li strong{color:#fff}.landing-btn.full{width:100%;text-align:center;margin-top:auto}.lp-faq-section{max-width:780px}.lp-faq{display:flex;flex-direction:column;gap:8px}.lp-faq-item{background:#ffffff07;border:1px solid rgba(255,255,255,.09);border-radius:12px;overflow:hidden}.lp-faq-item.open{border-color:#2962ff66}.lp-faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;background:none;border:none;color:#e8edf6;font-size:14.5px;font-weight:650;text-align:left;padding:14px 18px;cursor:pointer}.lp-faq-chevron{color:#5b8cff;font-size:18px;font-weight:700}.lp-faq-a{margin:0;padding:0 18px 14px;color:#8f9ab1;font-size:13.5px;line-height:1.75}@media(max-width:900px){.lp-preview-grid{grid-template-columns:1fr}.landing-nav-links{display:none}}@media(max-width:640px){.lp-chart-svg{height:150px}.landing-hero{padding:48px 20px 42px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070db8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:300;padding:20px}.modal-card{background:#111827;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:26px;width:100%;max-width:420px;box-shadow:0 24px 70px #0000008c;animation:modal-in .18s ease}@keyframes modal-in{0%{transform:translateY(10px) scale(.98);opacity:0}to{transform:none;opacity:1}}.modal-card h3{margin:0 0 6px;font-size:18px}.modal-sub{margin:0 0 16px;color:#8f9ab1;font-size:13.5px}.modal-plan-summary{display:flex;flex-direction:column;gap:6px;background:#2962ff14;border:1px solid rgba(41,98,255,.3);border-radius:12px;padding:16px;margin-bottom:14px}.modal-plan-summary strong{font-size:15.5px}.modal-plan-price{font-size:22px;font-weight:800;color:#fff}.modal-plan-price em{font-style:normal;font-size:13px;font-weight:500;color:#7f8aa0}.modal-note{font-size:12.5px;line-height:1.65;margin:0 0 20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-btn{font-size:13.5px;font-weight:700;padding:10px 18px;border-radius:9px;cursor:pointer;border:1px solid transparent;transition:opacity .15s ease,background .15s ease}.modal-btn:disabled{opacity:.55;cursor:not-allowed}.modal-btn.primary{background:linear-gradient(135deg,#2962ff,#1e4fd8);color:#fff}.modal-btn.ghost{background:transparent;color:#aeb6c6;border-color:#ffffff26}.modal-btn.ghost:hover:not(:disabled){background:#ffffff0f}html{scroll-behavior:smooth}.lp-access{max-width:1080px}.lp-access-grid{display:grid;grid-template-columns:1fr 440px;gap:56px;align-items:center}.lp-access-copy h2{font-size:clamp(26px,3.4vw,38px);font-weight:800;letter-spacing:-.02em;margin:0 0 14px}.lp-access-points{margin-top:4px}.lp-access-points li:before{content:"✓";color:#2ee6a8;font-weight:800;margin-right:9px}.lp-access-form{display:flex;justify-content:center}.lp-access-form .auth-card{max-width:440px;background:#10141fd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@media(max-width:1024px){.lp-access-grid{grid-template-columns:1fr;gap:36px}.lp-access-copy{text-align:center}.lp-access-copy .lp-section-sub{margin-left:auto;margin-right:auto}.lp-access-points{display:inline-block;text-align:left}}.app-landing{height:auto;min-height:100dvh;max-width:none;padding:0;gap:0}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#05070d;color:#e8edf6}.login-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px;overflow:hidden;background:radial-gradient(ellipse 70% 55% at 15% 0%,rgba(41,98,255,.28),transparent 65%),radial-gradient(ellipse 60% 50% at 90% 100%,rgba(124,77,255,.22),transparent 65%),linear-gradient(155deg,#0e1734,#161040 52%,#090d1f)}.login-brand-glow{position:absolute;top:-120px;right:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(125,162,255,.18),transparent 70%);filter:blur(40px);pointer-events:none}.login-brand-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 30% 20%,black 20%,transparent 75%);mask-image:radial-gradient(ellipse 90% 80% at 30% 20%,black 20%,transparent 75%);pointer-events:none}.login-logo{position:relative;display:flex;align-items:center;gap:12px;font-weight:700;font-size:19px;text-decoration:none;color:#fff}.logo-mark{width:44px;height:44px;border-radius:12px;background:#ffffff12;border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-brand-content{position:relative;max-width:480px}.login-brand-content h1{font-size:clamp(30px,3.4vw,46px);line-height:1.15;font-weight:800;letter-spacing:-.02em;margin:0 0 20px;color:#fff}.login-brand-content p{font-size:15.5px;color:#a9b4cf;line-height:1.8;margin:0 0 42px}.login-features{display:flex;flex-direction:column;gap:18px}.login-feature{display:flex;align-items:center;gap:16px}.login-feature-icon{width:46px;height:46px;flex-shrink:0;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.login-feature strong{display:block;font-size:14.5px;margin-bottom:3px;color:#eef2fb}.login-feature span{font-size:12.5px;color:#8e99b8}.login-brand-footer{position:relative;color:#5f6a88;font-size:12.5px}.login-form-side{background:#05070d;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;gap:20px}.login-form-card{width:100%;max-width:420px;background:#ffffff06;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:40px 36px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login-form-header{margin-bottom:28px}.login-form-header h2{font-size:25px;font-weight:800;margin:0 0 8px}.login-form-header p{color:#8b93a7;font-size:14px;margin:0;line-height:1.6}.login-tabs{display:flex;background:#ffffff0d;border-radius:12px;padding:4px;margin-bottom:26px}.login-tabs button{flex:1;padding:11px 18px;border:none;border-radius:9px;background:transparent;color:#8b93a7;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .18s ease}.login-tabs button.active{background:linear-gradient(135deg,#2962ff,#1e4fd8);color:#fff;box-shadow:0 4px 16px #2962ff59}.login-form{display:flex;flex-direction:column;gap:18px}.login-field label{display:block;font-size:12.5px;font-weight:600;color:#9aa5bd;margin-bottom:7px}.login-field input{width:100%;background:#ffffff0b;border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:13px 15px;color:#e8edf6;font-size:14px;outline:none;transition:border-color .18s ease,box-shadow .18s ease;box-sizing:border-box}.login-field input:focus{border-color:#2962ff;box-shadow:0 0 0 3px #2962ff2e}.login-error{display:flex;align-items:center;gap:8px;background:#ef53501a;border:1px solid rgba(239,83,80,.35);color:#ff9d99;border-radius:10px;padding:11px 14px;font-size:13px}.login-submit{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#2962ff,#1e4fd8);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 26px #2962ff66}.login-submit:disabled{opacity:.7;cursor:not-allowed}.spinner-inline{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-divider{display:flex;align-items:center;gap:14px;margin:24px 0 18px;color:#5f6a88;font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff17}.login-social{display:grid;grid-template-columns:1fr 1fr;gap:12px}.login-social-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#dfe5f1;font-size:14px;font-weight:600;cursor:not-allowed;opacity:.62;transition:opacity .18s ease,border-color .18s ease}.login-social-btn:hover{opacity:.85;border-color:#ffffff38}.login-social-soon{position:absolute;top:-8px;right:-6px;font-style:normal;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9db8ff;background:#2962ff2e;border:1px solid rgba(41,98,255,.4);border-radius:100px;padding:2px 8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.login-form-footer{margin-top:22px;text-align:center}.login-form-footer p{margin:0;font-size:13.5px;color:#8b93a7}.login-switch{background:none;border:none;color:#6f92ff;font-size:13.5px;font-weight:700;cursor:pointer;padding:0}.login-switch:hover{text-decoration:underline}.login-form-note{display:flex;align-items:center;gap:8px;color:#4d576f;font-size:12px}@media(max-width:1024px){.login-page{grid-template-columns:1fr}.login-brand{padding:36px 28px 32px;gap:26px}.login-brand-content h1{font-size:26px;margin-bottom:12px}.login-brand-content p{font-size:14px;margin-bottom:0}.login-features,.login-brand-footer{display:none}.login-form-side{padding:32px 20px 48px}.login-form-card{padding:32px 24px}}.app-shell{background:radial-gradient(ellipse 55% 40% at 85% -10%,rgba(41,98,255,.12),transparent 60%),radial-gradient(ellipse 45% 40% at 5% 110%,rgba(124,77,255,.1),transparent 60%),#05070d}.sidebar{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;margin:12px 0 12px 12px;height:calc(100dvh - 24px);box-shadow:0 8px 30px #00000059}@media(max-width:900px){.sidebar{margin:0;height:100dvh;border-radius:0 16px 16px 0}}.sidebar-logo{background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:12px}.sidebar-logo .logo-icon{background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.sidebar-link{border-radius:12px;border:1px solid transparent;color:#a9b4cf}.sidebar-link:hover{background:#ffffff0d;color:#eef2fb}.sidebar-link.active{background:linear-gradient(135deg,#2962ffeb,#1e4fd8eb);border-color:#ffffff29;color:#fff;box-shadow:0 6px 22px #2962ff61}.sidebar-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.sidebar-footer{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:10px 12px}.sidebar-user-name{color:#eef2fb}.logout-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#a9b4cf}.logout-btn:hover{border-color:#ef535080;color:#ff8a80;background:#ef535014}.status-bar,.status-count,.status-text,.server-time{background:#ffffff0b;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-btn.active,.mobile-tab.active{background:linear-gradient(135deg,#2962ff,#1e4fd8);border-color:#ffffff2e;box-shadow:0 4px 16px #2962ff59}.filter-btn,.mobile-tab{background:#ffffff0a;border:1px solid rgba(255,255,255,.09)}.sym-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sym-card:hover{border-color:#2962ff66;background:#2962ff0f}.sym-card.selected{background:linear-gradient(135deg,#2962ff29,#7c4dff1f);border-color:#2962ff8c;box-shadow:0 0 0 1px #2962ff40,0 8px 24px #2962ff2e}.group-title{color:#8fa2d8;letter-spacing:.08em}.chart-panel{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.plan-buy,.key-create button{background:linear-gradient(135deg,#2962ff,#1e4fd8);border:1px solid rgba(255,255,255,.14);box-shadow:0 4px 18px #2962ff4d;transition:transform .15s ease,box-shadow .15s ease}.plan-buy:hover:not(:disabled),.key-create button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 26px #2962ff73}.plan-card,.keys-table-wrap,.usage-hint,.keys-empty,.endpoint-card,.modal-card{background:#ffffff07;border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.plan-card{box-shadow:0 12px 40px #00000040}.subscription-banner,.doc-note,.notice.success{background:linear-gradient(135deg,#2962ff1f,#7c4dff1a);border:1px solid rgba(41,98,255,.32)}.badge.active{background:linear-gradient(135deg,#2ee6a82e,#2ee6a814);border:1px solid rgba(46,230,168,.4);color:#2ee6a8}.key-reveal{background:linear-gradient(135deg,#2962ff24,#7c4dff1a);border:1px solid rgba(41,98,255,.45)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.profile-card{background:#ffffff07;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-card h3{margin:0 0 16px;font-size:15px}.avatar-row{display:flex;align-items:center;gap:14px;margin-bottom:18px}.avatar-wrap{position:relative;width:72px;height:72px;border-radius:50%;border:2px solid rgba(41,98,255,.45);background:transparent;padding:0;cursor:pointer;flex-shrink:0;overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover;display:block}.avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2962ff,#7c4dff);color:#fff;font-size:28px;font-weight:800}.avatar-edit{position:absolute;right:0;bottom:0;width:24px;height:24px;border-radius:50%;background:#2962ff;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;border:2px solid #131722}.avatar-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.avatar-meta strong{font-size:16px}.avatar-meta .muted{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-form{display:flex;flex-direction:column;gap:12px}.profile-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#8b93a7}.profile-form input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:11px 12px;color:#e6e9f0;font-size:14px;outline:none;font-family:inherit}.profile-form input:focus{border-color:#2962ff}.profile-form input:disabled{opacity:.55;cursor:not-allowed}.field-hint{font-size:11px;font-weight:400}.profile-save{margin-top:4px;padding:11px 18px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:linear-gradient(135deg,#2962ff,#1e4fd8);color:#fff;font-weight:600;font-size:13px;font-family:inherit;cursor:pointer;transition:opacity .15s}.profile-save:disabled{opacity:.45;cursor:not-allowed}.sub-details{display:flex;flex-direction:column;gap:14px}.sub-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sub-head strong{font-size:17px}.sub-facts{margin:0;display:flex;flex-direction:column;gap:8px}.sub-facts>div{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.sub-facts>div:last-child{border-bottom:none}.sub-facts dt{color:#8b93a7}.sub-facts dd{margin:0;color:#e6e9f0;font-weight:600}.sub-cancel{padding:10px 16px;border:1px solid rgba(239,83,80,.5);border-radius:8px;background:#ef53501a;color:#ff8a80;font-weight:600;font-size:13px;font-family:inherit;cursor:pointer;transition:all .15s}.sub-cancel:hover:not(:disabled){background:#ef535038}.sub-cancel:disabled{opacity:.5;cursor:wait}.sub-note{font-size:12px;margin:0}@media(max-width:900px){.profile-grid{grid-template-columns:1fr}}.crop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#080a10b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.crop-modal{background:var(--bg-card, #1a1f2e);border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 24px 64px #00000080;padding:22px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:14px}.crop-modal h3{margin:0;font-size:16px}.crop-modal>.muted{margin:0;font-size:12px}.crop-canvas{width:100%;max-width:320px;aspect-ratio:1;align-self:center;border-radius:12px;background:#0d1117;cursor:grab;touch-action:none}.crop-canvas:active{cursor:grabbing}.crop-zoom{display:flex;align-items:center;gap:10px;color:#8b93a7;font-size:16px;font-weight:700}.crop-zoom input[type=range]{flex:1;accent-color:#2962ff}.crop-actions{display:flex;gap:10px;justify-content:flex-end}.crop-cancel{padding:10px 18px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:transparent;color:#cfd6e4;font-weight:600;font-size:13px;font-family:inherit;cursor:pointer}.crop-confirm{padding:10px 18px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:linear-gradient(135deg,#2962ff,#1e4fd8);color:#fff;font-weight:600;font-size:13px;font-family:inherit;cursor:pointer}.crop-confirm:disabled{opacity:.5;cursor:not-allowed}.main-col::-webkit-scrollbar,.watchlist::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:8px}.main-col::-webkit-scrollbar-thumb,.watchlist::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:#2962ff40;border-radius:100px}.main-col::-webkit-scrollbar-thumb:hover,.watchlist::-webkit-scrollbar-thumb:hover{background:#2962ff73}