@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{--bg-primary:#0b0e11;--bg-secondary:#181a20;--bg-tertiary:#1e2329;--text-primary:#eaecef;--text-secondary:#848e9c;--accent-green:#00c076;--accent-red:#f84960;--border-color:#2b3139;--header-height:64px}*{box-sizing:border-box;margin:0;padding:0}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-container{flex-direction:column;height:100vh;display:flex}.main-content{background-color:var(--border-color);flex:1;grid-template-columns:240px 1fr 280px;gap:1px;display:grid;overflow:hidden}.panel{background-color:var(--bg-secondary);flex-direction:column;display:flex;overflow:hidden}.market-sidebar{border-right:1px solid var(--border-color)}.chart-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;margin:12px;display:flex;box-shadow:0 4px 20px #0000004d}.book-trade-section{border-left:1px solid var(--border-color);flex-direction:column;display:flex}.chart-container{background:var(--bg-primary);box-sizing:border-box;flex:1;width:100%;min-height:450px;padding:10px;position:relative;overflow:hidden}.live-dot{background-color:#00c076;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-green;display:inline-block}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #00c076b3}70%{transform:scale(1);box-shadow:0 0 0 6px #00c07600}to{transform:scale(.95);box-shadow:0 0 #00c07600}}.header{height:var(--header-height);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);align-items:center;gap:24px;padding:0 16px;display:flex}.logo{color:#fcd535;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.price-ticker{flex-direction:column;display:flex}.price-ticker .label{color:var(--text-secondary);font-size:11px}.price-ticker .value{font-size:14px;font-weight:500}.price-ticker.up{color:var(--accent-green)}.price-ticker.down{color:var(--accent-red)}.order-book-header{border-bottom:1px solid var(--border-color);padding:12px;font-size:14px;font-weight:500}.order-list{flex:1;font-family:"monospace";font-size:12px;overflow-y:auto}.order-row{cursor:pointer;grid-template-columns:1fr 1fr 1fr;padding:2px 12px;display:grid;position:relative}.order-row:hover{background-color:var(--bg-tertiary)}.order-row.sell .price{color:var(--accent-red)}.order-row.buy .price{color:var(--accent-green)}.market-item{cursor:pointer;border-left:3px solid #0000;grid-template-columns:1fr 1fr;align-items:center;padding:10px 14px;transition:all .2s;display:grid}.market-item:hover{background:var(--bg-tertiary)}.market-item.active{background:#fcd5350d;border-left-color:#fcd535}.market-item .symbol{color:var(--text-primary);font-size:13px;font-weight:600}.market-item .quote{color:var(--text-secondary);margin-left:2px;font-size:10px;font-weight:400}.market-item .price{text-align:right;font-family:Roboto Mono,monospace;font-size:13px;font-weight:500}.pagination-info{color:var(--text-secondary);font-size:12px;font-weight:500}.pagination-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){border-color:var(--text-secondary);background:#2b3139}.pagination-btn.active{color:#000;background:#fcd535;border-color:#fcd535}.row-bg{opacity:.15;z-index:0;height:100%;position:absolute;top:0;right:0}.order-row.sell .row-bg{background-color:var(--accent-red)}.order-row.buy .row-bg{background-color:var(--accent-green)}.trading-panel{background:var(--bg-secondary);flex-direction:column;gap:20px;padding:20px;display:flex}.tabs{border-bottom:1px solid var(--border-color);display:flex}.tab{cursor:pointer;color:var(--text-secondary);padding:8px 16px;font-size:14px}.tab.active{color:var(--text-primary);border-bottom:2px solid var(--accent-green)}.side-tabs{background:var(--bg-primary);border-radius:8px;gap:4px;padding:4px;display:flex}.side-tab{text-align:center;cursor:pointer;color:var(--text-secondary);border:1px solid #0000;border-radius:6px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.side-tab:hover:not(.active){color:#fff;background:#ffffff0d}.side-tab.buy.active{background:var(--accent-green);color:#000;box-shadow:0 4px 12px #00c07633}.side-tab.sell.active{background:var(--accent-red);color:#fff;box-shadow:0 4px 12px #f8496033}.input-group{flex-direction:column;gap:6px;display:flex}.input-label{color:var(--text-secondary);font-size:12px}.input-wrapper{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;align-items:center;height:44px;padding:0 14px;transition:all .2s;display:flex}.input-wrapper:hover{border-color:#474d57}.input-wrapper:focus-within{border-color:#fcd535!important}.input-wrapper input{width:100%;padding:0;font-size:14px;font-weight:500;color:#fff!important;background:0 0!important;border:none!important;outline:none!important}.search-input-wrapper{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;align-items:center;height:36px;margin:12px;padding:0 12px;transition:all .2s;display:flex}.search-input-wrapper:focus-within{background:#1e2329;border-color:#fcd535}.search-input-wrapper input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding-left:8px;font-size:13px}.input-wrapper span{color:var(--text-secondary);font-size:12px}.btn-trade{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:8px;height:48px;margin-top:8px;font-size:15px;font-weight:700;transition:all .3s}.btn-trade.btn-buy{background:var(--accent-green);color:#000}.btn-trade.btn-sell{background:var(--accent-red);color:#fff}.btn-trade:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-trade:active{filter:brightness(.9);transform:translateY(0)}.login-screen{position:relative;overflow:hidden;background:radial-gradient(circle at 50% -20%,#1e2329 0%,#0b0e11 100%)!important}.login-screen:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#fcd53508 0%,#0000 70%);width:1000px;height:1000px;position:absolute;top:-400px;left:50%;transform:translate(-50%)}.login-screen form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .3s,box-shadow .3s;position:relative;background:#1e2329b3!important;border:1px solid #ffffff0d!important;box-shadow:0 25px 50px -12px #00000080!important}.login-screen .input-wrapper{gap:10px;transition:all .2s cubic-bezier(.16,1,.3,1);background:#0b0e1180!important;border:1px solid #ffffff14!important;border-radius:12px!important;align-items:center!important;padding:0 14px!important;display:flex!important}.login-screen .input-wrapper:focus-within{transform:translateY(-1px);box-shadow:0 0 0 2px #fcd5351a;border-color:var(--accent-yellow)!important;background:#1e2329cc!important}.login-screen label{letter-spacing:.3px;margin-left:4px;font-weight:500}.login-screen .btn-buy{transition:all .3s;box-shadow:0 4px 15px #fcd53533;background:var(--accent-yellow)!important;color:#000!important;border-radius:12px!important;height:52px!important;font-weight:700!important}.login-screen .btn-buy:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #fcd53566}.login-screen .btn-buy:active{transform:translateY(0)}.login-tab-btn{transition:all .2s;font-weight:600!important}.login-tab-btn:hover{color:#fff!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideDown}.auth-form{transition:all .5s cubic-bezier(.16,1,.3,1)!important}.form-content-wrapper{transition:opacity .3s}.btn-buy{background-color:var(--accent-green);color:#000}.btn-sell{background-color:var(--accent-red);color:#fff}.header-info-item{border-right:1px solid var(--border-color);flex-direction:column;justify-content:center;height:32px;padding:0 12px;display:flex}.header-info-item:last-of-type{border-right:none}.header-info-item .label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:10px}.header-info-item .value{white-space:nowrap;font-size:13px;font-weight:600}.header-balance{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex}.header-balance .label{color:var(--text-secondary);font-size:10px}.header-balance .value{color:#fcd535;font-size:13px;font-weight:700}.profile-badge{border-left:1px solid var(--border-color);align-items:center;gap:10px;margin-left:auto;padding-left:16px;display:flex}.profile-info{flex-direction:column;align-items:flex-end;display:flex}.level-tag{color:#000;background:#fcd535;border-radius:3px;margin-bottom:2px;padding:1px 4px;font-size:9px;font-weight:800}.logout-btn{color:var(--accent-red);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.logout-btn:hover{background:#f849601a;border-color:#f8496033}.modal-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:16px;width:400px;padding:24px;display:flex}.chart-container{background-color:var(--bg-primary);flex:1}.pagination-container{border-top:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.pagination-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){color:#fcd535;background:#fcd5350d;border-color:#fcd535}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{color:var(--text-secondary);align-items:center;font-size:13px;font-weight:500;display:flex}