*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-font-smoothing:antialiased;background-color:#1a1a1a;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}#root{height:100vh;overflow:hidden}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{background:#242424;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:220px;height:100vh;display:flex;overflow-y:auto}.sidebar-nav{flex:1;padding:8px 4px}.sidebar-item{color:#9b9b9b;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:4px 8px;font-family:inherit;font-size:14px;transition:background .1s,color .1s;display:flex;overflow:hidden}.sidebar-item:hover{color:#e8e8e8;background:#ffffff0d}.sidebar-item-active{color:#fff!important;background:#ffffff12!important}.sidebar-item-icon{flex-shrink:0;font-size:14px}.sidebar-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar-icon-btn{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 3px;transition:background .1s,opacity .1s;display:flex}.sidebar-icon-btn:hover{opacity:1;background:#ffffff1f}.sidebar-rename-input{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:3px;outline:none;flex:1;min-width:0;padding:1px 5px;font-family:inherit;font-size:14px}.sidebar-footer{border-top:1px solid #ffffff14;padding:8px}.sidebar-new-btn{color:#9b9b9b;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;width:100%;padding:5px 8px;font-family:inherit;font-size:13px;transition:background .1s,color .1s}.sidebar-new-btn:hover{color:#e8e8e8;background:#ffffff0d}.sidebar-stats-section{margin:2px 0}.sidebar-stats-header{cursor:pointer;color:#9b9b9b;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:7px;padding:4px 8px;font-size:14px;transition:background .1s,color .1s;display:flex}.sidebar-stats-header:hover{color:#e8e8e8;background:#ffffff0d}.sidebar-stats-arrow{color:#666;font-size:9px;transition:transform .15s;display:inline-block}.sidebar-stats-arrow.open{transform:rotate(90deg)}.sidebar-sub-item{color:#888;cursor:pointer;border-radius:4px;padding:3px 8px 3px 28px;font-size:13px;transition:background .1s,color .1s}.sidebar-sub-item:hover{color:#e8e8e8;background:#ffffff0d}.sidebar-sub-item-active{color:#fff!important;background:#ffffff12!important}.stats-view{max-width:900px;padding:32px}.stats-title{color:#fff;margin:0 0 24px;font-size:22px;font-weight:700}.stats-empty{color:#666;font-size:15px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.stats-card{background:#1e1e1e;border:1px solid #ffffff14;border-radius:8px;padding:20px 22px}.stats-label{color:#666;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;font-size:11px}.stats-value{color:#fff;font-size:30px;font-weight:700;line-height:1}.stats-sub{color:#777;margin-top:6px;font-size:13px}.stats-positive{color:#4ade80}.stats-negative{color:#f87171}.main-area{flex:1;min-width:0;height:100vh;overflow-y:auto}.sidebar-toggle{color:#9b9b9b;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:0 4px;font-size:22px;line-height:1;transition:color .15s,background .15s}.sidebar-toggle:hover{color:#fff;background:#ffffff12}.page-view{max-width:860px;padding:48px 80px}.page-title-input{color:#fff;background:0 0;border:none;outline:none;width:100%;margin-bottom:24px;font-family:inherit;font-size:34px;font-weight:700;line-height:1.2;display:block}.page-title-input::placeholder{color:#ffffff26}.page-content-input{color:#d4d4d4;resize:none;background:0 0;border:none;outline:none;width:100%;min-height:500px;font-family:inherit;font-size:16px;line-height:1.7;display:block}.page-content-input::placeholder{color:#ffffff2e}.app{padding:0}.app-header{border-bottom:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:8px;height:44px;padding:0 12px;display:flex}.header-logo{flex:1;align-items:center;gap:7px;min-width:0;display:flex}.header-logo-icon{flex-shrink:0;display:block}.header-logo-text{color:#fff;letter-spacing:-.1px;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.btn-new{color:#ffffff73;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff1c;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:400;transition:color .15s,border-color .15s}.btn-new:hover{color:#ffffffd9;border-color:#ffffff38}.table-outer{border:1px solid #ffffff1a;border-radius:8px;margin:16px 24px 24px;overflow:hidden}.table-wrapper{overflow-x:auto}.table-wrapper::-webkit-scrollbar{height:6px}.table-wrapper::-webkit-scrollbar-button{display:none}.table-wrapper::-webkit-scrollbar-track{background:#2a2a2a}.table-wrapper::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#777}.sidebar::-webkit-scrollbar{width:5px}.main-area::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:0 0}.main-area::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.main-area::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.icon-picker{z-index:600;background:#252525;border:1px solid #ffffff26;border-radius:8px;width:268px;overflow:hidden;box-shadow:0 8px 28px #000000b3}.icon-picker-search{border-bottom:1px solid #ffffff1a;padding:8px}.icon-picker-search input{color:#fff;box-sizing:border-box;background:#ffffff12;border:none;border-radius:4px;outline:none;width:100%;padding:5px 8px;font-family:inherit;font-size:13px}.icon-picker-search input::placeholder{color:#555}.icon-picker-grid{grid-template-columns:repeat(6,1fr);gap:2px;max-height:216px;padding:6px;display:grid;overflow-y:auto}.icon-picker-grid::-webkit-scrollbar{width:4px}.icon-picker-grid::-webkit-scrollbar-track{background:0 0}.icon-picker-grid::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.icon-picker-btn{cursor:pointer;color:#9b9b9b;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:background .1s,color .1s;display:flex}.icon-picker-btn:hover{color:#fff;background:#ffffff14}.icon-picker-btn-active{color:#fff;background:#ffffff1f}.sidebar-item[draggable=true]{cursor:grab}.sidebar-item[draggable=true]:active{cursor:grabbing}.sidebar-item-drag-over{border-top:2px solid #ffffff59!important}.month-separator td{text-align:center;color:#999;letter-spacing:.08em;-webkit-user-select:none;user-select:none;background:#222;border:1px solid #ffffff1a;border-left:none;border-right:none;padding:8px;font-size:13px;font-weight:600}.header-date-input{color:#ffffff61;cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:1px solid #ffffff1a;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:12px;transition:color .15s,border-color .15s}.header-date-input:hover{color:#ffffffb3;border-color:#fff3}.btn-sync{color:#fff6;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff1a;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:12px;transition:color .15s,border-color .15s}.btn-sync:hover:not(:disabled){color:#fffc;border-color:#fff3}.btn-sync:disabled{opacity:.4;cursor:default}.sync-msg{color:#b0d4b0;white-space:pre-wrap;background:#1e2a1e;border:1px solid #4ade8033;border-radius:6px;justify-content:space-between;align-items:flex-start;gap:12px;margin:8px 14px;padding:10px 14px;font-size:13px;display:flex}.sync-msg-close{color:#666;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:18px;line-height:1}.sync-msg-close:hover{color:#aaa}.sidebar-settings-item{color:#777;cursor:pointer;border-radius:4px;align-items:center;gap:6px;margin-bottom:4px;padding:5px 8px;font-size:13px;transition:background .1s,color .1s;display:flex}.sidebar-settings-item:hover{color:#ccc;background:#ffffff0d}.sidebar-settings-active{color:#fff!important;background:#ffffff12!important}.settings-view{max-width:620px;padding:32px}.settings-note{color:#666;margin:0 0 28px;font-size:13px;line-height:1.6}.settings-blocks{flex-direction:column;gap:20px;display:flex}.settings-block{background:#1e1e1e;border:1px solid #ffffff14;border-radius:8px;padding:22px 24px}.settings-block-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.settings-block-name{color:#e8e8e8;font-size:15px;font-weight:600}.settings-status{font-size:12px}.settings-status-ok{color:#4ade80}.settings-status-empty{color:#555}.settings-field{margin-bottom:14px}.settings-label{color:#666;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px;display:block}.settings-input-row{gap:8px;display:flex}.settings-input{color:#e8e8e8;background:#141414;border:1px solid #ffffff1f;border-radius:4px;outline:none;flex:1;min-width:0;padding:7px 10px;font-family:monospace;font-size:13px}.settings-input:focus{border-color:#ffffff4d}.settings-input::placeholder{color:#444}.settings-eye{color:#888;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:6px 10px;font-family:inherit;font-size:11px;transition:background .1s,color .1s}.settings-eye:hover{color:#ccc;background:#ffffff1a}.settings-save-btn{color:#fff;cursor:pointer;background:#2383e2;border:none;border-radius:4px;margin-top:4px;padding:7px 18px;font-family:inherit;font-size:13px;transition:background .15s}.settings-save-btn:hover{background:#1a6ec2}.settings-save-ok{background:#16a34a!important}.settings-date-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer;max-width:180px}.settings-sync-note{color:#555;margin:8px 0 0;font-size:12px}.settings-danger-zone{border-top:1px solid #2a2a2a;margin-top:36px;padding-top:24px}.settings-danger-title{color:#888;text-transform:uppercase;letter-spacing:.05em;margin:0 0 14px;font-size:13px;font-weight:600}.settings-danger-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:4px;padding:7px 18px;font-family:inherit;font-size:13px;transition:background .15s,color .15s}.settings-danger-btn:hover{color:#fff;background:#ef4444}.settings-danger-note{color:#555;margin:8px 0 0;font-size:12px}.stats-section{margin-top:36px}.stats-section-title{color:#666;text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;font-size:11px;font-weight:600}.cal-months-wrap{flex-wrap:wrap;gap:28px;display:flex}.cal-month{flex-shrink:0}.cal-month-name{color:#bbb;margin-bottom:8px;font-size:12px;font-weight:600}.cal-grid{grid-template-columns:repeat(7,38px);gap:2px;display:grid}.cal-dow{color:#555;text-align:center;text-transform:uppercase;letter-spacing:.03em;padding:3px 0 5px;font-size:10px}.cal-pad{width:38px;height:44px}.cal-day{background:#1c1c1c;border:1px solid #0000;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:38px;height:44px;display:flex}.cal-day-pos{background:#4ade801f;border-color:#4ade8040}.cal-day-neg{background:#f871711f;border-color:#f8717140}.cal-day-num{color:#777;font-size:11px;line-height:1}.cal-day-pos .cal-day-num,.cal-day-neg .cal-day-num{color:#aaa}.cal-day-pnl{font-size:9px;font-weight:700;line-height:1}.cal-day-pos .cal-day-pnl{color:#4ade80}.cal-day-neg .cal-day-pnl{color:#f87171}.ls-grid{gap:12px;max-width:560px;display:flex}.ls-col{background:#1e1e1e;border:1px solid #ffffff14;border-radius:8px;flex:1;padding:18px 20px}.ls-title{margin-bottom:14px;font-size:16px;font-weight:700}.ls-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.ls-row:last-child{border-bottom:none}.ls-label{color:#777;font-size:12px}.ls-val{color:#ddd;font-size:13px;font-weight:600}.strat-table{border-collapse:collapse;width:100%;max-width:600px}.strat-th{text-align:left;color:#555;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:1px solid #ffffff14;padding:6px 14px;font-size:11px;font-weight:500}.strat-row{border-bottom:1px solid #ffffff0a;transition:background .1s}.strat-row:last-child{border-bottom:none}.strat-row:hover{background:#ffffff08}.strat-td{color:#aaa;padding:9px 14px;font-size:13px}.strat-name{color:#e8e8e8;font-weight:500}.trade-table{border-collapse:collapse;width:100%;min-width:1600px}.trade-table th{color:#9b9b9b;text-align:left;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#1a1a1a;border-bottom:1.5px solid #ffffff38;border-right:1px solid #ffffff1a;padding:4px 8px;font-size:11px;font-weight:500}.trade-table td{color:#fff;vertical-align:middle;white-space:nowrap;border-bottom:1.5px solid #ffffff24;border-right:1px solid #ffffff1a;padding:4px 8px;font-size:13px}.trade-table tbody tr:hover td{background:#ffffff08}.trade-table td.direction-long{color:#4ade80;font-weight:500}.trade-table td.direction-short{color:#f87171;font-weight:500}.trade-table td.pnl-positive{color:#4ade80;font-weight:600}.trade-table td.pnl-negative{color:#f87171;font-weight:600}.editable-cell{cursor:pointer}.cell-text{text-overflow:ellipsis;white-space:nowrap;max-width:160px;display:block;overflow:hidden}.cell-screenshot{text-align:center}.trade-table td input,.trade-table td select,.trade-table td textarea{color:#fff;box-sizing:border-box;background:#252525;border:1px solid #ffffff40;border-radius:3px;outline:none;width:100%;min-width:80px;padding:3px 7px;font-family:inherit;font-size:13px}.trade-table td input:focus,.trade-table td select:focus,.trade-table td textarea:focus{border-color:#ffffff80}.trade-table td textarea{resize:vertical;min-width:220px;min-height:70px}.trade-table td select{cursor:pointer}.th-actions{width:32px}.td-actions{text-align:center;opacity:0;width:32px;transition:opacity .15s}.trade-table tbody tr:hover .td-actions{opacity:1}.btn-delete-row{cursor:pointer;color:#555;background:0 0;border:none;border-radius:3px;padding:3px 4px;line-height:0;transition:color .15s,background .15s}.btn-delete-row:hover{color:#f87171;background:#f871711a}.screenshot-empty{color:#444;cursor:pointer;border:1px dashed #fff3;border-radius:3px;justify-content:center;align-items:center;width:46px;height:32px;font-size:16px;transition:border-color .15s,color .15s;display:inline-flex}.screenshot-empty:hover{color:#9b9b9b;border-color:#fff6}.screenshot-drop{border:1px solid #ffffff40;border-radius:3px;outline:none;align-items:center;gap:6px;padding:4px 6px;display:inline-flex}.screenshot-upload-btn{color:#9b9b9b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #fff3;border-radius:3px;padding:2px 6px;font-family:inherit;font-size:11px;transition:border-color .15s,color .15s}.screenshot-upload-btn:hover{color:#fff;border-color:#fff6}.screenshot-hint{color:#444;white-space:nowrap;font-size:10px}.screenshot-thumb-wrap{display:inline-block;position:relative}.screenshot-thumb{object-fit:cover;cursor:zoom-in;border-radius:2px;width:50px;height:34px;transition:opacity .15s;display:block}.screenshot-thumb:hover{opacity:.75}.screenshot-remove{color:#aaa;cursor:pointer;background:#333;border:none;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;padding:0;font-size:11px;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.screenshot-remove:hover{color:#fff;background:#f87171}.lightbox{z-index:1000;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-img{object-fit:contain;border-radius:3px;max-width:90vw;max-height:90vh}.strategy-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;min-width:80px}.strategy-placeholder{color:#444}.strategy-tag{color:#fff;background:#ffffff1a;border-radius:3px;align-items:center;max-width:140px;padding:1px 7px;font-size:12px;display:inline-flex}.strategy-tag span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.strategy-tag-in-search{flex-shrink:0;gap:4px;padding:1px 4px 1px 7px}.strategy-tag-clear{color:#aaa;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:15px;line-height:1}.strategy-tag-clear:hover{color:#fff}.strategy-search-row{border-bottom:1px solid #ffffff1a;align-items:center;gap:4px;padding:6px 10px;display:flex}.strategy-search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:13px}.strategy-search-input::placeholder{color:#555}.strategy-dropdown{z-index:500;background:#252525;border:1px solid #ffffff26;border-radius:6px;max-height:300px;overflow:hidden auto;box-shadow:0 8px 24px #0009}.strategy-option-row{align-items:center;display:flex}.strategy-option-row:hover{background:#ffffff0d}.strategy-option{cursor:pointer;color:#fff;flex:1;padding:7px 14px;font-size:13px}.strategy-option-active{color:#fff;background:#ffffff14}.strategy-option-row:hover .strategy-option-active{background:#ffffff1a}.strategy-add-new{color:#9b9b9b;font-style:italic}.strategy-delete{color:#555;cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;padding:4px 10px;font-size:16px;line-height:1;transition:opacity .1s,color .1s}.strategy-option-row:hover .strategy-delete{opacity:1}.strategy-delete:hover{color:#f87171}.strategy-delete-disabled{cursor:not-allowed;color:#333!important}