*{margin:0;padding:0;box-sizing:border-box}:root,[data-theme=dark]{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-card: #1a2235;--bg-card-hover: #1e293b;--border: #2a3548;--border-light: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #6366f1;--accent-hover: #4f46e5;--accent-light: rgba(99,102,241,.15);--green: #10b981;--green-light: rgba(16,185,129,.15);--red: #ef4444;--red-light: rgba(239,68,68,.15);--yellow: #f59e0b;--yellow-light: rgba(245,158,11,.15);--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(0,0,0,.35);--modal-overlay: rgba(0,0,0,.65);--auth-glow1: rgba(99,102,241,.12);--auth-glow2: rgba(139,92,246,.08)}[data-theme=light]{--bg-primary: #f0f4ff;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8faff;--border: #e2e8f0;--border-light: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent: #6366f1;--accent-hover: #4f46e5;--accent-light: rgba(99,102,241,.1);--green: #059669;--green-light: rgba(5,150,105,.1);--red: #dc2626;--red-light: rgba(220,38,38,.1);--yellow: #d97706;--yellow-light: rgba(217,119,6,.1);--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(99,102,241,.1);--modal-overlay: rgba(15,23,42,.5);--auth-glow1: rgba(99,102,241,.07);--auth-glow2: rgba(139,92,246,.05)}*,*:before,*:after{transition:background-color .25s ease,border-color .25s ease,color .1s ease}body{font-family:Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;overflow-x:hidden}.app-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;animation:splashFadeOut .4s ease .6s forwards}@keyframes splashFadeOut{to{opacity:0;pointer-events:none}}.splash-inner{display:flex;flex-direction:column;align-items:center;gap:12px;animation:splashIn .4s ease}@keyframes splashIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.splash-logo{font-size:56px;filter:drop-shadow(0 0 24px rgba(99,102,241,.6));animation:logoPulse 1.2s ease infinite alternate}@keyframes logoPulse{0%{transform:scale(1);filter:drop-shadow(0 0 18px rgba(99,102,241,.5))}to{transform:scale(1.08);filter:drop-shadow(0 0 36px rgba(99,102,241,.9))}}.splash-name{font-size:28px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.splash-tagline{font-size:13px;color:var(--text-muted)}.splash-bar{width:180px;height:3px;background:var(--border);border-radius:99px;overflow:hidden;margin-top:8px}.splash-bar-fill{height:100%;width:0;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:99px;animation:splashProgress .65s ease forwards}@keyframes splashProgress{0%{width:0}60%{width:75%}to{width:100%}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skel{border-radius:8px;background:linear-gradient(90deg,var(--bg-card) 25%,var(--border) 50%,var(--bg-card) 75%);background-size:600px 100%;animation:shimmer 1.4s infinite linear}.skel-title{height:26px;width:200px;margin-bottom:8px}.skel-subtitle{height:16px;width:280px}.skel-icon{width:32px;height:32px;border-radius:50%;margin-bottom:12px}.skel-label{height:12px;width:70%;margin-bottom:8px}.skel-value{height:28px;width:55%;border-radius:6px}.skel-bar-label{height:16px;width:120px;margin-bottom:12px}.skel-progress{height:10px;width:100%;border-radius:99px}.skel-row{display:flex;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.skel-row:last-child{border-bottom:none}.skel-cell-sm{height:14px;width:70px;flex-shrink:0}.skel-cell-md{height:14px;width:110px;flex-shrink:0}.sidebar{width:240px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100;transition:transform .3s ease}.sidebar-logo{padding:24px 20px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.sidebar-logo .logo-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:18px}.sidebar-logo h1{font-size:18px;font-weight:700;color:var(--text-primary)}.sidebar-nav{padding:16px 12px;flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;margin-bottom:4px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;background:none;width:100%;text-align:left;position:relative}.nav-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nav-item.active{background:linear-gradient(90deg,var(--accent-light),transparent);color:var(--accent);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:3px;background:var(--accent);border-radius:0 4px 4px 0}.nav-item .nav-icon{font-size:18px;min-width:20px;transition:transform .2s}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-item.nav-import{margin-top:8px;border:1px solid transparent}.nav-item.nav-import:not(.active):hover{background:var(--accent-light);border-color:#6366f133;color:var(--accent)}.nav-item.nav-import.active{background:var(--accent-light);color:var(--accent);border-color:transparent}.sidebar-footer{padding:16px 12px;border-top:1px solid var(--border)}.user-info{display:flex;align-items:center;gap:10px}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.user-name{font-size:13px;font-weight:600;color:var(--text-primary)}.user-email{font-size:11px;color:var(--text-muted)}.logout-btn{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px;border-radius:6px;transition:color .2s}.logout-btn:hover{color:var(--red)}.theme-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;margin:0 0 8px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);cursor:pointer}.theme-toggle-label{font-size:12px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.toggle-pill{width:40px;height:22px;border-radius:11px;background:var(--border-light);position:relative;transition:background .3s ease;flex-shrink:0}.toggle-pill.on{background:var(--accent)}.toggle-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .3s ease;box-shadow:0 1px 4px #0000004d}.toggle-pill.on .toggle-knob{transform:translate(18px)}.page{padding:28px;margin-left:240px}.page-header{margin-bottom:28px}.page-title{font-size:24px;font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:14px;margin-top:4px}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;z-index:200;background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:14px 20px;align-items:center;justify-content:space-between}.hamburger{background:none;border:none;color:var(--text-primary);font-size:22px;cursor:pointer}.mobile-logo{font-size:18px;font-weight:700}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card-sm{padding:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:transform .2s,border-color .2s}.stat-card:hover{transform:translateY(-2px);border-color:var(--border-light)}.stat-label{font-size:12px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:26px;font-weight:700;margin-top:6px}.stat-icon{font-size:20px;margin-bottom:8px}.stat-green{color:var(--green)}.stat-red{color:var(--red)}.stat-accent{color:var(--accent)}.stat-yellow{color:var(--yellow)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s;text-decoration:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-danger{background:var(--red-light);color:var(--red);border:1px solid var(--red)}.btn-danger:hover{background:var(--red);color:#fff}.btn-ghost{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-sm{padding:6px 12px;font-size:13px}.btn-full{width:100%;justify-content:center}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:Inter,sans-serif;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.form-input::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:80px}.form-select option{background:var(--bg-secondary)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.trade-type-toggle{display:flex;gap:10px}.trade-type-btn{flex:1;padding:10px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;border:2px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);transition:all .2s}.trade-type-btn.buy.active{border-color:var(--green);background:var(--green-light);color:var(--green)}.trade-type-btn.sell.active{border-color:var(--red);background:var(--red-light);color:var(--red)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.badge-win{background:var(--green-light);color:var(--green)}.badge-loss{background:var(--red-light);color:var(--red)}.badge-breakeven{background:var(--yellow-light);color:var(--yellow)}.badge-buy{background:var(--green-light);color:var(--green)}.badge-sell{background:var(--red-light);color:var(--red)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}thead th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}tbody td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text-primary)}tbody tr{transition:background .15s}tbody tr:hover{background:var(--bg-card-hover)}tbody tr:last-child td{border-bottom:none}.chart-container{position:relative}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.analytics-page{display:flex;flex-direction:column;gap:20px}.analytics-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px}.period-pills{display:flex;gap:6px;flex-wrap:wrap}.period-pill{padding:7px 16px;border-radius:99px;font-size:13px;font-weight:600;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .2s}.period-pill:hover{border-color:var(--accent);color:var(--accent)}.period-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.today-banner{display:flex;align-items:center;gap:0;background:linear-gradient(135deg,#6366f114,#06b6d40f);border:1px solid rgba(99,102,241,.2);border-radius:14px;padding:14px 20px;overflow:hidden}.today-banner-label{font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:1px;padding-right:20px;margin-right:20px;border-right:1px solid var(--border);white-space:nowrap}.today-banner-item{display:flex;flex-direction:column;align-items:center;padding:0 20px;border-right:1px solid var(--border);flex:1}.today-banner-item:last-child{border-right:none}.today-banner-label-sm{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.today-banner-val{font-size:18px;font-weight:800}.analytics-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.analytics-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:18px 16px;display:flex;flex-direction:column;gap:6px;transition:all .2s;position:relative;overflow:hidden}.analytics-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:0;transition:opacity .2s}.analytics-stat-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #6366f11f}.analytics-stat-card:hover:before{opacity:1}.asc-icon{font-size:22px}.asc-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.asc-value{font-size:24px;font-weight:800;letter-spacing:-.5px}.asc-today{font-size:12px;font-weight:500}.today-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:99px}.today-badge.positive{background:#10b9811f;color:var(--green)}.today-badge.negative{background:#ef44441f;color:var(--red)}.today-badge.neutral{background:var(--bg-secondary);color:var(--text-muted)}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px 20px 16px}.charts-row{display:grid;grid-template-columns:1fr 360px;gap:16px}.chart-full{width:100%}.chart-card-header{margin-bottom:16px}.chart-card-title{font-size:14px;font-weight:700}.chart-card-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.chart-empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px}.analytics-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.insights-card{grid-column:1 / -1}.perf-list{display:flex;flex-direction:column;gap:2px}.perf-row{display:grid;grid-template-columns:90px 1fr auto;grid-template-rows:auto auto;gap:4px 12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.perf-row:last-child{border-bottom:none}.perf-row-name{font-size:13px;font-weight:700;color:var(--accent)}.perf-row-stats{display:flex;gap:6px;flex-wrap:wrap}.perf-chip{font-size:11px;padding:2px 8px;border-radius:99px;background:var(--bg-secondary);color:var(--text-secondary)}.perf-chip.green{background:#10b9811a;color:var(--green)}.perf-row-pnl{font-size:14px;font-weight:700;text-align:right}.perf-bar-wrap{grid-column:1 / -1;height:3px;background:var(--border);border-radius:99px;overflow:hidden}.perf-bar-fill{height:100%;border-radius:99px;transition:width .6s ease}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.insight-item{display:flex;align-items:flex-start;gap:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:14px}.insight-icon{font-size:22px;flex-shrink:0}.insight-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.insight-value{font-size:14px;font-weight:700}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);background-image:radial-gradient(ellipse at 20% 50%,var(--auth-glow1) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,var(--auth-glow2) 0%,transparent 50%)}.auth-card{width:100%;max-width:420px;margin:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:40px;box-shadow:var(--shadow)}.auth-logo{text-align:center;margin-bottom:32px}.auth-logo .logo-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--accent),#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 12px}.auth-logo h1{font-size:24px;font-weight:800}.auth-logo p{color:var(--text-muted);font-size:14px;margin-top:4px}.auth-switch{text-align:center;margin-top:20px;font-size:14px;color:var(--text-secondary)}.auth-switch a{color:var(--accent);cursor:pointer;font-weight:500}.calc-preview{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.calc-item .calc-label{font-size:11px;color:var(--text-muted);font-weight:500}.calc-item .calc-value{font-size:15px;font-weight:700;margin-top:2px}.empty-state{text-align:center;padding:60px 20px}.empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:18px;font-weight:600;color:var(--text-secondary)}.empty-state p{font-size:14px;color:var(--text-muted);margin-top:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-title{font-size:18px;font-weight:700}.modal-close{background:none;border:none;color:var(--text-muted);font-size:22px;cursor:pointer}.modal-close:hover{color:var(--text-primary)}.filters-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;align-items:center}.filter-input{padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;min-width:140px}.filter-input:focus{outline:none;border-color:var(--accent)}.pagination{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:20px}.page-btn{padding:7px 14px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;font-size:13px;transition:all .2s}.page-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .5s ease}.loading{display:flex;align-items:center;justify-content:center;padding:60px}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tabs{display:flex;gap:4px;background:var(--bg-secondary);border-radius:var(--radius-sm);padding:4px;margin-bottom:24px}.tab-btn{flex:1;padding:8px 12px;border:none;background:none;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s}.tab-btn.active{background:var(--bg-card);color:var(--text-primary)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:13px;color:var(--text-muted)}.detail-value{font-size:14px;font-weight:600}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1)}.sidebar.open{transform:translate(0);box-shadow:8px 0 32px #0006}.sidebar-overlay.open{display:block}.mobile-header{display:flex}.page{margin-left:0;padding:72px 14px 32px}.page-header{margin-bottom:16px}.page-title{font-size:20px}.page-subtitle{font-size:13px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px 12px}.stat-value{font-size:20px}.stat-label{font-size:10px}.analytics-page{gap:14px}.analytics-header{flex-direction:column;gap:10px}.period-pills{width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.period-pill{flex-shrink:0;padding:6px 14px;font-size:12px}.analytics-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.analytics-stat-card{padding:14px 12px}.asc-value{font-size:20px}.asc-label{font-size:10px}.asc-today{font-size:11px}.charts-row,.analytics-bottom-grid{grid-template-columns:1fr;gap:12px}.insights-card{grid-column:1}.insights-grid{grid-template-columns:1fr;gap:10px}.insight-item{padding:12px}.chart-card{padding:14px 14px 12px}.perf-row{grid-template-columns:80px 1fr auto}.today-banner{padding:12px 14px;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:0;scrollbar-width:none}.today-banner::-webkit-scrollbar{display:none}.today-banner-label{font-size:11px;padding-right:14px;margin-right:14px}.today-banner-item{padding:0 14px;min-width:75px}.today-banner-val{font-size:15px}.charts-grid{grid-template-columns:1fr;gap:12px}.filters-bar{gap:8px;flex-wrap:wrap}.filter-input{min-width:0;flex:1 1 140px;font-size:13px}.form-grid,.form-grid-3{grid-template-columns:1fr}.trade-type-toggle{gap:6px}.trade-type-btn{font-size:13px;padding:10px}.calc-preview{grid-template-columns:repeat(2,1fr);gap:10px}.calc-item{padding:12px 10px}.desktop-table{display:none!important}.mobile-cards{display:flex!important}.perf-table-desktop{display:none!important}.perf-cards-mobile{display:flex!important}.modal-overlay{padding:0;align-items:flex-end}.modal{border-radius:20px 20px 0 0;max-width:100%!important;width:100%!important;max-height:92vh;overflow-y:auto;padding:20px 16px 32px}.modal-header{margin-bottom:16px}.import-tab-bar{padding:14px 0 0;gap:6px}.import-tab-btn{font-size:13px;padding:9px 14px}.broker-grid{grid-template-columns:1fr;gap:12px}.import-steps{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.import-steps::-webkit-scrollbar{display:none}.step-line{width:24px;flex-shrink:0}.import-body{flex-direction:column;padding:16px 0}.sync-tab-body{padding:16px 0}.sync-brokers-grid,.cm-row2{grid-template-columns:1fr}.connect-modal{margin:0;max-width:100%;border-radius:20px 20px 0 0}.win-rate-section{flex-direction:column;gap:12px}.progress-bar-wrap{width:100%}.trade-card{padding:12px 14px}.trade-card-symbol,.trade-card-pnl{font-size:15px}.auth-card{padding:24px 18px;margin:12px}.btn-full{width:100%}.page-header .btn{font-size:13px;padding:8px 14px}.pagination{gap:4px;flex-wrap:wrap;justify-content:center}.page-btn{padding:6px 10px;font-size:12px}}@media (max-width: 480px){.page{padding:68px 12px 24px}.stats-grid,.analytics-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-value,.asc-value{font-size:18px}.insights-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column}.filter-input{width:100%;flex:none}.today-banner-label{display:none}.period-pill{font-size:11px;padding:5px 10px}.trade-type-toggle{flex-direction:column}.trade-type-btn{width:100%}.calc-preview{grid-template-columns:repeat(2,1fr)}.mobile-header{padding:0 12px}.broker-grid{grid-template-columns:1fr}.chart-card{padding:12px 10px 10px}}.mobile-cards{display:none;flex-direction:column;gap:12px}.trade-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;cursor:pointer;transition:border-color .2s,transform .15s}.trade-card:hover{border-color:var(--border-light);transform:translateY(-1px)}.trade-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.trade-card-symbol{font-size:16px;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:8px}.trade-card-pnl{font-size:16px;font-weight:800}.trade-card-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary);margin-bottom:4px}.trade-card-row:last-child{margin-bottom:0}.trade-card-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.trade-card-actions .btn{flex:1;justify-content:center}.perf-table-desktop{display:block}.perf-cards-mobile{display:none;flex-direction:column;gap:10px}.perf-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px}.perf-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.perf-card-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary);padding:4px 0}@media (max-width: 768px){.perf-table-desktop{display:none!important}.perf-cards-mobile{display:flex!important}}.import-page{padding-bottom:60px}.import-header{padding:28px 32px 0;display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}.back-btn{display:flex;align-items:center;gap:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;margin-top:4px}.back-btn:hover{border-color:var(--accent);color:var(--accent)}.import-title-block{flex:1}.import-title{font-size:28px;font-weight:800;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#f1f5f9,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.import-icon-glow{font-size:32px;-webkit-text-fill-color:initial;filter:drop-shadow(0 0 12px rgba(99,102,241,.6))}.import-subtitle{color:var(--text-muted);font-size:14px;margin-top:4px}.import-steps{display:flex;align-items:center;padding:20px 0 0;gap:0}.step-item{display:flex;align-items:center;gap:10px;position:relative}.step-circle{width:32px;height:32px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text-muted);transition:all .3s;flex-shrink:0}.step-item.active .step-circle{border-color:var(--accent);background:var(--accent-light);color:var(--accent);box-shadow:0 0 0 4px #6366f126}.step-item.done .step-circle{border-color:var(--green);background:var(--green-light);color:var(--green)}.step-label{font-size:13px;font-weight:500;color:var(--text-muted);white-space:nowrap}.step-item.active .step-label{color:var(--text-primary);font-weight:600}.step-item.done .step-label{color:var(--green)}.step-line{width:48px;height:2px;background:var(--border);margin:0 8px;transition:background .3s}.step-line.done{background:var(--green)}.import-body{padding:24px 0;display:flex;gap:24px;align-items:flex-start}.step-content{flex:1}.step-content.wide{max-width:100%}.step-content.center{text-align:center}.step-heading{font-size:20px;font-weight:700;margin-bottom:6px}.step-desc{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.broker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:28px}.broker-card{position:relative;background:var(--bg-card);border:2px solid var(--border);border-radius:16px;padding:20px;cursor:pointer;text-align:left;transition:all .25s;overflow:hidden}.broker-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--broker-gradient);opacity:0;transition:opacity .3s;border-radius:14px}.broker-card:hover{border-color:var(--broker-color, var(--accent));transform:translateY(-3px)}.broker-card:hover:before{opacity:.08}.broker-card.selected{border-color:var(--broker-color, var(--accent))}.broker-card.selected:before{opacity:.12}.popular-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase}.broker-icon{font-size:28px;margin-bottom:10px;position:relative}.broker-name{font-size:16px;font-weight:700;margin-bottom:6px;position:relative}.broker-desc{font-size:12px;color:var(--text-muted);margin-bottom:12px;line-height:1.5;position:relative}.broker-fields{position:relative}.fields-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:4px}.fields-text{font-size:11px;color:var(--text-secondary);font-family:monospace;line-height:1.6}.broker-check{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:var(--broker-color, var(--accent));display:flex;align-items:center;justify-content:center;color:#fff}.instructions-box{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:20px;transition:border-color .3s}.inst-icon{font-size:22px;flex-shrink:0}.inst-title{font-size:13px;font-weight:600;margin-bottom:4px}.inst-text{font-size:13px;color:var(--text-muted);line-height:1.5}.drop-zone{border:2px dashed var(--border);border-radius:16px;padding:48px 32px;text-align:center;cursor:pointer;transition:all .25s;margin-bottom:24px;background:var(--bg-card);position:relative}.drop-zone:hover,.drop-zone.drag-active{border-color:var(--accent);background:var(--accent-light);transform:scale(1.01)}.drop-zone.has-file{padding:24px;cursor:default}.drop-icon{font-size:40px;margin-bottom:12px}.drop-title{font-size:16px;font-weight:600;margin-bottom:6px}.drop-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:10px}.drop-formats{display:inline-block;background:var(--bg-secondary);border:1px solid var(--border);padding:4px 14px;border-radius:20px;font-size:12px;color:var(--text-muted)}.file-selected{display:flex;align-items:center;gap:16px}.file-icon{font-size:32px}.file-info{flex:1;text-align:left}.file-name{font-size:15px;font-weight:600}.file-size{font-size:12px;color:var(--text-muted);margin-top:2px}.file-remove{background:var(--red-light);border:1px solid var(--red);color:var(--red);border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .2s}.file-remove:hover{background:var(--red);color:#fff}.step-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.step-actions.center-actions{justify-content:center}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-success{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.btn-success:disabled{opacity:.5;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.preview-table-wrapper{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:24px;background:var(--bg-card)}.preview-table{width:100%;border-collapse:collapse;font-size:13px}.preview-table thead th{padding:12px 14px;background:var(--bg-secondary);color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);text-align:left}.preview-table tbody td{padding:11px 14px;border-bottom:1px solid var(--border)}.preview-table tbody tr:last-child td{border-bottom:none}.preview-table tbody tr:hover{background:var(--bg-card-hover)}.row-num{color:var(--text-muted);width:40px}.symbol-cell{font-weight:700;color:var(--accent)}.type-badge{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase}.type-badge.buy{background:var(--green-light);color:var(--green)}.type-badge.sell{background:var(--red-light);color:var(--red)}.source-badge{padding:2px 8px;border-radius:20px;font-size:10px;font-weight:600;background:var(--accent-light);color:var(--accent);text-transform:uppercase}.success-animation{margin-bottom:24px}.success-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#059669,#10b981);display:flex;align-items:center;justify-content:center;margin:0 auto;color:#fff;box-shadow:0 0 #10b98166;animation:pulse-green 2s infinite}@keyframes pulse-green{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 20px #10b98100}to{box-shadow:0 0 #10b98100}}.result-stats{display:flex;gap:16px;justify-content:center;margin:24px 0;flex-wrap:wrap}.result-stats .stat-card{width:100px;text-align:center;padding:16px;border-radius:var(--radius);border:1px solid var(--border)}.result-stats .stat-card.green{border-color:var(--green);background:var(--green-light)}.result-stats .stat-card.yellow{border-color:var(--yellow);background:var(--yellow-light)}.result-stats .stat-card.blue{border-color:var(--accent);background:var(--accent-light)}.result-stats .stat-num{font-size:28px;font-weight:800}.result-stats .stat-card.green .stat-num{color:var(--green)}.result-stats .stat-card.yellow .stat-num{color:var(--yellow)}.result-stats .stat-card.blue .stat-num{color:var(--accent)}.result-stats .stat-label{font-size:12px;color:var(--text-muted);font-weight:500;margin-top:4px}.error-details{background:var(--red-light);border:1px solid var(--red);border-radius:var(--radius-sm);padding:14px;margin:16px 0;text-align:left;max-width:500px;margin-inline:auto}.error-title{font-size:13px;font-weight:600;color:var(--red);margin-bottom:8px}.error-row{font-size:12px;color:var(--text-secondary);padding:3px 0}.import-history-panel{width:260px;flex-shrink:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;height:fit-content}.history-title{font-size:14px;font-weight:700;margin-bottom:14px}.history-item{padding:10px 0;border-bottom:1px solid var(--border)}.history-item:last-child{border-bottom:none}.history-source{font-size:13px;font-weight:600;color:var(--accent);margin-bottom:4px}.history-meta{font-size:12px;color:var(--text-muted);display:flex;flex-direction:column;gap:2px}@media (max-width: 768px){.step-label{display:none}.step-item.active .step-label{display:block}.import-history-panel{width:100%}.step-actions,.sbc-actions{flex-direction:column}}.import-tab-bar{display:flex;gap:8px;padding:16px 0 0}.import-tab-btn{display:flex;align-items:center;gap:8px;padding:10px 22px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.import-tab-btn:hover{border-color:var(--accent);color:var(--accent)}.import-tab-btn.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent);font-weight:600}.tab-badge{background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:20px}.sync-tab-body{padding:24px 0}.sync-header-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.sync-brokers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.sync-broker-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:border-color .2s,transform .2s}.sync-broker-card:hover{border-color:var(--sc, var(--accent));transform:translateY(-2px)}.sync-broker-card.coming-soon{opacity:.55;pointer-events:none}.sbc-top{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--border)}.sbc-icon{font-size:28px;flex-shrink:0}.sbc-info{flex:1}.sbc-name{font-size:16px;font-weight:700;margin-bottom:3px}.sbc-desc{font-size:12px;color:var(--text-muted)}.sbc-status{font-size:12px;font-weight:600;white-space:nowrap;padding:4px 10px;border-radius:20px}.sbc-status.connected{background:var(--green-light);color:var(--green)}.sbc-status.disconnected{background:var(--border);color:var(--text-muted)}.sbc-status.soon{background:var(--yellow-light);color:var(--yellow)}.sbc-connected-body{padding:18px 20px}.sbc-meta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.sbc-meta-item{display:flex;flex-direction:column;gap:2px}.sbc-meta-label{font-size:10px;color:var(--text-muted);font-weight:600;text-transform:uppercase}.sbc-meta-val{font-size:13px;font-weight:600}.account-badge{background:var(--accent-light);color:var(--accent);padding:2px 8px;border-radius:20px;font-size:11px}.sync-result-box{background:var(--green-light);border:1px solid var(--green);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:14px}.sync-result-msg{font-size:13px;font-weight:600;color:var(--green);margin-bottom:6px}.sync-result-stats{display:flex;gap:16px;font-size:12px;color:var(--text-secondary)}.sbc-actions{display:flex;gap:10px}.btn-sync{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--sc, var(--accent)),rgba(99,102,241,.7));color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-sync:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}.btn-sync:disabled{opacity:.6;cursor:not-allowed}.btn-disconnect{padding:11px 16px;border-radius:var(--radius-sm);background:var(--red-light);border:1px solid var(--red);color:var(--red);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-disconnect:hover{background:var(--red);color:#fff}.sbc-connect-body{padding:18px 20px}.sbc-feature-list{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.sbc-feature{font-size:13px;color:var(--text-secondary)}.btn-connect-broker{width:100%;padding:12px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--sc, var(--accent)),rgba(99,102,241,.6));color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-connect-broker:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f14d}.connect-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;width:100%;max-width:480px;box-shadow:0 24px 60px #0006;overflow:hidden}.cm-header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--border)}.cm-title{font-size:18px;font-weight:700;margin-bottom:4px}.cm-subtitle{font-size:12px;color:var(--text-muted)}.cm-body{padding:22px 24px;display:flex;flex-direction:column;gap:16px}.cm-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end}.cm-field{display:flex;flex-direction:column;gap:6px}.cm-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.cm-input{padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;transition:border-color .2s}.cm-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.cm-input::placeholder{color:var(--text-muted)}.acct-toggle{display:flex;gap:8px}.acct-btn{flex:1;padding:9px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:2px solid var(--border);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.acct-btn.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.acct-btn.live.active{border-color:var(--green);background:var(--green-light);color:var(--green)}.cm-optional-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;display:flex;flex-direction:column;gap:10px}.cm-optional-label{font-size:12px;font-weight:600;color:var(--text-muted)}.cm-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cm-hint{font-size:11px;color:var(--text-muted)}.cm-hint a{color:var(--accent);text-decoration:none}.cm-hint a:hover{text-decoration:underline}.cm-security-note{font-size:12px;color:var(--text-muted);background:var(--accent-light);border-radius:var(--radius-sm);padding:10px 14px;border:1px solid var(--accent);opacity:.8}.prop-firm-warning{display:flex;gap:12px;align-items:flex-start;background:#f59e0b14;border:1px solid var(--yellow);border-radius:var(--radius-sm);padding:14px}.pfw-icon{font-size:20px;flex-shrink:0;margin-top:2px}.pfw-title{font-size:13px;font-weight:700;color:var(--yellow);margin-bottom:6px}.pfw-msg{font-size:12px;color:var(--text-secondary);line-height:1.6;margin-bottom:10px}.pfw-switch-btn{padding:7px 14px;border-radius:var(--radius-sm);background:var(--yellow);color:#000;font-size:12px;font-weight:700;border:none;cursor:pointer;transition:all .2s}.pfw-switch-btn:hover{background:#d97706}.cm-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--border)}.cm-header-left{display:flex;align-items:center;gap:12px}.cm-broker-icon{font-size:26px}.cm-close-btn{width:30px;height:30px;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.cm-close-btn:hover{background:var(--red-light);border-color:var(--red);color:var(--red)}.cm-input-warn{border-color:var(--yellow)!important;background:#f59e0b0d!important}.cm-advanced{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.cm-advanced-toggle{padding:11px 14px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;list-style:none;background:var(--bg-secondary)}.cm-advanced-toggle::-webkit-details-marker{display:none}.cm-advanced-toggle:hover{color:var(--text-primary)}.cm-advanced-body{padding:14px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.pf-screen{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 0 8px;gap:14px}.pf-icon-wrap{width:64px;height:64px;border-radius:50%;background:#f59e0b1a;border:2px solid var(--yellow);display:flex;align-items:center;justify-content:center}.pf-icon{font-size:28px}.pf-firm-name{font-size:16px;font-weight:700;color:var(--yellow)}.pf-explanation{font-size:13px;color:var(--text-secondary);line-height:1.6;max-width:360px}.pf-why-box{width:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;text-align:left}.pf-why-title{font-size:12px;font-weight:700;color:var(--accent);margin-bottom:5px}.pf-why-text{font-size:12px;color:var(--text-muted);line-height:1.5}.pf-solution{width:100%;background:#10b9810d;border:1px solid var(--green);border-radius:var(--radius-sm);padding:14px;text-align:left}.pf-solution-title{font-size:12px;font-weight:700;color:var(--green);margin-bottom:10px}.pf-steps{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.pf-step{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary)}.pf-step-num{width:22px;height:22px;border-radius:50%;flex-shrink:0;background:var(--green);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.pf-switch-btn{width:100%;padding:11px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.pf-switch-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98159}.spinner-dark{width:14px;height:14px;display:inline-block;border:2px solid rgba(0,0,0,.2);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}.add-trade-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:28px;padding:0 12px}.step-dot{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.step-dot:after{content:"";position:absolute;top:15px;left:calc(50% + 18px);width:48px;height:2px;background:var(--border);transition:background .3s}.step-dot:last-child:after{display:none}.step-dot.done:after{background:var(--green)}.step-dot-circle{width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text-muted);transition:all .3s;margin:0 40px}.step-dot.active .step-dot-circle{border-color:var(--accent);background:var(--accent-light);color:var(--accent);box-shadow:0 0 0 4px #6366f126}.step-dot.done .step-dot-circle{border-color:var(--green);background:var(--green-light);color:var(--green)}.step-dot-label{font-size:11px;font-weight:500;color:var(--text-muted)}.step-dot.active .step-dot-label{color:var(--accent);font-weight:600}.step-dot.done .step-dot-label{color:var(--green)}.emotion-step{display:flex;flex-direction:column;gap:20px}.emotion-step-header{text-align:center;padding-bottom:4px}.emotion-step-icon{font-size:40px;margin-bottom:8px}.emotion-step-title{font-size:20px;font-weight:700;margin-bottom:4px}.emotion-step-desc{font-size:14px;color:var(--text-secondary)}.emotion-slider-group{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;transition:border-color .2s}.emotion-slider-group:hover{border-color:var(--border-light)}.emotion-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.emotion-slider-label{font-size:14px;font-weight:600}.emotion-slider-emoji{font-size:24px;transition:all .2s}.emotion-range{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,var(--track-color, var(--accent)) 0%,var(--track-color, var(--accent)) calc((var(--val, 3) - 1) / 4 * 100%),var(--border) calc((var(--val, 3) - 1) / 4 * 100%));outline:none;cursor:pointer;margin-bottom:8px}.emotion-range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--track-color, var(--accent));border:3px solid var(--bg-card);box-shadow:0 2px 8px #0000004d;transition:transform .15s;cursor:pointer}.emotion-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.emotion-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--track-color, var(--accent));border:3px solid var(--bg-card);cursor:pointer}.emotion-slider-ticks{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted)}.emotion-actions{display:flex;flex-direction:column;gap:0}.plan-toggle-group{display:flex;gap:8px}.plan-toggle-btn{flex:1;padding:10px 8px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:2px solid var(--border);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.plan-toggle-btn:hover{border-color:var(--border-light)}.plan-toggle-btn[data-val=yes].active{border-color:var(--green);background:var(--green-light);color:var(--green)}.plan-toggle-btn[data-val=partially].active{border-color:var(--yellow);background:var(--yellow-light);color:var(--yellow)}.plan-toggle-btn[data-val=no].active{border-color:var(--red);background:var(--red-light);color:var(--red)}.bias-tags-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.bias-tag{padding:6px 14px;border-radius:20px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.bias-tag:hover{border-color:var(--accent);color:var(--accent)}.bias-tag.active{border-color:var(--red);background:var(--red-light);color:var(--red);font-weight:600}.streak-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-top:24px}.streak-section{padding:20px 24px;border-bottom:1px solid var(--border)}.streak-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.streak-title{font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px}.streak-flame{font-size:20px;filter:grayscale(.5);transition:filter .3s}.streak-flame.active{filter:grayscale(0);animation:flamePulse 2s ease-in-out infinite}@keyframes flamePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.streak-badge-count{font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-light);padding:3px 10px;border-radius:20px}.streak-stats{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:14px 20px;margin-bottom:12px}.streak-stat{flex:1;text-align:center}.streak-stat-value{font-size:28px;font-weight:800;color:var(--text-primary);line-height:1}.streak-stat-label{font-size:11px;color:var(--text-muted);font-weight:500;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.streak-divider{width:1px;height:40px;background:var(--border);flex-shrink:0}.streak-status{font-size:13px;font-weight:500;padding:8px 14px;border-radius:var(--radius-sm);margin-bottom:16px;text-align:center}.streak-status.active{background:#10b98114;border:1px solid var(--green);color:var(--green)}.streak-status.inactive{background:#f59e0b14;border:1px solid var(--yellow);color:var(--yellow)}.streak-week{display:flex;justify-content:space-between;gap:6px}.streak-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px}.streak-day-dot{width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border);transition:all .3s}.streak-day.filled .streak-day-dot{background:linear-gradient(135deg,#f97316,#ef4444);border-color:#f97316;box-shadow:0 0 10px #f9731666}.streak-day.today .streak-day-dot{border-color:var(--accent);box-shadow:0 0 0 3px #6366f133}.streak-day-label{font-size:11px;color:var(--text-muted);font-weight:600}.streak-day.today .streak-day-label{color:var(--accent)}.badges-section{padding:20px 24px}.badges-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.badges-title{font-size:16px;font-weight:700}.badges-progress-text{font-size:12px;color:var(--text-muted)}.badges-progress-bar{height:4px;background:var(--border);border-radius:2px;margin-bottom:16px;overflow:hidden}.badges-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#a855f7);border-radius:2px;transition:width .6s ease}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.badge-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:help;transition:all .2s;text-align:center}.badge-item.earned{background:linear-gradient(135deg,var(--bg-secondary),rgba(99,102,241,.05));border-color:var(--accent)}.badge-item.earned:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f133}.badge-item.locked{background:var(--bg-secondary);opacity:.45}.badge-item-icon{font-size:22px}.badge-item-name{font-size:10px;font-weight:600;color:var(--text-secondary);line-height:1.3}.badge-item.earned .badge-item-name{color:var(--text-primary)}.badge-item-date{font-size:10px;color:var(--text-muted)}.spc-page{max-width:1200px}.spc-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:12px}.spc-page-title{font-size:28px;font-weight:900;letter-spacing:-.8px;background:linear-gradient(135deg,var(--text-primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.spc-page-sub{font-size:14px;color:var(--text-secondary);margin-top:4px}.spc-page-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:99px;background:var(--accent-light);color:var(--accent);font-size:13px;font-weight:700;border:1px solid rgba(99,102,241,.2)}.spc-layout{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}.spc-sidebar{display:flex;flex-direction:column;gap:20px}.spc-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:20px;box-shadow:0 4px 20px #00000014}.spc-panel-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border)}.spc-panel-icon{font-size:20px}.spc-panel-title{font-size:15px;font-weight:700;color:var(--text-primary)}.spc-thumb-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.spc-thumb{background:var(--bg-secondary);border:2px solid var(--border);border-radius:14px;padding:0;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;text-align:left}.spc-thumb:hover{transform:translateY(-2px);border-color:var(--border-light);box-shadow:0 8px 20px #00000026}.spc-thumb-active{border-color:var(--thumb-accent, var(--accent));box-shadow:0 0 0 3px #6366f126,0 8px 24px #0003;transform:translateY(-2px)}.spc-thumb-preview{height:72px;padding:10px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.spc-thumb-line-1{height:3px;border-radius:2px;width:60%;margin-bottom:6px;opacity:.6}.spc-thumb-pnl{font-size:18px;font-weight:900;letter-spacing:-.5px}.spc-thumb-dots{display:flex;gap:4px;margin-top:6px}.spc-thumb-dot{width:20px;height:6px;border-radius:3px}.spc-thumb-info{padding:8px 10px;display:flex;align-items:center;gap:6px;background:var(--bg-card);border-top:1px solid var(--border)}.spc-thumb-emoji{font-size:14px}.spc-thumb-name{font-size:12px;font-weight:700;color:var(--text-primary)}.spc-thumb-check{position:absolute;top:6px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--thumb-accent, var(--accent));color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d}.spc-actions-compact{display:flex;gap:12px;margin-top:20px;justify-content:center;width:100%}.spc-btn-compact{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:12px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex:1;max-width:240px}.spc-btn-compact:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.spc-btn-compact:disabled{opacity:.5;cursor:not-allowed}.spc-btn-download{background:linear-gradient(135deg,#10b98114,#34d3990f);border-color:#10b98133}.spc-btn-download:hover:not(:disabled){border-color:#10b98166;box-shadow:0 4px 16px #10b98126}.spc-btn-share{background:linear-gradient(135deg,#0ea5e914,#38bdf80f);border-color:#0ea5e933}.spc-btn-share:hover:not(:disabled){border-color:#0ea5e966;box-shadow:0 4px 16px #0ea5e926}.spc-toast{padding:12px 16px;border-radius:12px;font-size:13px;font-weight:600;margin-top:12px;text-align:center;animation:spcFadeUp .3s cubic-bezier(.4,0,.2,1)}.spc-toast-ok{background:#10b9811f;color:var(--green);border:1px solid rgba(16,185,129,.25)}.spc-toast-err{background:#ef44441f;color:var(--red);border:1px solid rgba(239,68,68,.25)}.spc-preview-area{display:flex;flex-direction:column;gap:16px}.spc-preview-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-muted)}.spc-preview-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e;animation:spcPulse 2s ease infinite}.spc-preview-stage{display:flex;justify-content:center;align-items:flex-start;background:repeating-conic-gradient(var(--bg-secondary) 0% 25%,var(--bg-primary) 0% 50%) 0 0 / 20px 20px;border:1px solid var(--border);border-radius:20px;padding:40px 24px;min-height:480px}.spc-card{width:100%;max-width:460px;border-radius:22px;padding:26px;position:relative;overflow:hidden;transition:box-shadow .4s ease}.spc-blob{position:absolute;border-radius:50%;pointer-events:none}.spc-blob-1{top:-80px;right:-80px;width:220px;height:220px;filter:blur(60px)}.spc-blob-2{bottom:-80px;left:-60px;width:200px;height:200px;filter:blur(50px)}.spc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;position:relative;z-index:2}.spc-brand{display:flex;align-items:center;gap:8px;font-weight:900;font-size:17px}.spc-brand-icon{font-size:22px}.spc-brand-dot{width:6px;height:6px;border-radius:50%;animation:spcPulse 1.5s ease infinite}.spc-username{font-size:13px;font-weight:600;padding:5px 12px;border-radius:99px;border:1px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spc-hero{text-align:center;margin-bottom:18px;padding:20px;border-radius:16px;border:1px solid;position:relative;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spc-hero-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px}.spc-hero-value{font-size:48px;font-weight:900;letter-spacing:-1.5px;line-height:1;margin-bottom:12px}.spc-hero-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;border-radius:99px;border:1px solid}.spc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;position:relative;z-index:2}.spc-stat{text-align:center;border-radius:12px;padding:12px 6px;border:1px solid;transition:transform .2s}.spc-stat-value{font-size:19px;font-weight:900;line-height:1.2;margin-bottom:4px;letter-spacing:-.5px}.spc-stat-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.75}.spc-footer{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top-width:1px;border-top-style:solid;font-size:11px;font-weight:600;position:relative;z-index:2;opacity:.85}.spc-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.spc-loading-card{width:100%;max-width:480px;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:28px;position:relative;overflow:hidden}.spc-loading-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(99,102,241,.05),transparent);animation:shimmer 1.4s infinite linear;background-size:600px 100%}@keyframes spcFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes spcPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@media (max-width: 1024px){.spc-layout{grid-template-columns:300px 1fr}}@media (max-width: 860px){.spc-layout{display:flex;flex-direction:column;gap:16px}.spc-preview-area{order:-1}.spc-sidebar{order:1}.spc-preview-stage{padding:24px 16px;min-height:auto}.spc-thumb-grid{grid-template-columns:repeat(3,1fr)}.spc-actions-compact{margin-top:16px}}@media (max-width: 560px){.spc-page{padding:16px;width:100%;box-sizing:border-box;overflow-x:hidden}.spc-page-header{margin-bottom:24px}.spc-page-title{font-size:24px}.spc-sidebar{width:100%;gap:16px}.spc-panel{padding:16px;width:100%;box-sizing:border-box}.spc-thumb-grid{grid-template-columns:repeat(2,1fr);gap:10px}.th-preview{height:54px;font-size:24px}.th-info{padding:8px}.th-name{font-size:11px}.th-hint{font-size:9px}.spc-size-grid{grid-template-columns:repeat(2,1fr);gap:10px}.spc-size-btn{padding:12px 8px;border-radius:14px;gap:4px}.ssz-ratio{font-size:16px}.spc-preview-area{width:100%;overflow:hidden;box-sizing:border-box}.spc-preview-stage{padding:24px 0;zoom:.65;display:flex;justify-content:center}}@media (max-width: 400px){.spc-preview-stage{zoom:.55}.spc-thumb-grid,.spc-size-grid{gap:8px}}@media (max-width: 768px){.add-trade-steps{gap:0}.step-dot-circle{margin:0 28px}.step-dot:after{width:30px}.plan-toggle-group{flex-direction:column}.plan-toggle-btn{width:100%}.streak-section,.badges-section{padding:16px}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}}@media (max-width: 480px){.streak-week{gap:4px}.streak-day-dot{width:28px;height:28px}.badges-grid{grid-template-columns:repeat(3,1fr)}}.spc-card-wrap{display:flex;justify-content:center;border-radius:24px;overflow:hidden}.sz-square{width:460px;min-height:460px}.sz-portrait{width:360px;min-height:640px}.sz-compact{width:520px;min-height:280px}.sz-wide{width:600px;min-height:260px}.spc-size-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.spc-size-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;border-radius:16px;border:2px solid var(--border);background:var(--bg-secondary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:var(--text-secondary);box-shadow:0 2px 8px #0000000f}.spc-size-btn:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.spc-size-btn.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent);box-shadow:0 0 0 3px #6366f11f,0 6px 20px #6366f126;transform:translateY(-2px)}.ssz-ratio{font-size:20px;line-height:1}.ssz-label{font-size:12px;font-weight:700;color:inherit}.ssz-px{font-size:10px;color:var(--text-muted)}.spc-custom-section{margin-bottom:14px}.spc-custom-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.spc-accents{display:flex;gap:8px;flex-wrap:wrap}.spc-accent-dot{width:28px;height:28px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all .2s;outline:none}.spc-accent-dot.active{border-color:#fff;box-shadow:0 0 0 2px var(--c,var(--accent)),0 4px 12px #0003;transform:scale(1.15)}.spc-toggles{display:flex;flex-direction:column;gap:8px}.spc-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:10px;cursor:pointer;background:var(--bg-secondary);border:1px solid var(--border);transition:border-color .2s}.spc-toggle-row:hover{border-color:var(--border-light)}.spc-toggle-lbl{font-size:13px;font-weight:600;color:var(--text-primary)}.spc-pill{width:36px;height:20px;border-radius:10px;background:var(--border-light);position:relative;transition:background .3s;flex-shrink:0}.spc-pill.on{background:var(--acc,var(--accent))}.spc-knob{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .3s;box-shadow:0 1px 4px #0000004d}.spc-pill.on .spc-knob{transform:translate(16px)}.th-preview{height:68px;display:flex;align-items:center;justify-content:center;font-size:28px;position:relative;overflow:hidden}.th-emoji{position:relative;z-index:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.th-info{padding:6px 10px;background:var(--bg-card);border-top:1px solid var(--border)}.th-name{font-size:11px;font-weight:700;color:var(--text-primary)}.th-hint{font-size:10px;color:var(--text-muted);margin-top:1px}.th-check{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.th-minimal{background:linear-gradient(135deg,#0f172a,#1e3a5f)}.th-neon{background:linear-gradient(135deg,#000,#001a0a);border:1px solid #00ff8833}.th-achieve{background:linear-gradient(135deg,#1c0a00,#2d1a00)}.th-story{background:linear-gradient(160deg,#1e0a3c,#0a1628)}.th-luxury{background:linear-gradient(135deg,#080808,#141414);border:1px solid rgba(226,185,111,.2)}.th-glass{background:linear-gradient(135deg,#4c1d95,#1e3a8a)}.c-minimal{background:#0f172a;color:#f1f5f9;font-family:Inter,sans-serif;padding:28px;display:flex;flex-direction:column;width:100%;height:100%;min-height:inherit;--mn-text:#f1f5f9;border-radius:24px;overflow:hidden}.mn-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.mn-brand{font-size:15px;font-weight:800;color:var(--acc,#818cf8);letter-spacing:-.3px}.mn-right{display:flex;align-items:center;gap:10px}.mn-user{font-size:12px;font-weight:600;color:#64748b;background:#1e293b;padding:3px 10px;border-radius:99px}.mn-date{font-size:11px;color:#475569}.mn-div{height:1px;background:var(--acc,#818cf8);opacity:.25;margin:0 0 20px}.mn-hero{text-align:center;padding:20px 0}.mn-label{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#64748b;margin-bottom:8px}.mn-pnl{font-size:52px;font-weight:900;letter-spacing:-2px;line-height:1;margin-bottom:8px}.mn-sub{font-size:12px;font-weight:600;letter-spacing:.5px}.mn-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:4px}.mn-stat{text-align:center;padding:14px 8px;border-right:1px solid #1e293b;border-top:1px solid #1e293b}.mn-stat:nth-child(3n){border-right:none}.mn-stat:nth-child(-n+3){border-top:none}.mn-sv{font-size:18px;font-weight:800;margin-bottom:4px;color:var(--mn-text)}.mn-sl{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#475569}.sz-compact .mn-pnl,.sz-wide .mn-pnl{font-size:36px}.sz-compact .mn-hero,.sz-wide .mn-hero{padding:8px 0}.sz-compact .mn-stats,.sz-wide .mn-stats{grid-template-columns:repeat(6,1fr)}.sz-compact .mn-stat:nth-child(3n),.sz-wide .mn-stat:nth-child(3n){border-right:1px solid #1e293b}.sz-compact .mn-stat:nth-child(6n),.sz-wide .mn-stat:nth-child(6n){border-right:none}.sz-portrait .mn-stats{grid-template-columns:repeat(2,1fr)}.c-neon{background:#050505;color:#e2ffe8;font-family:Courier New,monospace;padding:24px;position:relative;overflow:hidden;border:1px solid var(--nc,#00ff88);width:100%;height:100%;min-height:inherit;box-shadow:0 0 40px var(--nc-glow),inset 0 0 60px #00000080;border-radius:24px}.nn-scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,100,.015) 2px,rgba(0,255,100,.015) 4px)}.nn-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;position:relative;z-index:1}.nn-brand{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--nc,#00ff88);letter-spacing:3px;text-shadow:0 0 20px var(--nc,#00ff88)}.nn-dot{width:8px;height:8px;border-radius:50%;background:var(--nc,#00ff88);box-shadow:0 0 10px var(--nc,#00ff88);animation:spcPulse 1.5s ease infinite}.nn-user{font-size:12px;color:#0f89;letter-spacing:1px}.nn-sep{height:1px;background:var(--nc,#00ff88);-webkit-mask-image:linear-gradient(90deg,transparent,black,transparent);mask-image:linear-gradient(90deg,transparent,black,transparent);margin:10px 0;opacity:.5}.nn-hero{text-align:center;padding:16px 0;position:relative;z-index:1}.nn-label{font-size:11px;letter-spacing:3px;color:#00ff8880;margin-bottom:8px}.nn-pnl{font-size:48px;font-weight:700;letter-spacing:-1px;line-height:1}.nn-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;position:relative;z-index:1}.nn-stat{border:1px solid rgba(0,255,136,.25);padding:10px 6px;text-align:center;background:#00ff8808}.nn-sv{font-size:16px;font-weight:700;color:var(--nc,#00ff88);text-shadow:0 0 10px var(--nc,#00ff88);margin-bottom:4px}.nn-sl{font-size:9px;letter-spacing:1.5px;color:#00ff8880}.nn-foot{margin-top:12px;font-size:10px;color:#0f86;letter-spacing:1px;text-align:center;position:relative;z-index:1}.sz-compact .nn-pnl,.sz-wide .nn-pnl{font-size:34px}.sz-compact .nn-stats,.sz-wide .nn-stats{grid-template-columns:repeat(6,1fr)}.sz-portrait .nn-stats{grid-template-columns:repeat(2,1fr)}.c-achieve{background:linear-gradient(160deg,#1c0a00,#2d1400,#1c0a00);color:#fef3c7;font-family:Inter,sans-serif;padding:24px;width:100%;height:100%;min-height:inherit;border:1px solid rgba(251,191,36,.3);box-shadow:0 0 60px #fbbf241a,0 20px 60px #0009;position:relative;overflow:hidden;border-radius:24px}.c-achieve:before{content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(251,191,36,.08) 0%,transparent 70%);pointer-events:none}.av-ribbon{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.av-brand{font-size:13px;font-weight:700;color:#fbbf24b3}.av-tag{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fbbf2480;border:1px solid rgba(251,191,36,.2);padding:3px 8px;border-radius:4px}.av-hero{text-align:center;padding:8px 0 16px}.av-trophy{font-size:48px;margin-bottom:6px;filter:drop-shadow(0 0 20px rgba(251,191,36,.5))}.av-user{font-size:14px;font-weight:600;color:#fbbf24b3;margin-bottom:4px;letter-spacing:.5px}.av-pnl{font-size:44px;font-weight:900;letter-spacing:-1.5px;line-height:1;filter:drop-shadow(0 0 20px currentColor);margin-bottom:4px}.av-pnl-lbl{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:#fef3c780}.av-highlights{display:flex;align-items:stretch;border:1px solid rgba(251,191,36,.25);border-radius:12px;overflow:hidden;margin:14px 0;background:#fbbf240a}.av-hi{flex:1;text-align:center;padding:14px 8px}.av-hi-sep{width:1px;background:#fbbf2433}.av-hi-ico{font-size:22px;margin-bottom:4px}.av-hi-val{font-size:28px;font-weight:900;color:var(--acc,#fbbf24);margin-bottom:2px}.av-hi-lbl{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#fef3c780}.av-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.av-stat{text-align:center;padding:10px 4px;border-top:1px solid rgba(251,191,36,.15)}.av-sv{display:block;font-size:15px;font-weight:800;color:var(--acc,#fbbf24);margin-bottom:2px}.av-sl{font-size:10px;color:#fef3c773;text-transform:uppercase;letter-spacing:.5px}.av-foot{text-align:center;margin-top:12px;font-size:11px;color:#fbbf2459;letter-spacing:.5px}.sz-compact .av-pnl,.sz-wide .av-pnl{font-size:30px}.sz-compact .av-trophy,.sz-wide .av-trophy{font-size:32px}.c-story{background:linear-gradient(160deg,#0d0221,#0a1628 40%,#130830);color:#fff;font-family:Inter,sans-serif;padding:28px 24px;width:100%;height:100%;min-height:inherit;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border-radius:24px}.c-story:before{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--acc-glow) 0%,transparent 70%);pointer-events:none}.st-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.st-brand{font-size:14px;font-weight:800;color:var(--acc,#818cf8)}.st-user{font-size:12px;color:#ffffff80}.st-headline{font-size:36px;font-weight:900;letter-spacing:-1px;line-height:1.1;color:#ffffffe6;position:relative;z-index:1;padding:16px 0 8px}.st-pnl-wrap{position:relative;z-index:1}.st-pnl-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#ffffff73;margin-bottom:6px}.st-pnl{font-size:54px;font-weight:900;letter-spacing:-2px;line-height:1;margin-bottom:10px}.st-badge{display:inline-flex;font-size:11px;font-weight:700;padding:4px 12px;border-radius:99px}.st-chips{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1;margin:14px 0}.st-chip{display:flex;flex-direction:column;align-items:center;padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;flex:1;min-width:80px}.st-cv{font-size:15px;font-weight:800;margin-bottom:2px}.st-cl{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.55}.st-foot{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;font-size:11px;color:#ffffff59}.st-url{font-weight:700;color:var(--acc,#818cf8)}.sz-compact .st-pnl,.sz-wide .st-pnl{font-size:36px}.sz-compact .st-headline,.sz-wide .st-headline{font-size:22px;padding:4px 0}.c-luxury{background:linear-gradient(160deg,#060606,#0f0f0f,#060606);color:#fafafa;font-family:Georgia,serif;padding:32px;width:100%;height:100%;min-height:inherit;border:1px solid rgba(226,185,111,.25);box-shadow:0 0 80px #e2b96f0f,0 30px 80px #000c;position:relative;border-radius:24px;overflow:hidden}.lx-corner{position:absolute;width:16px;height:16px;border-color:var(--gold,#e2b96f);border-style:solid;opacity:.6}.lx-tl{top:12px;left:12px;border-width:2px 0 0 2px}.lx-tr{top:12px;right:12px;border-width:2px 2px 0 0}.lx-bl{bottom:12px;left:12px;border-width:0 0 2px 2px}.lx-br{bottom:12px;right:12px;border-width:0 2px 2px 0}.lx-head{text-align:center;margin-bottom:6px}.lx-brand{font-size:13px;font-weight:400;letter-spacing:6px;color:var(--gold,#e2b96f);margin-bottom:10px;font-family:Inter,sans-serif}.lx-hline{height:1px;background:var(--gold,#e2b96f);-webkit-mask-image:linear-gradient(90deg,transparent,black,transparent);mask-image:linear-gradient(90deg,transparent,black,transparent);opacity:.4}.lx-title{text-align:center;font-size:10px;font-weight:400;letter-spacing:4px;text-transform:uppercase;color:#e2b96f73;margin:12px 0 16px;font-family:Inter,sans-serif}.lx-hero{text-align:center;padding:8px 0 16px}.lx-pnl{font-size:50px;font-weight:400;letter-spacing:-1px;line-height:1;margin-bottom:6px;font-style:italic}.lx-pnl-lbl{font-size:11px;font-weight:400;letter-spacing:2px;color:#e2b96f73;text-transform:uppercase;font-family:Inter,sans-serif}.lx-orn{display:flex;align-items:center;gap:12px;margin:14px 0}.lx-line{flex:1;height:1px;background:var(--gold,#e2b96f);-webkit-mask-image:linear-gradient(90deg,transparent,black,transparent);mask-image:linear-gradient(90deg,transparent,black,transparent);opacity:.3}.lx-diamond{color:var(--gold,#e2b96f);font-size:10px;opacity:.6}.lx-stats{display:flex;align-items:stretch;justify-content:center;margin-bottom:8px}.lx-stat-wrap{display:flex;align-items:center}.lx-stat{text-align:center;padding:8px 20px}.lx-vsep{width:1px;background:#e2b96f33;height:36px;align-self:center}.lx-sv{font-size:16px;font-weight:400;color:var(--gold,#e2b96f);margin-bottom:2px;font-style:italic}.lx-sl{font-size:9px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;color:#fafafa4d;font-family:Inter,sans-serif}.lx-foot{display:flex;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid rgba(226,185,111,.12);font-size:11px;color:#e2b96f59;font-family:Inter,sans-serif;letter-spacing:.5px}.sz-compact .lx-pnl,.sz-wide .lx-pnl{font-size:34px}.c-glass{background:linear-gradient(135deg,#1e0a3c,#0a1628,#0f2a1e);color:#fff;font-family:Inter,sans-serif;padding:26px;width:100%;height:100%;min-height:inherit;border:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden;box-shadow:0 8px 32px #6d28d94d,0 30px 60px #00000080;border-radius:24px}.gl-blob{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.gl-b1{width:220px;height:220px;top:-60px;right:-60px;opacity:.35}.gl-b2{width:180px;height:180px;bottom:-60px;left:-40px;background:#06b6d440;opacity:.4}.gl-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;position:relative;z-index:1}.gl-brand{font-size:15px;font-weight:800;color:#ffffffe6}.gl-user{font-size:12px;color:#ffffff8c;background:#ffffff14;padding:4px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.1)}.gl-hero{text-align:center;padding:18px;border-radius:18px;margin-bottom:16px;position:relative;z-index:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.gl-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#ffffff80;margin-bottom:8px}.gl-pnl{font-size:48px;font-weight:900;letter-spacing:-1.5px;line-height:1;margin-bottom:10px;filter:drop-shadow(0 0 20px currentColor)}.gl-badge{display:inline-flex;font-size:11px;font-weight:700;padding:4px 12px;border-radius:99px}.gl-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;position:relative;z-index:1}.gl-stat{text-align:center;padding:12px 8px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.gl-sv{font-size:17px;font-weight:800;margin-bottom:4px}.gl-sl{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffffff73}.gl-foot{display:flex;justify-content:space-between;font-size:11px;color:#ffffff59;position:relative;z-index:1}.sz-compact .gl-pnl,.sz-wide .gl-pnl{font-size:34px}.sz-compact .gl-stats,.sz-wide .gl-stats{grid-template-columns:repeat(6,1fr)}.sz-portrait .gl-stats{grid-template-columns:repeat(2,1fr)}.migrate-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#6366f114,#a855f70f);border-bottom:1px solid var(--accent);flex-wrap:wrap}.migrate-banner-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.migrate-icon{font-size:24px;flex-shrink:0}.migrate-title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.migrate-desc{font-size:12px;color:var(--text-muted)}.btn-migrate{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;font-size:13px;font-weight:600;border:none;cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0}.btn-migrate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.btn-migrate:disabled{opacity:.6;cursor:not-allowed}.btn-migrate-sm{padding:4px 10px;font-size:12px;border-radius:6px}.migrate-result{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 20px;font-size:13px;font-weight:500;background:#10b98114;border-bottom:1px solid var(--green);color:var(--green)}.migrate-result-err{background:#ef444414;border-color:var(--red);color:var(--red)}@media (max-width: 480px){.migrate-banner{flex-direction:column;align-items:flex-start}.btn-migrate{width:100%;justify-content:center}.migrate-result{flex-direction:column;gap:4px}}.heatmap-cell{width:14px;height:14px;border-radius:3px;background-color:var(--border);cursor:pointer;transition:opacity .2s,transform .1s}.heatmap-cell:hover{opacity:.8;transform:scale(1.1)}.heatmap-cell.empty{pointer-events:none}:root{--color-0: #ebedf0;--color-1: #9be9a8;--color-2: #40c463;--color-3: #30a14e;--color-4: #216e39}[data-theme=dark]{--color-0: #161b22;--color-1: #0e4429;--color-2: #006d32;--color-3: #26a641;--color-4: #39d353}.heatmap-cell.color-0{background-color:var(--color-0)}.heatmap-cell.color-1{background-color:var(--color-1)}.heatmap-cell.color-2{background-color:var(--color-2)}.heatmap-cell.color-3{background-color:var(--color-3)}.heatmap-cell.color-4{background-color:var(--color-4)}.grid-stats{display:flex;align-items:center;justify-content:space-between;gap:0}.grid-stats .streak-stat{flex:1;text-align:center}@media (max-width: 640px){.grid-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 16px;padding:20px 16px}.grid-stats .streak-divider{display:none}.grid-stats .streak-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.grid-stats .streak-stat:last-child{grid-column:1 / -1;padding-top:4px}.grid-stats .streak-stat-label{white-space:normal;line-height:1.3}}