@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#12121ecc;--bg-card-hover:#181828e6;--bg-input:#ffffff0d;--text-primary:#e8e8ef;--text-secondary:#8888a0;--text-muted:#55556a;--accent-green:#00d4aa;--accent-green-dim:#00d4aa26;--accent-red:#ff4757;--accent-red-dim:#ff475726;--accent-blue:#4a9eff;--accent-blue-dim:#4a9eff26;--accent-yellow:#ffa502;--accent-yellow-dim:#ffa50226;--accent-purple:#a855f7;--border-color:#ffffff0f;--border-hover:#ffffff1f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow-green:0 0 20px #00d4aa4d;--shadow-glow-red:0 0 20px #ff47574d;--sidebar-width:260px;--header-height:64px;--transition:all .2s ease;--transition-slow:all .4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:160;flex-direction:column;height:100vh;padding:24px 16px;transition:transform .22s;display:flex;position:fixed;top:0;left:0}.mobile-menu-btn,.nav-backdrop{display:none}.card-subline{color:var(--text-muted);margin-top:8px;font-size:12px;font-weight:400}.settings-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-hint{color:var(--text-muted);margin:8px 0 0;font-size:12px;line-height:1.45}.ai-decision-list{max-height:420px;margin:0;padding:0;list-style:none;overflow-y:auto}.ai-decision-item{border-bottom:1px solid var(--border-color);padding:14px 0}.ai-decision-item:last-child{border-bottom:none}.ai-decision-head{flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-bottom:6px;display:flex}.ai-decision-meta{color:var(--text-muted);font-size:12px}.ai-decision-body{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.5}.sidebar-logo{color:var(--accent-green);border-bottom:1px solid var(--border-color);letter-spacing:-.5px;margin-bottom:24px;padding:0 8px 24px;font-size:20px;font-weight:800}.sidebar-logo span{color:var(--text-muted);margin-top:4px;font-size:11px;font-weight:400;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.sidebar-link{border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.sidebar-link:hover{color:var(--text-primary);background:#ffffff0d;text-decoration:none}.sidebar-link.active{background:var(--accent-green-dim);color:var(--accent-green)}.sidebar-link .icon{text-align:center;width:24px;font-size:18px}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;padding:32px}.page-title{letter-spacing:-.5px;margin-bottom:24px;font-size:28px;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:4px;font-size:14px}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition);padding:24px}.card:hover{border-color:var(--border-hover)}.card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px;font-weight:500}.card-value{letter-spacing:-1px;font-size:32px;font-weight:700}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:24px;display:grid}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent-green);color:#000}.btn-primary:hover{box-shadow:var(--shadow-glow-green);transform:translateY(-1px)}.btn-danger{background:var(--accent-red);color:#fff}.btn-danger:hover{box-shadow:var(--shadow-glow-red);transform:translateY(-1px)}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff14}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:14px 28px;font-size:16px}.btn-icon{border-radius:var(--radius-sm);width:36px;height:36px;padding:0}.bot-control{flex-direction:column;align-items:center;gap:16px;padding:40px;display:flex}.bot-toggle{border:3px solid var(--border-color);background:var(--bg-card);cursor:pointer;width:120px;height:120px;transition:var(--transition-slow);border-radius:50%;justify-content:center;align-items:center;font-size:36px;display:flex}.bot-toggle.active{border-color:var(--accent-green);box-shadow:var(--shadow-glow-green);animation:2s infinite pulse}.bot-toggle.inactive{border-color:var(--accent-red)}.bot-toggle:hover{transform:scale(1.05)}@keyframes pulse{0%,to{box-shadow:0 0 20px #00d4aa4d}50%{box-shadow:0 0 40px #00d4aa80}}.bot-status-text{font-size:16px;font-weight:600}.bot-status-text.active{color:var(--accent-green)}.bot-status-text.inactive{color:var(--accent-red)}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:12px;font-weight:500}td{border-bottom:1px solid var(--border-color);transition:var(--transition);padding:12px 16px}tr:hover td{background:#ffffff05}tr{cursor:pointer}.badge{border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-buy{background:var(--accent-green-dim);color:var(--accent-green)}.badge-sell{background:var(--accent-red-dim);color:var(--accent-red)}.badge-open{background:var(--accent-blue-dim);color:var(--accent-blue)}.badge-closed{color:var(--text-secondary);background:#ffffff0f}.badge-submitted{color:var(--accent-blue);background:#4a9eff1f}.badge-unprotected{background:var(--accent-yellow-dim);color:var(--accent-yellow)}.badge-order_failed{background:var(--accent-red-dim);color:var(--accent-red)}.badge-cancelled{color:var(--text-muted);background:#ffffff0f}.badge-neutral{color:var(--text-secondary);background:#ffffff0f}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-input,.form-select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);padding:10px 14px;font-family:inherit;font-size:14px}.form-input:focus,.form-select:focus{border-color:var(--accent-green);outline:none;box-shadow:0 0 0 3px #00d4aa1a}.form-select{appearance:none;cursor:pointer}.timeframe-select{width:100%;position:relative}.timeframe-select__trigger{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;transition:var(--transition);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;font-size:14px;display:flex}.timeframe-select__trigger:focus{border-color:var(--accent-green);outline:none;box-shadow:0 0 0 3px #00d4aa1a}.timeframe-select__chevron{color:var(--text-secondary);flex-shrink:0;font-size:10px;transition:transform .2s}.timeframe-select__chevron.is-open{transform:rotate(-180deg)}.timeframe-select__list{z-index:200;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-height:min(320px,70vh);margin:0;padding:6px 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.timeframe-select__opt{cursor:pointer;color:var(--text-primary);margin:0;padding:10px 14px;font-size:14px;transition:background .15s}.timeframe-select__opt:hover{background:#ffffff0f}.timeframe-select__opt.is-active{background:var(--accent-green-dim);color:var(--accent-green)}.pnl-positive{color:var(--accent-green)}.pnl-negative{color:var(--accent-red)}.pnl-neutral{color:var(--text-secondary)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:80vh;padding:32px;overflow-y:auto}.modal-title{margin-bottom:20px;font-size:20px;font-weight:700}.strategy-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.strategy-card{border-radius:var(--radius-md);border:2px solid var(--border-color);cursor:pointer;transition:var(--transition);text-align:center;padding:16px}.strategy-card:hover{border-color:var(--border-hover)}.strategy-card.selected{border-color:var(--accent-green);background:var(--accent-green-dim)}.strategy-card .name{margin-bottom:4px;font-size:14px;font-weight:700}.strategy-card .desc{color:var(--text-muted);font-size:11px}.spinner{border:3px solid var(--border-color);border-top:3px solid var(--accent-green);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{justify-content:center;align-items:center;min-height:200px;display:flex}.login-screen{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{width:100%;max-width:420px}.login-hint{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.5}.login-actions{flex-direction:column;gap:12px;display:flex}.login-msg{border-radius:var(--radius-sm);margin-bottom:16px;padding:10px 12px;font-size:13px;line-height:1.45}.login-msg-success{background:var(--accent-green-dim);color:var(--accent-green)}.login-msg-error{background:var(--accent-red-dim);color:var(--accent-red)}@media (width<=768px){.mobile-menu-btn{z-index:200;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-card);width:44px;height:44px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:0;font-size:20px;display:flex;position:fixed;top:10px;left:10px}.nav-backdrop{z-index:140;cursor:pointer;background:#00000073;border:none;margin:0;padding:0;display:block;position:fixed;inset:0}.sidebar{box-shadow:none;transform:translate(-100%)}.sidebar.sidebar-drawer-open{box-shadow:var(--shadow-lg);transform:translate(0)}.main-content{margin-left:0;padding:56px 14px 24px}.cards-grid,.strategy-cards,.settings-form-grid{grid-template-columns:1fr}.bot-control{padding:24px 12px}.bot-toggle{width:96px;height:96px;font-size:30px}.dashboard-trades-table table{min-width:520px}}