:root{--bg-primary:#0b0d14;--bg-secondary:#151829;--bg-card:#1a1d31;--bg-hover:#22263e;--border:#262b44;--border-light:#313656;--text-primary:#e8eaed;--text-secondary:#9ca3b8;--text-muted:#5f6580;--accent:#4f8cff;--accent-hover:#3b7af5;--accent-subtle:#4f8cff1f;--accent-glow:#4f8cff0f;--green:#22c55e;--green-subtle:#22c55e1f;--red:#ef4444;--red-subtle:#ef44441f;--yellow:#eab308;--yellow-subtle:#eab3081f;--sidebar-width:240px;--bottom-nav-height:60px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--font-xs:11px;--font-sm:12px;--font-md:13px;--font-base:14px;--font-lg:16px;--font-xl:18px;--font-2xl:22px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 14px #00000059;--shadow-lg:0 8px 28px #00000073;--shadow-glow:0 0 20px #4f8cff14}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}::selection{background:var(--accent-subtle);color:var(--accent)}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);padding:var(--space-xs) 0;z-index:100;flex-direction:column;flex-shrink:0;transition:transform .25s;display:flex;position:relative}.sidebar-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border)}.sidebar-header h1{font-size:var(--font-xl);color:var(--accent);font-weight:700}.sidebar-header .subtitle{font-size:var(--font-xs);color:var(--text-muted);margin-top:2px}.nav-group-label{padding:var(--space-lg) var(--space-xl) var(--space-xs);font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.nav-item{padding:10px var(--space-xl);color:var(--text-secondary);font-size:var(--font-base);cursor:pointer;text-align:left;background:0 0;border:none;border-right:2px solid #0000;align-items:center;gap:10px;width:100%;transition:all .15s;display:flex;position:relative}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-subtle);color:var(--accent);border-right-color:var(--accent)}.nav-item.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.main-content{padding:var(--space-2xl);flex:1;min-width:0;overflow-y:auto}.top-header,.bottom-nav,.sidebar-overlay{display:none}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-xl);transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-light);box-shadow:var(--shadow-glow)}.card-title{font-size:var(--font-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-md);align-items:center;gap:6px;font-weight:600;display:flex}.grid-4{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.grid-3{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.grid-2{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}@media (width<=1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3,.grid-2{grid-template-columns:1fr}}.stat-value{font-size:22px;font-weight:700;line-height:1.2}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-top:4px;font-size:11px}.data-table-wrapper{-webkit-overflow-scrolling:touch;margin:0 calc(var(--space-xl) * -1);padding:0 var(--space-xl);width:auto;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:600px}.data-table thead{position:relative}.data-table thead:after{content:"";background:linear-gradient(90deg, var(--accent-subtle), var(--border), var(--accent-subtle));opacity:.5;height:1px;position:absolute;bottom:0;left:0;right:0}.data-table th{text-align:left;font-size:var(--font-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px;font-weight:600}.data-table td{font-size:var(--font-md);border-bottom:1px solid var(--border);color:var(--text-primary);white-space:nowrap;padding:10px 12px}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover td,.screener-row:hover td{background:var(--bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}.card>.data-table-wrapper:first-child{margin-top:calc(var(--space-xl) * -1)}.mobile-card-list{display:none}.card-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.card-item:last-child{border-bottom:none}.card-item-left{flex-direction:column;gap:2px;display:flex}.card-item-symbol{font-size:var(--font-base);font-weight:600}.card-item-meta{font-size:var(--font-xs);color:var(--text-muted)}.card-item-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.card-item-value{font-size:var(--font-base);font-weight:600}.card-item-change{font-size:var(--font-sm)}.search-bar{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:8px;padding:8px 12px;transition:border-color .15s;display:flex}.search-bar:focus-within{border-color:var(--accent)}.search-bar input{color:var(--text-primary);font-size:var(--font-md);background:0 0;border:none;outline:none;width:100%;font-family:inherit}.search-bar .icon{color:var(--text-muted);flex-shrink:0}.score-badge{border-radius:var(--radius-xs);min-width:28px;font-size:var(--font-xs);justify-content:center;align-items:center;padding:2px 6px;font-weight:700;display:inline-flex}.score-badge.high{background:var(--green-subtle);color:var(--green)}.score-badge.medium{background:var(--yellow-subtle);color:var(--yellow)}.score-badge.low{color:var(--text-muted);background:#9aa0b01a}.pagination{justify-content:center;align-items:center;gap:8px;padding:12px 0;display:flex}.pagination .page-info{font-size:var(--font-sm);color:var(--text-muted);text-align:center;min-width:48px}.badge{border-radius:var(--radius-xs);font-size:var(--font-xs);white-space:nowrap;align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.badge-green{background:var(--green-subtle);color:var(--green)}.badge-red{background:var(--red-subtle);color:var(--red)}.badge-yellow{background:var(--yellow-subtle);color:var(--yellow)}.badge-neutral{color:var(--text-secondary);background:#9aa0b01a}.badge-blue{background:var(--accent-subtle);color:var(--accent)}input,select,textarea{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-md);outline:none;padding:8px 12px;font-family:inherit;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:80px}button{cursor:pointer;font-family:inherit}.input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-md);outline:none;width:100%;padding:8px 12px;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input-full{width:100%}.form-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;font-weight:600;display:block}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;border-radius:var(--radius-md);font-size:var(--font-md);letter-spacing:.2px;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-weight:600;transition:opacity .15s,transform .1s,box-shadow .15s;display:inline-flex}.btn-primary:hover{opacity:.92;box-shadow:0 0 16px #4f8cff40}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-md);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-weight:600;transition:all .15s;display:inline-flex}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-danger{background:var(--red);color:#fff;border-radius:var(--radius-md);font-size:var(--font-md);border:none;align-items:center;gap:6px;padding:8px 18px;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex}.btn-danger:hover{background:#dc2626;box-shadow:0 0 14px #ef444440}.btn-sm{font-size:var(--font-sm);padding:4px 12px}.btn-icon{cursor:pointer;border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:inline-flex}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.price-up{color:var(--green)}.price-down{color:var(--red)}.loading{color:var(--text-muted);justify-content:center;align-items:center;padding:40px;display:flex}.loading:after{content:"";border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;margin-left:8px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spin,.spin-icon{animation:.8s linear infinite spin}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 20px;display:flex}.empty-state-icon{opacity:.3;margin-bottom:var(--space-lg)}.empty-state-title{font-size:var(--font-lg);margin-bottom:var(--space-sm);font-weight:600}.empty-state-desc{font-size:var(--font-md);color:var(--text-muted);max-width:360px;margin-bottom:var(--space-xl);line-height:1.6}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:380px;padding:40px}.login-card h2{text-align:center;color:var(--accent);margin-bottom:8px}.login-card p{text-align:center;color:var(--text-muted);font-size:var(--font-md);margin-bottom:var(--space-2xl)}.form-group{margin-bottom:var(--space-lg)}.form-group label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;font-weight:600;display:block}.form-group input{width:100%}.form-error{color:var(--red);font-size:var(--font-sm);margin-top:var(--space-sm);text-align:center}.form-link{text-align:center;margin-top:var(--space-lg);font-size:var(--font-md);color:var(--text-secondary)}.form-link a{color:var(--accent);cursor:pointer}.chart-container{height:400px;position:relative}.page-header{margin-bottom:var(--space-2xl);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.page-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-title{font-size:var(--font-2xl);align-items:center;gap:8px;font-weight:700;display:flex}.page-title svg{vertical-align:middle}.trading-header{margin-bottom:var(--space-2xl);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.trading-header-left{align-items:center;gap:var(--space-md);display:flex}.trading-header-right{align-items:center;gap:var(--space-sm);display:flex}.status-pill{font-size:var(--font-sm);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-weight:600;display:inline-flex}.status-pill-running{background:var(--green-subtle);color:var(--green)}.status-pill-stopped{color:var(--text-muted);background:#9aa0b01a}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot-green{background:var(--green)}.status-dot-gray{background:var(--text-muted)}.status-dot-animated{animation:1.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.btn-start{border-radius:var(--radius-md);cursor:pointer;letter-spacing:.3px;border:none;justify-content:center;align-items:center;gap:8px;min-width:160px;padding:10px 28px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}.btn-start.stopped{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 20px #22c55e33}.btn-start.stopped:hover{transform:translateY(-1px);box-shadow:0 0 28px #22c55e59}.btn-start.stopped:active{transform:translateY(0)}.btn-start.running{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 20px #ef444433}.btn-start.running:hover{transform:translateY(-1px);box-shadow:0 0 28px #ef444459}.btn-start.running:active{transform:translateY(0)}.btn-start:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.control-panel-inputs{flex-direction:column;gap:12px;display:flex}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{font-size:var(--font-sm);color:var(--text-secondary);align-items:center;gap:6px;font-weight:600;display:flex}.input-group input,.input-group select{width:100%}.config-row-2{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.info-card{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.info-card-title{font-size:var(--font-sm);color:var(--text-muted);margin-bottom:var(--space-sm);font-weight:600}.info-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.info-label{font-size:var(--font-xs);color:var(--text-muted);margin-bottom:2px}.info-value{font-size:var(--font-base);font-weight:600}.info-value-sm{font-size:var(--font-sm);color:var(--text-secondary)}.account-summary{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.stat-block{flex-direction:column;display:flex}.stat-block .stat-label{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.stat-block .stat-value{font-size:18px;font-weight:700}.account-status-bar{font-size:var(--font-sm);color:var(--text-secondary);background:var(--bg-primary);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:8px 12px;display:flex}.config-section{gap:var(--space-md);flex-direction:column;display:flex}.config-inline{gap:var(--space-lg);align-items:flex-end;display:flex}.last-cycle-section{gap:var(--space-md);flex-direction:column;display:flex}.last-cycle-timestamp{font-size:var(--font-sm);color:var(--text-muted)}.last-cycle-error{background:var(--red-subtle);color:var(--red);border-radius:var(--radius-sm);font-size:var(--font-sm);align-items:center;gap:6px;padding:8px 12px;display:flex}.last-cycle-title{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);font-weight:600}.risk-card{background:var(--bg-hover);border-radius:var(--radius-md);padding:var(--space-lg)}.risk-card-title{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:var(--space-sm);font-weight:600}.decision-badge-lg{font-size:var(--font-md);padding:4px 14px}.confidence-text{font-size:var(--font-md);color:var(--text-secondary);margin-left:var(--space-md)}.decision-reasoning{font-size:var(--font-xs);color:var(--text-muted);margin-top:var(--space-sm);white-space:pre-wrap;line-height:1.5}.risk-result-pass{color:var(--green);margin-left:6px;font-weight:600}.risk-result-blocked{color:var(--yellow);margin-left:6px;font-weight:600}.risk-reason{font-size:var(--font-xs);color:var(--text-muted);margin-top:var(--space-xs)}.execution-card{background:var(--bg-hover);border-radius:var(--radius-md);padding:var(--space-lg)}.execution-card-title{font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:var(--space-sm);font-weight:600}.execution-dry-run{color:var(--yellow);align-items:center;gap:8px;display:flex}.execution-detail{font-size:var(--font-base);font-weight:600}.execution-meta{font-size:var(--font-sm);color:var(--text-secondary);margin-top:2px}.execution-errors{font-size:var(--font-sm);color:var(--red);flex-direction:column;gap:4px;display:flex}.error-alert-card{border-color:#ef44444d}.error-alert{color:var(--red);font-size:var(--font-md);align-items:center;gap:8px;font-weight:500;display:flex}.plan-recommend-badge{background:var(--accent);color:#fff;border-radius:10px;padding:2px 10px;font-size:10px;font-weight:700;position:absolute;top:-8px;right:-8px}.plan-free-badge{font-size:var(--font-md);text-align:center;border-radius:var(--radius-md);padding:10px;font-weight:600}.toggle{cursor:pointer;border:none;border-radius:12px;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:2px}.settings-page{max-width:640px;margin:0 auto}.settings-loading{justify-content:center;align-items:center;min-height:300px;display:flex}.settings-section{margin-bottom:var(--space-xl)}.settings-section+.settings-section{margin-top:var(--space-xl)}.settings-section-header{align-items:center;gap:var(--space-sm);color:var(--text-primary);margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--border);font-size:15px;font-weight:600;display:flex}.settings-avatar-row{align-items:center;gap:var(--space-xl);margin-bottom:var(--space-xl);display:flex}.settings-avatar-wrapper{flex-direction:column;align-items:center;gap:10px;display:flex}.settings-avatar-preview{background:var(--bg-primary);border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative;overflow:hidden}.settings-avatar-preview img{object-fit:cover;width:100%;height:100%}.settings-avatar-initial{color:var(--accent);font-size:28px;font-weight:700}.settings-avatar-overlay{background:#00000080;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.settings-avatar-actions{gap:var(--space-sm);display:flex}.settings-avatar-info{flex:1}.settings-nickname-display{font-size:var(--font-lg);margin-bottom:2px;font-weight:600}.settings-form-group{margin-bottom:var(--space-lg)}.settings-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:6px;font-weight:600;display:block}.settings-input-wrapper{position:relative}.settings-eye-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.settings-api-desc{font-size:var(--font-sm);color:var(--text-muted);margin-bottom:var(--space-lg);line-height:1.6}.landing-page{background:var(--bg-primary);min-height:100vh}.landing-nav{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:16px 24px;display:flex}.logo{align-items:center;gap:8px;display:flex}.logo-text{color:#e2e8f0;font-size:18px;font-weight:700}.nav-buttons{gap:10px;display:flex}.landing-mobile-overlay{z-index:999;background:#0f1119fa;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.close-btn{color:#e2e8f0;cursor:pointer;touch-action:manipulation;background:0 0;border:none;padding:8px;position:absolute;top:20px;right:20px}.overlay-btn{text-align:center;justify-content:center;min-width:200px}.landing-hero{text-align:center;max-width:700px;margin:0 auto;padding:80px 24px 60px}.landing-tag{color:var(--accent);background:var(--accent-subtle);border-radius:20px;align-items:center;gap:6px;margin-bottom:24px;padding:6px 14px;font-size:13px;display:inline-flex}.landing-title{color:#f1f5f9;margin-bottom:20px;font-size:42px;font-weight:800;line-height:1.15}.landing-desc{color:#94a3b8;max-width:540px;margin:0 auto 32px;font-size:16px;line-height:1.7}.landing-hero-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.landing-hero-buttons .btn-primary,.landing-hero-buttons .btn-secondary{padding:10px 24px;font-size:14px}.landing-stats{max-width:900px;margin:0 auto;padding:0 24px 40px}.stats-grid{gap:16px;display:grid}.stat-card{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px}.stat-card .stat-value{color:var(--accent);margin-bottom:4px;font-size:28px;font-weight:700}.stat-card .stat-label{color:#94a3b8;font-size:13px}.landing-features-section{max-width:1000px;margin:0 auto;padding:60px 24px}.landing-features-section h2{text-align:center;color:#f1f5f9;margin-bottom:40px;font-size:28px;font-weight:700}.landing-features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.landing-features-grid .card{padding:24px}.landing-features-grid .card h3{margin-bottom:8px;font-size:16px;font-weight:600}.landing-features-grid .card p{color:#94a3b8;font-size:13px;line-height:1.5}.landing-plans{max-width:900px;margin:0 auto;padding:60px 24px}.landing-plans h2{text-align:center;color:#f1f5f9;margin-bottom:8px;font-size:28px;font-weight:700}.landing-plans .subtitle{text-align:center;color:#94a3b8;margin-bottom:32px;font-size:14px}.landing-plans-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.landing-cta{text-align:center;padding:60px 24px 48px}.landing-cta h2{color:#f1f5f9;margin-bottom:8px;font-size:28px;font-weight:700}.landing-cta p{color:#94a3b8;margin-bottom:24px;font-size:14px}.landing-cta .btn-primary{padding:10px 28px;font-size:14px}.landing-footer{text-align:center;color:#475569;border-top:1px solid var(--border);padding:24px;font-size:12px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.main-content>div:not(.top-header){animation:.3s ease-out fadeSlideIn}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-accent{color:var(--accent)}.fs-11{font-size:11px}.fs-12{font-size:12px}.fs-13{font-size:13px}.fs-14{font-size:14px}.fs-15{font-size:15px}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-nowrap{white-space:nowrap}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-row{flex-direction:row;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.inline-flex-center{align-items:center;display:inline-flex}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.pb-1{padding-bottom:4px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.ml-1{margin-left:4px}.ml-2{margin-left:8px}.w-full{width:100%}.check-icon,.icon-text{vertical-align:middle;margin-right:4px;display:inline}.checkbox-lg{width:16px;height:16px;accent-color:var(--accent)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}@media (width<=768px){.sidebar{z-index:200;width:260px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:199;background:#0009;animation:.2s fadeIn;display:block;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.top-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.top-header h1{font-size:var(--font-lg);color:var(--accent);font-weight:700}.hamburger-btn{color:var(--text-primary);cursor:pointer;touch-action:manipulation;background:0 0;border:none;padding:4px}.bottom-nav{height:var(--bottom-nav-height);background:var(--bg-secondary);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom,0);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--text-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:none;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:4px 6px;font-size:9px;transition:color .15s;display:flex;position:relative}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item.active:after{content:"";background:var(--accent);border-radius:0 0 2px 2px;width:20px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.bottom-nav-item svg{width:20px;height:20px}.app-layout{padding-bottom:var(--bottom-nav-height);flex-direction:column}.main-content{padding:var(--space-lg)}.page-header{align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-direction:column}.page-header-right{width:100%}.page-title{font-size:var(--font-xl)}.card{padding:var(--space-lg)}.grid-4{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.grid-2,.grid-3{gap:var(--space-md);grid-template-columns:1fr;margin-bottom:14px}.data-table{min-width:500px}.data-table-wrapper{margin:0 calc(var(--space-lg) * -1);padding:0 var(--space-lg)}.chart-container{height:280px}.login-card{padding:28px 20px}.account-summary{grid-template-columns:repeat(2,1fr)}.landing-title{font-size:28px}.landing-hero{padding:48px 20px 40px}.landing-features-section h2,.landing-plans h2,.landing-cta h2,.stat-card .stat-value{font-size:22px}.landing-features-grid,.landing-plans-grid{grid-template-columns:1fr}.settings-page{padding:0}.settings-avatar-row{flex-direction:column;align-items:flex-start}.info-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:18px}.config-inline{gap:var(--space-sm);flex-direction:column}}@media (width<=480px){.grid-4{grid-template-columns:1fr 1fr;gap:8px}.main-content{padding:var(--space-md)}.data-table{min-width:400px}.card{padding:var(--space-md)}.stat-value{font-size:16px}.bottom-nav-item svg{width:18px;height:18px}.bottom-nav-item{padding:4px;font-size:8px}.landing-hero{padding:32px 16px 28px}}