:root{color-scheme:dark;font-family:"Segoe UI",Arial,sans-serif;background:#0e1214;color:#e9edef}
*{box-sizing:border-box;letter-spacing:0}
[hidden]{display:none!important}
body{margin:0;background:#0e1214;color:#e9edef}
.signal-header{display:flex;min-height:104px;align-items:center;justify-content:space-between;gap:20px;padding:16px max(24px,calc((100vw - 1380px)/2));border-bottom:1px solid #30383d;background:#151a1d}
.eyebrow{color:#dcb757;font-size:11px;font-weight:700;text-transform:uppercase}
h1{max-width:900px;margin:4px 0 2px;font-size:clamp(26px,3vw,36px);font-weight:650;overflow-wrap:anywhere}
h2{margin:5px 0 0;font-size:20px}
p{margin:0;color:#8f9a9f}
.header-controls{display:flex;align-items:center;gap:16px}.header-actions{display:flex;gap:8px}.header-actions button,.header-actions a{display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:0 14px;border:1px solid #4a565c;background:#20272b;color:#dce2e5;text-decoration:none;font-weight:650}.header-actions a{border-color:#d0a947;background:#d0a947;color:#111518}.freshness{display:grid;grid-template-columns:10px auto;gap:2px 8px;align-items:center;text-align:right}.freshness span{width:9px;height:9px;border-radius:50%;background:#d5a548}.freshness span.online{background:#4fc096;box-shadow:0 0 0 5px #4fc09620}.freshness small{grid-column:1/-1;color:#7f8a90}
.signal-qr{display:flex;max-width:240px;align-items:center;gap:9px;color:#dce2e5;text-decoration:none}.signal-qr img{width:72px;height:72px;object-fit:contain;background:#fff}.signal-qr span{display:grid;gap:3px}.signal-qr strong{font-size:13px}.signal-qr small{max-width:140px;color:#8e9aa0;font-size:11px;line-height:1.35}
main{max-width:1380px;margin:0 auto;padding:0 24px 48px}
.account-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;margin-top:24px;border:1px solid #30373b;background:#30373b}.account-field{min-height:82px;padding:14px 16px;background:#181d20}.account-field span{display:block;color:#7f8a90;font-size:11px;text-transform:uppercase}.account-field strong{display:block;margin-top:9px;font-size:19px;overflow-wrap:anywhere}.account-field .positive{color:#55c795}.account-field .negative{color:#e07870}
.performance-band,.profit-calendar-band,.trades-band,.comments-band{margin-top:22px;border-top:2px solid #dcb757;background:#171c1f}.performance-heading,.calendar-heading,.comments-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 18px;border-bottom:1px solid #30373b}.performance-heading>div:first-child{flex:0 0 auto}.stats{display:flex;min-width:0;flex:1;justify-content:flex-end;gap:18px;overflow-x:auto}.stats div{flex:0 0 auto;min-width:76px;text-align:right}.stats span{display:block;color:#7f8a90;font-size:10px}.stats strong{font-size:16px}.stats .positive{color:#55c795}.stats .negative{color:#e07870}
.calendar-tabs{display:flex;gap:4px}.calendar-tabs button,.calendar-toolbar button{min-height:34px;border-color:#3b464b;background:#111619;color:#929da3}.calendar-tabs button.active{border-color:#dcb757;color:#f0c963}.calendar-toolbar{display:grid;grid-template-columns:38px minmax(150px,auto) 38px;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-bottom:1px solid #30373b}.calendar-toolbar strong{text-align:center}.calendar-toolbar button{width:38px;padding:0;font-size:24px}.profit-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;padding:1px;background:#30373b}.calendar-weekday{min-height:34px;padding:9px;text-align:center;background:#111619;color:#7f8a90;font-size:11px}.calendar-empty{min-height:92px;background:#151a1d}.calendar-day{display:grid;grid-template-rows:auto 1fr auto;min-width:0;min-height:92px;padding:9px;border:0;background:#181d20;color:#dce2e5;text-align:left}.calendar-day>span{font-size:12px}.calendar-day>strong{align-self:center;font-size:16px;overflow-wrap:anywhere}.calendar-day>small{min-height:15px;color:#bac3c7}.calendar-day.flat{background:#181d20}.gain.heat-1{background:#193126}.gain.heat-2{background:#1d4432}.gain.heat-3{background:#20583d}.gain.heat-4{background:#246c48}.loss.heat-1{background:#352020}.loss.heat-2{background:#4a2525}.loss.heat-3{background:#612b2b}.loss.heat-4{background:#793131}.calendar-day.selected{outline:2px solid #f0c963;outline-offset:-2px}.calendar-day:hover,.profit-month:hover{filter:brightness(1.12)}.calendar-detail{min-height:42px;padding:12px 16px;border-top:1px solid #30373b;color:#aeb8bd}.profit-months{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;padding:1px;background:#30373b}.profit-month{display:grid;min-height:92px;align-content:center;gap:5px;padding:14px;border:0;color:#e9edef;text-align:left}.profit-month span,.profit-month small{color:#c1c9cd}.profit-month strong{font-size:19px}
.chart-wrap{position:relative;min-height:390px;padding:14px}.chart-wrap canvas{display:block;max-width:100%}.chart-wrap .empty{position:absolute;inset:0;display:grid;place-items:center}
.curve-tabs{display:flex;align-items:center;gap:4px;padding:10px 14px;border-bottom:1px solid #30373b}.curve-tabs button{min-height:34px;border-color:#3b464b;background:#111619;color:#929da3}.curve-tabs button.active{border-color:#dcb757;color:#f0c963}.curve-legend{display:flex;align-items:center;gap:7px;margin-left:auto;color:#89949a;font-size:12px}.curve-legend span{width:9px;height:9px}.curve-legend .pnl{background:#4fc096}.curve-legend .balance{background:#57a8ff}.curve-legend .equity{margin-left:8px;background:#e5b84a}
.trade-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:14px;border-bottom:1px solid #30373b}.trade-tabs{display:flex;gap:2px;padding:12px 14px;border-bottom:0}.trade-tabs button,.history-ranges button{min-height:38px;padding:0 16px;border:1px solid #394248;background:#111619;color:#929da3;cursor:pointer}.trade-tabs button.active,.history-ranges button.active{border-color:#dcb757;color:#f0c963}.trade-tabs span{margin-left:5px;color:#6f7a80}.history-ranges{display:flex;gap:2px;flex:0 0 auto}
.table-wrap{max-height:620px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:11px 13px;border-bottom:1px solid #2c3438;text-align:left;white-space:nowrap}th{position:sticky;top:0;background:#111619;color:#8e999f;font-weight:600}.empty{height:110px;text-align:center;color:#758087}.profit{color:#55c795}.loss{color:#e07870}
.trade-pagination{display:flex;min-height:52px;align-items:center;justify-content:center;gap:14px;padding:8px 14px;border-top:1px solid #30373b;color:#9ba6ab;font-size:12px}.trade-pagination[hidden]{display:none}.trade-pagination button{width:36px;min-height:34px;padding:0;border-color:#3b464b;background:#111619;color:#d4dbde;font-size:21px}
.comments-heading>span{color:#89949a;font-size:12px}.comments-list{padding:0 18px}.comment{padding:15px 0;border-bottom:1px solid #2d3539}.comment header{display:flex;justify-content:space-between;gap:12px}.comment strong{color:#d8dee1}.comment time{color:#768187;font-size:11px;white-space:nowrap}.comment p{margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere;color:#b9c2c6}.comment.reply{margin-left:34px;padding-left:14px;border-left:2px solid #4b575d}.comment-image{display:block;max-width:min(520px,100%);max-height:520px;margin-top:10px;border:1px solid #394247;background:#0d1113;object-fit:contain}
#comment-form{padding:18px}#comment-form>label{display:block;margin-bottom:8px;color:#aeb8bd;font-size:12px}textarea{width:100%;min-height:100px;padding:11px;border:1px solid #414b50;border-radius:0;resize:vertical;background:#101518;color:#e9edef;font:14px/1.5 inherit}.comment-form-actions{display:flex;align-items:center;gap:15px;margin-top:9px;color:#7e898f;font-size:12px}.comment-image-picker{display:inline-flex;min-height:38px;align-items:center;padding:0 13px;border:1px solid #4a555a;color:#c7d0d4;cursor:pointer}.comment-image-picker input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.comment-image-preview{position:relative;width:max-content;max-width:100%;margin-top:10px}.comment-image-preview img{display:block;max-width:min(360px,100%);max-height:280px;border:1px solid #414b50;object-fit:contain}.comment-image-preview button{position:absolute;top:6px;right:6px;width:30px;min-height:30px;padding:0;border-color:#69757a;background:#111719;color:#eef2f3;font-size:20px}#comment-result{margin-left:auto}button{min-height:38px;padding:0 17px;border:1px solid #d0a947;border-radius:0;background:#d0a947;color:#111518;font-weight:700;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}
dialog{width:min(520px,calc(100% - 28px));border:1px solid #465158;border-radius:0;padding:18px;background:#171c1f;color:#e9edef}dialog::backdrop{background:#000b}.contact-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.contact-dialog-heading h2{margin:0}.contact-dialog-heading button{width:36px;min-height:36px;padding:0;border-color:transparent;background:transparent;color:#aeb7bc;font-size:24px}.contact-dialog-heading button:hover{background:#252d31}#contact-content{margin-top:18px;white-space:pre-wrap;overflow-wrap:anywhere;color:#c1c9cd;line-height:1.7}
.self-edit-dialog{width:min(620px,calc(100% - 28px))}.self-edit-dialog form{display:grid;gap:12px;margin-top:18px}.self-edit-dialog form[hidden]{display:none}.self-edit-dialog label{display:grid;gap:6px;color:#aeb8bd;font-size:12px}.self-edit-dialog input{width:100%;min-height:40px;padding:8px 10px;border:1px solid #414b50;border-radius:0;background:#101518;color:#e9edef;font:14px inherit}.self-edit-dialog input[type=file]{padding:7px}.self-edit-dialog label small{color:#768187}.form-result{min-height:20px;color:#dcb757}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dialog-actions .secondary-button{margin-right:auto;border-color:#4a555a;background:#20272b;color:#c7d0d4}
.viewer-password-dialog{width:min(460px,calc(100% - 28px))}.viewer-password-dialog form{display:grid;gap:16px}.viewer-password-dialog label{display:grid;gap:7px;color:#aeb8bd;font-size:12px}.viewer-password-dialog input{width:100%;min-height:44px;padding:9px 11px;border:1px solid #414b50;background:#101518;color:#e9edef;font:15px inherit}.viewer-password-dialog .dialog-actions button{width:100%}.viewer-password-dialog::backdrop{background:#070a0ce8}
footer{padding:22px;text-align:center;border-top:1px solid #293035;color:#68737a;font-size:11px}
@media(max-width:760px){.signal-header{min-height:0;align-items:flex-start;flex-direction:column;gap:12px;padding:14px 18px}.header-controls{width:100%;align-items:flex-start;flex-direction:column}.header-actions{max-width:100%;flex-wrap:wrap}.freshness{text-align:left}main{padding:0 12px 34px}.account-band{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-heading,.calendar-heading{align-items:flex-start;flex-direction:column}.stats{width:100%;justify-content:flex-start;gap:16px}.stats div{text-align:left}.curve-tabs{overflow-x:auto}.curve-tabs button{flex:0 0 auto}.curve-legend{flex:0 0 auto}.chart-wrap{min-height:300px}.calendar-empty,.calendar-day{min-height:74px}.calendar-day{padding:6px}.calendar-day>strong{font-size:12px}.calendar-day>small{font-size:10px}.trade-heading{align-items:stretch;flex-direction:column;padding-right:0}.trade-tabs,.history-ranges{overflow:auto}.history-ranges{padding:0 14px 12px}.trade-tabs button,.history-ranges button{flex:0 0 auto}.comment.reply{margin-left:14px}.comment header{align-items:flex-start;flex-direction:column;gap:4px}.comment-form-actions{flex-wrap:wrap}#comment-result{width:100%;margin-left:0}.comment-form-actions>button{margin-left:auto}}