*,:before,:after{box-sizing:border-box}body{margin:0}#root{min-height:100vh}:root{--bg-page:#0f1117;--bg-card:#1a1d27;--bg-input:#0f1117;--bg-hover:#1e2235;--border:#2d3148;--border-muted:#334155;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--text-subtle:#475569;--chart-grid:#2d3148}body.light{--bg-page:#f0f4f8;--bg-card:#fff;--bg-input:#f1f5f9;--bg-hover:#f1f5f9;--border:#e2e8f0;--border-muted:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-subtle:#94a3b8;--chart-grid:#e2e8f0}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-page);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.navbar{background:#161b27;border-bottom:1px solid #2a3145;justify-content:space-between;align-items:center;height:52px;padding:0 1.5rem;display:flex;box-shadow:0 1px #2a3145,0 2px 10px #00000040}body.light .navbar{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px #e2e8f0,0 2px 8px #00000012}.nav-brand{color:#f1f5f9;letter-spacing:.2px;flex-shrink:0;align-items:center;gap:.45rem;font-size:.95rem;font-weight:700;text-decoration:none;display:flex}body.light .nav-brand{color:#0f172a}.nav-brand-mark{color:#fff;background:#7c8cff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.65rem;font-weight:900;display:flex}.nav-links{align-items:center;gap:.15rem;display:flex}.nav-links a{color:#64748b;border-bottom:none;border-radius:6px;padding:.28rem .6rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}body.light .nav-links a{color:#94a3b8}.nav-links a:hover{color:#e2e8f0;background:#ffffff0d}body.light .nav-links a:hover{color:#0f172a;background:#0000000a}.nav-links a.active{color:#fff;background:#7c8cff;border-color:#0000;font-weight:600}body.light .nav-links a.active{color:#fff;background:#7c8cff}.container{max-width:none;margin:0 auto;padding:2rem 1.5rem}.btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-size:.875rem;font-weight:500;transition:opacity .15s;display:inline-flex}.btn:hover{opacity:.85}.btn-primary{color:#fff;background:#7c8cff}.btn-danger{color:#fff;background:#ef4444}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.5rem}.trade-table{border-collapse:collapse;width:100%}.trade-table th,.trade-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.75rem 1rem;font-size:.875rem}.trade-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.trade-table tr:last-child td{border-bottom:none}.trade-table tr:hover td{background:var(--bg-hover)}.pnl-positive{color:#22c55e;font-weight:600}.pnl-negative{color:#ef4444;font-weight:600}.pnl-open{color:var(--text-muted)}.badge{background:var(--border);color:#a5b4fc;border-radius:999px;margin-right:4px;padding:.2rem .55rem;font-size:.72rem;font-weight:500;display:inline-block}.direction-long{color:#22c55e;font-weight:600}.direction-short{color:#ef4444;font-weight:600}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group.full{grid-column:1/-1}.form-group label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:var(--bg-page);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;outline:none;padding:.55rem .75rem;font-size:.875rem;transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#7c8cff}.form-group textarea{resize:vertical;min-height:80px}.tag-checkboxes{flex-wrap:wrap;gap:.5rem;display:flex}.tag-checkbox-label{background:var(--bg-page);border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.8rem;transition:border-color .15s,color .15s;display:flex}.tag-checkbox-label input{display:none}.tag-checkbox-label.selected{color:#a5b4fc;background:var(--bg-hover);border-color:#7c8cff}.form-actions{gap:.75rem;margin-top:.5rem;display:flex}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-header h1{font-size:1.4rem;font-weight:700}.summary-row{gap:1rem;margin-bottom:1.5rem;display:flex}.summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex:1;padding:1rem 1.25rem}.summary-card .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.summary-card .value{margin-top:.25rem;font-size:1.4rem;font-weight:700}.empty-state{text-align:center;color:var(--text-muted);padding:3rem}.symbol-dropdown{z-index:100;background:var(--bg-card);border:1px solid #7c8cff;border-top:none;border-radius:0 0 6px 6px;max-height:200px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.symbol-dropdown li{cursor:pointer;color:var(--text-primary);padding:.5rem .75rem;font-size:.875rem}.symbol-dropdown li:hover{background:var(--border)}.screenshot-list{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.screenshot-thumb{border:1px solid var(--border);border-radius:6px;width:80px;height:80px;position:relative;overflow:hidden}.screenshot-thumb img{object-fit:cover;cursor:pointer;width:100%;height:100%}.screenshot-delete{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;line-height:1;display:flex;position:absolute;top:2px;right:2px}.screenshot-add{border:2px dashed var(--border);cursor:pointer;width:80px;height:80px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;font-size:2rem;transition:border-color .15s;display:flex}.screenshot-add:hover{color:#7c8cff;border-color:#7c8cff}.screenshot-url-input{flex-wrap:nowrap;align-items:center;gap:.4rem;display:flex}.screenshot-url-input input{background:var(--bg-card);border:1px solid var(--border);width:220px;color:var(--text-primary);border-radius:6px;padding:.35rem .6rem;font-size:.85rem}.thumb{object-fit:cover;cursor:pointer;border:1px solid var(--border);border-radius:4px;width:36px;height:36px;transition:opacity .15s}.thumb:hover{opacity:.8}.lightbox{z-index:1000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox img{border-radius:8px;max-width:90vw;max-height:90vh}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;position:fixed;top:1rem;right:1.5rem}.config-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.config-row:last-child{border-bottom:none}.config-row.disabled{opacity:.45}.config-name{font-size:.875rem;font-weight:500}.btn-sm{padding:.25rem .6rem;font-size:.78rem}.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.th-sort:hover{color:var(--text-primary)}.th-filter{background:var(--bg-page);border:1px solid var(--border);width:100%;color:var(--text-secondary);cursor:pointer;text-transform:none;letter-spacing:0;border-radius:4px;margin-top:.35rem;padding:.2rem .3rem;font-size:.7rem;font-weight:400;display:block}.th-filter:focus{border-color:#7c8cff;outline:none}.date-range-filter{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.date-range-filter input[type=date]{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:.25rem .5rem;font-size:.8rem}.date-range-filter input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.5);cursor:pointer}.nav-dropdown-wrapper{align-items:center;display:flex;position:relative}.nav-dropdown-trigger{color:#64748b;cursor:default;-webkit-user-select:none;user-select:none;white-space:nowrap;border-bottom:none;border-radius:6px;padding:.28rem .6rem;font-size:.85rem;font-weight:500;transition:background .15s,color .15s}body.light .nav-dropdown-trigger{color:#94a3b8}.nav-dropdown-trigger:hover{color:#e2e8f0;background:#ffffff0d}body.light .nav-dropdown-trigger:hover{color:#0f172a;background:#0000000a}.nav-dropdown-trigger.active{color:#fff;background:#7c8cff;font-weight:600}body.light .nav-dropdown-trigger.active{color:#fff;background:#7c8cff}.nav-dropdown-arrow{opacity:.75;margin-left:.2rem;font-size:.6rem}.nav-dropdown-menu{z-index:200;background:#1e2535;border:1px solid #2a3145;border-radius:8px;min-width:190px;padding:.3rem 0;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 12px 32px #0000008c}body.light .nav-dropdown-menu{background:#fff;border-color:#e2e8f0;box-shadow:0 12px 32px #0000001f}.nav-dropdown-label{text-transform:uppercase;letter-spacing:.08em;color:#475569;padding:.5rem 1rem .3rem;font-size:.62rem;font-weight:700;display:block}body.light .nav-dropdown-label{color:#94a3b8}.nav-dropdown-menu button{text-align:left;cursor:pointer;color:#64748b;background:0 0;border:none;width:100%;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:background .12s,color .12s;display:block}body.light .nav-dropdown-menu button{color:#64748b}.nav-dropdown-menu button:hover{color:#f1f5f9;background:#2a3145}body.light .nav-dropdown-menu button:hover{color:#0f172a;background:#f8fafc}.nav-dropdown-menu button.active{color:#fff;background:#7c8cff;border-radius:5px;width:calc(100% - .8rem);margin:.15rem .4rem;padding:.45rem .6rem;font-weight:600}body.light .nav-dropdown-menu button.active{color:#fff;background:#7c8cff}.user-menu{position:relative}.user-menu-trigger{font-size:.875rem}.user-menu-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:200;border-radius:8px;min-width:140px;padding:.25rem 0;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 24px #0006}.user-menu-dropdown button{text-align:left;cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;border:none;padding:.6rem 1rem;font-size:.875rem;transition:background .12s,color .12s;display:block}.user-menu-dropdown button:hover{background:var(--border);color:var(--text-primary)}.user-menu-dropdown .divider{background:var(--border);height:1px;margin:.25rem 0}.news-content{color:#1a1a1a;background:#fff;border-radius:0 0 6px 6px;padding:1.25rem;font-size:.9rem;line-height:1.75;overflow-x:auto}.news-content p{margin:.6rem 0}.news-content ul,.news-content ol{margin:.6rem 0;padding-left:1.5rem}.news-content li{margin:.25rem 0}.news-content img{border-radius:6px;max-width:100%;margin:.75rem 0;display:block}.news-content table{border-collapse:collapse;width:100%;margin:.75rem 0;font-size:.875rem}.news-content td,.news-content th{padding:.5rem .75rem}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3{color:var(--text-primary);margin:1rem 0 .4rem;font-weight:600}.ProseMirror h1{font-size:1.3rem}.ProseMirror h2{font-size:1.1rem}.ProseMirror h3{font-size:.95rem}.ProseMirror p{margin:.4rem 0}.ProseMirror ul,.ProseMirror ol{margin:.4rem 0;padding-left:1.5rem}.ProseMirror blockquote{border-left:3px solid var(--border-muted);color:var(--text-muted);margin:.5rem 0;padding-left:1rem}.ProseMirror code{background:var(--bg-hover);color:#7c8cff;border-radius:4px;padding:.1rem .35rem;font-size:.85em}.ProseMirror pre{background:var(--bg-hover);border-radius:6px;margin:.5rem 0;padding:.75rem 1rem}.ProseMirror pre code{color:var(--text-primary);background:0 0;padding:0}.ProseMirror hr{border:none;border-top:1px solid var(--border-muted);margin:.75rem 0}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--border-muted);pointer-events:none;float:left;height:0}.ProseMirror img{cursor:default;border-radius:6px;max-width:100%;margin:.75rem 0;display:block}.ProseMirror img.ProseMirror-selectednode{border-radius:6px;outline:2px solid #7c8cff}.nav-hamburger{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:.25rem .4rem;font-size:1.5rem;line-height:1;display:none}.nav-mobile-menu{display:none}.dashboard-2col{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (width<=767px){.navbar{gap:.5rem;padding:0 .75rem}.nav-links,.date-range-filter,.nav-account-balance{display:none}.nav-hamburger{color:#94a3b8;align-items:center;display:flex}.nav-mobile-menu{z-index:150;background:#161b27;border-top:1px solid #2a3145;padding:.25rem 0;display:block;position:fixed;inset:52px 0 0;overflow-y:auto}body.light .nav-mobile-menu{background:#fff;border-top-color:#e2e8f0}.nav-mobile-menu>a{color:var(--text-secondary);border-bottom:1px solid var(--bg-hover);padding:.9rem 1.25rem;font-size:.95rem;text-decoration:none;transition:color .15s;display:block}.nav-mobile-menu>a:hover{color:var(--text-primary)}.nav-mobile-menu>a.active{color:#7c8cff;background:var(--bg-hover)}.mobile-nav-section-label{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.08em;padding:.65rem 1.25rem .15rem;font-size:.68rem;display:block}.mobile-nav-section a{color:var(--text-secondary);border-bottom:1px solid var(--bg-hover);padding:.75rem 1.25rem .75rem 2rem;font-size:.9rem;text-decoration:none;display:block}.mobile-nav-section a.active{color:#7c8cff;background:var(--bg-hover)}.mobile-date-filter{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem;padding:1rem 1.25rem;display:flex}.mobile-date-filter label{color:var(--text-muted);font-size:.8rem}.mobile-date-filter input[type=date]{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;padding:.25rem .5rem;font-size:.8rem}.container{padding:1rem .75rem}.form-grid{grid-template-columns:1fr}.summary-row{flex-wrap:wrap}.summary-card{min-width:calc(50% - .5rem)}.dashboard-2col{grid-template-columns:1fr}.btn{min-height:40px}.col-hide-mobile{display:none}.page-header{flex-wrap:wrap;gap:.5rem}}@media (width<=1024px) and (width>=768px){.navbar{gap:.75rem;padding:0 1rem}.container{padding:1.25rem 1rem}.dashboard-2col{gap:1rem}}