html, body{margin: 0;background: #050506;}body{padding: 24px 16px 60px;}html, body{margin: 0;background: #050506;}body{padding: 24px 16px 60px;}.cha-dash{--bg: #0a0a0b;--card: #141416;--card-hi: #1a1a1d;--line: #232326;--lime: #c8f031;--lime-dim: #8fae1f;--text: #f5f5f0;--text-dim: #8a8a8e;--text-dimmer: #58585c;--mono: 'JetBrains Mono', ui-monospace, 'SF Mono', monospace;--sans: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', sans-serif;background: var(--bg);color: var(--text);font-family: var(--sans);padding: 28px;border-radius: 20px;max-width: 1180px;margin: 0 auto;box-sizing: border-box;}.cha-dash *{box-sizing: border-box;}.cha-head{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 24px;padding-bottom: 20px;border-bottom: 1px solid var(--line);}.cha-head .eyebrow{font-family: var(--mono);font-size: 11px;letter-spacing: 0.12em;text-transform: uppercase;color: var(--lime);margin-bottom: 8px;display: block;}.cha-head h1{font-size: 26px;font-weight: 600;margin: 0;letter-spacing: -0.02em;}.cha-head .sub{color: var(--text-dim);font-size: 13px;margin-top: 4px;}.cha-head .period{font-family: var(--mono);font-size: 12px;color: var(--text-dimmer);text-align: right;}.cha-stats{display: grid;grid-template-columns: 1.3fr 1fr 1fr;gap: 14px;margin-bottom: 14px;}.cha-card{background: var(--card);border: 1px solid var(--line);border-radius: 16px;padding: 22px;}.cha-stat-label{font-size: 12px;color: var(--text-dim);margin-bottom: 10px;}.cha-stat-value{font-size: 34px;font-weight: 700;letter-spacing: -0.02em;font-variant-numeric: tabular-nums;}.cha-stat-value .cents{color: var(--text-dim);font-size: 22px;font-weight: 500;}.cha-stat-value.lime{color: var(--lime);}.cha-stat-sub{font-family: var(--mono);font-size: 11px;color: var(--text-dimmer);margin-top: 8px;}.cha-main{display: grid;grid-template-columns: 1.5fr 1fr;gap: 14px;}.cha-chart-card{background: var(--card);border: 1px solid var(--line);border-radius: 16px;padding: 22px;}.cha-chart-head{display: flex;justify-content: space-between;align-items: center;margin-bottom: 4px;}.cha-chart-head h3{font-size: 15px;font-weight: 600;margin: 0;}.cha-chart-total{font-family: var(--mono);font-size: 12px;color: var(--text-dim);}.cha-bars{display: flex;align-items: flex-end;gap: 6px;height: 190px;margin-top: 26px;padding-top: 30px;position: relative;}.cha-bar-col{flex: 1;display: flex;flex-direction: column;align-items: center;height: 100%;justify-content: flex-end;position: relative;}.cha-bar{width: 100%;max-width: 34px;background: #232326;border-radius: 6px 6px 3px 3px;position: relative;transition: background 0.15s;}.cha-bar-col.peak .cha-bar{background: linear-gradient(180deg, var(--lime) 0%, var(--lime-dim) 100%);box-shadow: 0 0 24px rgba(200, 240, 49, 0.35);}.cha-bar-tooltip{position: absolute;top: -28px;left: 50%;transform: translateX(-50%);background: var(--card-hi);border: 1px solid var(--line);color: var(--text);font-family: var(--mono);font-size: 10px;padding: 3px 7px;border-radius: 6px;white-space: nowrap;opacity: 0;transition: opacity 0.15s;pointer-events: none;}.cha-bar-col.peak .cha-bar-tooltip{opacity: 1;background: var(--lime);color: #0a0a0b;font-weight: 700;border: none;top: -26px;}.cha-bar-col:hover .cha-bar-tooltip{opacity: 1;}.cha-bar-month{font-family: var(--mono);font-size: 9px;color: var(--text-dimmer);margin-top: 8px;letter-spacing: 0.02em;}.cha-list-card{background: var(--card);border: 1px solid var(--line);border-radius: 16px;padding: 22px;display: flex;flex-direction: column;}.cha-list-head{display: flex;justify-content: space-between;align-items: center;margin-bottom: 14px;}.cha-list-head h3{font-size: 15px;font-weight: 600;margin: 0;}.cha-list-head .count{font-family: var(--mono);font-size: 11px;color: var(--text-dimmer);}.cha-client-list{display: flex;flex-direction: column;gap: 2px;max-height: 420px;overflow-y: auto;margin: 0 -10px;padding: 0 10px;}.cha-client-list::-webkit-scrollbar{width: 5px;}.cha-client-list::-webkit-scrollbar-thumb{background: var(--line);border-radius: 3px;}.cha-client-row{display: flex;align-items: center;gap: 12px;padding: 9px 6px;border-radius: 10px;transition: background 0.12s;cursor: default;}.cha-client-row.expandable{cursor: pointer;}.cha-client-row:hover{background: var(--card-hi);}.cha-chevron{width: 14px;height: 14px;flex-shrink: 0;color: var(--text-dimmer);transition: transform 0.15s;}.cha-client-row.open .cha-chevron{transform: rotate(90deg);color: var(--lime);}.cha-chevron-spacer{width: 14px;flex-shrink: 0;}.cha-tx-panel{display: none;margin-left: 44px;}.cha-tx-panel.open{display: block;}.cha-tx-row{display: flex;justify-content: space-between;align-items: center;padding: 6px 10px 6px 12px;border-left: 1px solid var(--line);font-family: var(--mono);font-size: 11px;}.cha-tx-date{color: var(--text-dimmer);}.cha-tx-amt{color: var(--text-dim);}.cha-avatar{width: 32px;height: 32px;border-radius: 50%;background: var(--line);display: flex;align-items: center;justify-content: center;font-family: var(--mono);font-size: 11px;font-weight: 700;color: var(--text-dim);flex-shrink: 0;}.cha-client-row:nth-child(1) .cha-avatar{background: var(--lime);color: #0a0a0b;}.cha-client-info{flex: 1;min-width: 0;}.cha-client-name{font-size: 13px;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.cha-client-meta{font-family: var(--mono);font-size: 10px;color: var(--text-dimmer);margin-top: 1px;}.cha-client-amt{font-family: var(--mono);font-size: 13px;font-weight: 600;color: var(--text);flex-shrink: 0;}@media (max-width: 720px){.cha-stats{grid-template-columns: 1fr;}.cha-main{grid-template-columns: 1fr;}.cha-head{flex-direction: column;align-items: flex-start;gap: 10px;}}.mock-banner{max-width: 1180px;margin: 0 auto 14px;padding: 10px 16px;background: #1a1a1d;border: 1px dashed #3a3a3e;border-radius: 12px;color: #c9c9c4;font: 12px/1.5 -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;}.mock-banner b{color: #c8f031;}.ctl-wrap{position: relative;display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 16px;}.pill{display: inline-flex;align-items: center;gap: 8px;cursor: pointer;background: var(--card);border: 1px solid var(--line);color: var(--text);border-radius: 999px;padding: 8px 14px;font: 500 13px var(--sans);}.pill:hover{background: var(--card-hi);}.pill:focus-visible, .btn:focus-visible, .preset:focus-visible, .day:focus-visible, .menu-item:focus-visible{outline: 2px solid var(--lime);outline-offset: 2px;}.pill .k{color: var(--text-dim);}.pill .v{color: var(--lime);font-weight: 600;}.pill .sep{width: 1px;height: 14px;background: var(--line);}.pill svg{width: 12px;height: 12px;color: var(--text-dim);}.menu-anchor{position: relative;}.menu{position: absolute;top: calc(100% + 8px);left: 0;z-index: 20;min-width: 170px;background: var(--card);border: 1px solid var(--line);border-radius: 14px;padding: 6px;box-shadow: 0 18px 50px rgba(0,0,0,.55);display: none;}.menu.open{display: block;}.menu-item{display: block;width: 100%;text-align: left;background: none;border: 0;color: var(--text);font: 13px var(--sans);padding: 9px 12px;border-radius: 8px;cursor: pointer;}.menu-item:hover{background: var(--card-hi);}.menu-item.sel{color: var(--lime);background: rgba(200,240,49,.10);}.picker{position: absolute;top: calc(100% + 10px);left: 0;z-index: 30;display: none;width: min(820px, 100%);background: var(--card);border: 1px solid var(--line);border-radius: 20px;padding: 22px;box-shadow: 0 24px 80px rgba(0,0,0,.65);grid-template-columns: 190px 1fr;gap: 22px;}.picker.open{display: grid;}.presets{display: flex;flex-direction: column;gap: 2px;}.preset{text-align: left;background: none;border: 0;color: var(--text-dim);font: 14px var(--sans);padding: 10px 14px;border-radius: 10px;cursor: pointer;}.preset:hover{background: var(--card-hi);color: var(--text);}.preset.sel{background: rgba(200,240,49,.12);color: var(--lime);font-weight: 600;}.range-inputs{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;margin-bottom: 18px;}.range-inputs label{color: var(--text-dim);font-size: 13px;}.range-inputs input{background: #0e0e10;color: var(--text);border: 1px solid var(--line);border-radius: 10px;padding: 9px 12px;font: 13px var(--mono);color-scheme: dark;}.range-inputs input:focus{outline: 2px solid var(--lime);outline-offset: 1px;}.cals{display: grid;grid-template-columns: 1fr 1fr;gap: 26px;}.cal-head{display: flex;align-items: center;justify-content: space-between;margin-bottom: 8px;min-height: 34px;}.cal-head .t{flex: 1;text-align: center;font-size: 15px;font-weight: 600;}.nav{width: 30px;height: 30px;border-radius: 50%;border: 0;background: none;color: var(--text-dim);cursor: pointer;font-size: 16px;}.nav:hover{background: var(--card-hi);color: var(--text);}.nav.hidden{visibility: hidden;}.dow, .days{display: grid;grid-template-columns: repeat(7, 1fr);}.dow span{text-align: center;font: 11px var(--mono);color: var(--text-dimmer);padding: 6px 0;}.day{height: 38px;border: 0;background: none;color: var(--text);font: 13px var(--mono);cursor: pointer;border-radius: 0;}.day:hover:not(:disabled):not(.edge){background: var(--card-hi);border-radius: 50%;}.day.in{background: rgba(200,240,49,.12);color: var(--lime);}.day.edge{background: var(--lime);color: #0a0a0b;font-weight: 700;border-radius: 50%;}.day:disabled{color: var(--text-dimmer);cursor: default;}.day.empty{visibility: hidden;}.picker-foot{grid-column: 2;display: flex;justify-content: flex-end;gap: 10px;margin-top: 6px;}.btn{font: 600 13px var(--sans);border-radius: 10px;padding: 10px 18px;cursor: pointer;border: 1px solid var(--line);background: none;color: var(--text);}.btn.primary{background: var(--lime);color: #0a0a0b;border-color: var(--lime);}.delta{font: 11px var(--mono);margin-top: 8px;color: var(--text-dimmer);}.delta .up{color: var(--lime);}.delta .down{color: #ff8f85;}.row{margin-bottom: 14px;}.cha-chart-card .cha-bars{height: 220px;}.tbl-head, .tbl-row{display: grid;grid-template-columns: 22px minmax(0,2.2fr) minmax(0,1.5fr) 80px 120px 140px;gap: 12px;align-items: center;padding: 10px 8px;}.tbl-head{font: 10px var(--mono);letter-spacing: .08em;text-transform: uppercase;color: var(--text-dimmer);border-bottom: 1px solid var(--line);}.tbl-row{border-radius: 10px;}.tbl-row.expandable{cursor: pointer;}.tbl-row:hover{background: var(--card-hi);}.tbl-row.open .cha-chevron{transform: rotate(90deg);color: var(--lime);}.tbl-row.top .cha-avatar{background: var(--lime);color: #0a0a0b;}.cell-client{display: flex;align-items: center;gap: 12px;min-width: 0;}.num{text-align: right;font: 13px var(--mono);}.num.strong{font-weight: 600;}.dim{color: var(--text-dim);font-size: 12px;}.plan{color: var(--text-dim);font: 11px var(--mono);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.cha-tx-panel{margin-left: 56px;margin-bottom: 6px;}.cha-tx-desc{color: var(--text-dimmer);flex: 1;margin-left: 14px;}.empty-msg{padding: 34px 8px;text-align: center;color: var(--text-dim);font-size: 13px;}.icon-btn{width: 38px;height: 38px;border-radius: 12px;border: 1px solid var(--line);background: var(--card);color: var(--text);display: inline-flex;align-items: center;justify-content: center;cursor: pointer;}.icon-btn:hover{background: var(--card-hi);}.icon-btn:focus-visible, .pager button:focus-visible{outline: 2px solid var(--lime);outline-offset: 2px;}.icon-btn svg{width: 18px;height: 18px;}.menu.right{left: auto;right: 0;}.list-title{display: flex;align-items: baseline;gap: 12px;}.pager{display: flex;align-items: center;gap: 6px;border-top: 1px solid var(--line);margin-top: 6px;padding: 14px 8px 2px;}.pager button{width: 30px;height: 30px;border-radius: 8px;border: 0;background: none;color: var(--text);font-size: 20px;line-height: 1;cursor: pointer;}.pager button:hover:not(:disabled){background: var(--card-hi);}.pager button:disabled{color: var(--text-dimmer);cursor: default;}.pager .txt{margin-left: 14px;font-size: 13px;color: var(--text-dim);}.chip{font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--text-dim);white-space:nowrap}.chip.paid{color:var(--lime);border-color:rgba(200,240,49,.35)}.chip.owed{color:#f0c14b;border-color:rgba(240,193,75,.4)}.from-tag{display:inline-block;font:10px var(--mono);color:#7fd1ff;border:1px solid rgba(127,209,255,.35);border-radius:999px;padding:1px 8px;margin-top:3px}.plan-sel{background:#0e0e10;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:7px 10px;font:12px var(--mono);color-scheme:dark;max-width:100%}.plan-sel.monthly{color:var(--lime);border-color:rgba(200,240,49,.35)}.plan-sel:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.sub2{color:var(--text-dimmer);font:11px var(--mono);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbl-head,.tbl-row{grid-template-columns:22px minmax(0,2fr) 190px 70px 100px 130px}@media (max-width: 720px){.picker{grid-template-columns: 1fr;}.picker-foot{grid-column: 1;}.cals{grid-template-columns: 1fr;}.cals .cal:nth-child(2){display: none;}.presets{flex-direction: row;flex-wrap: wrap;}.tbl-head, .tbl-row{grid-template-columns: 22px minmax(0,1fr) 120px;}.hide-sm{display: none;}.cha-dash{padding: 18px;}}.shell{--bg:#0a0a0b;--card:#141416;--card-hi:#1a1a1d;--line:#232326;--lime:#c8f031;--text:#f5f5f0;--text-dim:#8a8a8e;--text-dimmer:#58585c;--mono:'JetBrains Mono',ui-monospace,'SF Mono',monospace;--sans:-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',sans-serif;max-width:1280px;margin:0 auto;display:flex;gap:14px;align-items:stretch;font-family:var(--sans)}.shell .cha-dash{flex:1;min-width:0;max-width:none;margin:0}.rail{width:68px;flex:none;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 8px;background:var(--bg);border-radius:20px;color:var(--text)}.rail-btn{position:relative;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s}.rail-btn svg{width:20px;height:20px}.rail-btn:hover{background:var(--card-hi);color:var(--text)}.rail-btn.active{background:var(--lime);border-color:var(--lime);color:#0a0a0b}.rail-btn:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.rail-btn::after{content:attr(data-label);position:absolute;left:58px;top:50%;transform:translateY(-50%);background:var(--card-hi);border:1px solid var(--line);color:var(--text);font:12px var(--sans);padding:5px 9px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s;z-index:40}.rail-btn:hover::after,.rail-btn:focus-visible::after{opacity:1}.rail-gap{flex:1}.rail-logo{font:700 13px var(--mono);letter-spacing:.08em;color:var(--lime);margin:4px 0 10px}[hidden]{display:none !important}.pay-row{display:grid;grid-template-columns:90px minmax(0,2fr) 120px 60px 130px 110px;gap:12px;align-items:center;padding:10px 8px;border-radius:10px}.pay-row:hover{background:var(--card-hi)}.pay-head{display:grid;grid-template-columns:90px minmax(0,2fr) 120px 60px 130px 110px;gap:12px;padding:10px 8px;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dimmer);border-bottom:1px solid var(--line)}.tbl-head .num,.pay-head .num{font:10px var(--mono)}.cha-head h1.greet{font-size:34px;letter-spacing:-0.03em}.up-line{font:11px var(--mono);color:var(--lime);margin-top:6px;min-height:14px}.set-row{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.set-row:last-child{border-bottom:0}.set-row .k{color:var(--text-dim)}.set-row .v{font-family:var(--mono);font-size:13px;text-align:right}.set-note{color:var(--text-dimmer);font-size:12px;margin-top:14px;line-height:1.5}@media (max-width:720px){.shell{flex-direction:column}.rail{width:auto;flex-direction:row;justify-content:center;padding:8px}.rail-gap{display:none}.rail-logo{display:none}.rail-btn::after{display:none}.pay-head,.pay-row{grid-template-columns:70px minmax(0,1fr) 110px}}.shell{--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--r-card:24px;--r-ctl:999px;gap:var(--s4);max-width:1360px;padding:0}.shell .cha-dash{padding:var(--s4) var(--s7) var(--s8);border-radius:28px;min-height:760px}.topbar{display:flex;justify-content:flex-end;align-items:center;height:48px;margin-bottom:var(--s2)}.user-chip{display:inline-flex;align-items:center;gap:var(--s3);height:44px;padding:0 var(--s4) 0 var(--s2);background:var(--card);border:1px solid var(--line);border-radius:var(--r-ctl);color:var(--text);font:500 14px var(--sans);cursor:pointer}.user-chip:hover{background:var(--card-hi)}.user-chip:focus-visible,.rail-item:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.user-chip svg{color:var(--text-dim)}.user-av{width:28px;height:28px;border-radius:50%;background:var(--lime);color:#0a0a0b;font:700 11px var(--mono);display:flex;align-items:center;justify-content:center}.page{max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:var(--s5)}.page>section[hidden]{display:none!important}.page>section:not(.hero){display:flex;flex-direction:column;gap:var(--s5)}.row{margin-bottom:0}.hero{display:flex;flex-direction:column;gap:var(--s3)}.hero h1{margin:0;font-weight:600;letter-spacing:-0.035em;line-height:1.08;color:var(--text)}.hero p{margin:0;color:var(--text-dim);font-size:16px;line-height:1.5}.hero p:empty{display:none}.hero[data-mode=center]{align-items:center;text-align:center;padding:var(--s7) 0 var(--s6)}.hero[data-mode=center] h1{font-size:44px}.hero[data-mode=center] .ctl-wrap{justify-content:center;margin-top:var(--s5)}.hero[data-mode=center] .picker{left:50%;transform:translateX(-50%);text-align:left}.hero[data-mode=left]{align-items:flex-start;text-align:left;padding:var(--s4) 0 0}.hero[data-mode=left] h1{font-size:32px}.hero[data-mode=left] .ctl-wrap{margin-top:var(--s3)}.hero .ctl-wrap{width:100%;margin-bottom:0}.hero[data-mode=left] #page-title{margin-bottom:var(--s2)}.pill{height:44px;padding:0 var(--s4);font-size:14px}.ctl-wrap{gap:var(--s3)}.cha-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5);margin:0}.cha-card{border-radius:var(--r-card);padding:var(--s5) 28px 28px;min-height:184px;display:flex;flex-direction:column}.cha-stat-label{font-size:14px;color:var(--text-dim);margin-bottom:var(--s3)}.cha-stat-value{font-size:40px;line-height:1.1}.cha-stat-value .cents{font-size:24px}.cha-stat-sub,.delta{margin-top:auto;padding-top:var(--s4);font-size:12px;line-height:1.5}.up-line{margin-top:var(--s1);font-size:12px;line-height:1.5}.cha-stat-value + .cha-stat-sub{margin-top:auto}.cha-chart-card,.cha-list-card{border-radius:var(--r-card);padding:28px}.cha-chart-head{margin-bottom:var(--s2)}.cha-chart-head h3,.cha-list-head h3{font-size:18px;font-weight:600;letter-spacing:-0.01em}.cha-chart-total{font-size:13px}.cha-chart-card .cha-bars{height:240px;margin-top:var(--s5);gap:var(--s3)}.cha-list-head{margin-bottom:var(--s4);min-height:44px}.tbl-head,.pay-head{padding:var(--s3) var(--s2)}.tbl-row,.pay-row{padding:var(--s3) var(--s2);min-height:64px}.pager{padding:var(--s4) var(--s2) 0;margin-top:var(--s2)}.set-row{padding:var(--s4) 0}.rail{width:88px;gap:var(--s2);padding:var(--s4) var(--s2);border-radius:28px}.rail-logo{width:48px;height:48px;border-radius:16px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;margin:0 0 var(--s5);font:700 12px var(--mono);letter-spacing:.06em;color:var(--lime)}.rail-item{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:var(--s2) 0;background:none;border:0;color:var(--text-dim);cursor:pointer;font:500 11px var(--sans);border-radius:16px}.rail-item .ic{width:48px;height:48px;border-radius:50%;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.rail-item .ic svg{width:20px;height:20px}.rail-item:hover .ic{background:var(--card-hi);color:var(--text)}.rail-item:hover{color:var(--text)}.rail-item.active{color:var(--text)}.rail-item.active .ic{background:var(--lime);border-color:var(--lime);color:#0a0a0b}@media (max-width:1100px){.shell .cha-dash{padding:var(--s4) var(--s5) var(--s7)}.cha-stats{grid-template-columns:1fr 1fr}.cha-stats .cha-card:last-child{grid-column:1/-1}}@media (max-width:720px){.shell{flex-direction:column}.rail{width:auto;flex-direction:row;justify-content:space-around;padding:var(--s2) var(--s3);border-radius:24px}.rail-logo{display:none}.rail-item{width:auto;flex:1}.rail-item .ic{width:40px;height:40px}.shell .cha-dash{padding:var(--s3) var(--s4) var(--s6);min-height:0}.hero[data-mode=center]{padding:var(--s5) 0 var(--s4)}.hero[data-mode=center] h1{font-size:30px}.hero[data-mode=left] h1{font-size:26px}.hero[data-mode=center] .ctl-wrap{flex-direction:column;align-items:stretch}.hero .ctl-wrap .pill,.hero .ctl-wrap .pill-wrap{width:100%;justify-content:space-between}.cha-stats{grid-template-columns:1fr;gap:var(--s4)}.cha-card{min-height:0}.cha-chart-card,.cha-list-card{padding:var(--s5) var(--s4)}}.rail,.topbar,.page{box-sizing:border-box}html,body{background:#0a0a0b}body{padding:0;min-height:100vh}.mock-banner{max-width:none;margin:0;border:0;border-bottom:1px solid #232326;border-radius:0;background:#0f0f11;padding:8px var(--s4,16px);text-align:center;font-size:12px}.shell{max-width:none;margin:0;gap:0;min-height:calc(100vh - 34px);align-items:stretch;background:#0a0a0b}.rail{position:sticky;top:0;align-self:flex-start;height:100vh;width:96px;border-radius:0;border-right:1px solid var(--line);padding:var(--s5) var(--s2);background:#0a0a0b}.rail-logo{margin-bottom:var(--s6)}.shell .cha-dash{border-radius:0;padding:0;min-height:0;background:#0a0a0b}.topbar{position:sticky;top:0;z-index:20;height:72px;margin:0;padding:0 var(--s7);justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(10,10,11,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.crumb{display:flex;align-items:center;gap:var(--s3);font:500 14px var(--sans);color:var(--text-dim)}.crumb b{color:var(--text);font:700 13px var(--mono);letter-spacing:.08em}.crumb span::before{content:"";display:inline-block;width:1px;height:14px;background:var(--line);margin-right:var(--s3);vertical-align:middle}.page{width:100%;max-width:1200px;padding:var(--s5) var(--s7) 96px;margin:0 auto}.hero[data-mode=center]{padding:var(--s8) 0 var(--s6)}.hero[data-mode=center] h1{font-size:52px}.hero[data-mode=center] p{font-size:17px}.hero[data-mode=left]{padding:var(--s6) 0 0}.hero[data-mode=left] h1{font-size:36px}@media (max-width:1100px){.topbar{padding:0 var(--s5)}.page{padding:var(--s5) var(--s5) var(--s8)}}@media (max-width:720px){.shell{flex-direction:column;min-height:0}.rail{position:sticky;top:0;z-index:30;height:auto;width:100%;flex-direction:row;justify-content:space-around;border-right:0;border-bottom:1px solid var(--line);padding:var(--s2) var(--s3)}.topbar{position:static;height:56px;padding:0 var(--s4);backdrop-filter:none}.crumb span{display:none}.page{padding:var(--s4) var(--s4) var(--s7)}.hero[data-mode=center] h1{font-size:30px}.hero[data-mode=left] h1{font-size:26px}}.btn-lime{height:44px;padding:0 var(--s5);border:0;border-radius:999px;background:var(--lime);color:#0a0a0b;font:600 14px var(--sans);cursor:pointer}.btn-lime:hover{filter:brightness(1.07)}.btn-ghost{height:44px;padding:0 var(--s5);border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text);font:500 14px var(--sans);cursor:pointer}.btn-ghost:hover{background:var(--card-hi)}.btn-lime:focus-visible,.btn-ghost:focus-visible,.fld input:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.m-form{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--s4);padding:var(--s5);margin-bottom:var(--s5);background:var(--card-hi);border:1px solid var(--line);border-radius:20px}.m-form[hidden]{display:none}.fld{display:flex;flex-direction:column;gap:var(--s2);font:500 12px var(--sans);color:var(--text-dim)}.fld em{font-style:normal;color:var(--text-dimmer)}.fld input{height:44px;padding:0 var(--s4);background:var(--bg);border:1px solid var(--line);border-radius:12px;color:var(--text);font:500 15px var(--sans);width:100%;box-sizing:border-box}.fld .inp{position:relative}.fld .inp i{position:absolute;left:var(--s4);top:50%;transform:translateY(-50%);font-style:normal;color:var(--text-dim)}.fld .inp input{padding-left:32px}.m-preview{grid-column:1/-1;font:13px/1.5 var(--mono);color:var(--text-dim);padding:var(--s3) var(--s4);background:var(--bg);border-radius:12px}.m-preview b{color:var(--lime);font-weight:600}.m-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:var(--s3)}.m-head,.m-row{display:grid;grid-template-columns:minmax(0,1.6fr) 1fr 1fr 1fr 88px 1fr 1fr 40px;gap:var(--s3);align-items:center;padding:var(--s3) var(--s2)}.m-head{font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dimmer);border-bottom:1px solid var(--line)}.m-row{min-height:64px;border-bottom:1px solid var(--line);font-size:14px}.m-row:last-child{border-bottom:0}.m-row .nm{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-row .num,.m-head .num{text-align:right;font-family:var(--mono);font-size:13px}.m-row .strong{color:var(--lime);font-weight:600}.m-row .left-in{width:64px;height:36px;text-align:center;background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--text);font:600 13px var(--mono);justify-self:end}.m-row .left-in:focus-visible{outline:2px solid var(--lime);outline-offset:1px}.m-row .rm{width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--text-dimmer);font-size:18px;cursor:pointer}.m-row .rm:hover{background:var(--card-hi);color:var(--text)}.m-empty{padding:var(--s6) 0;text-align:center;color:var(--text-dim);font-size:14px}@media (max-width:1100px){.m-form{grid-template-columns:1fr 1fr}}@media (max-width:720px){.m-form{grid-template-columns:1fr;padding:var(--s4)}.m-head{display:none}.m-row{grid-template-columns:minmax(0,1fr) auto auto auto;gap:var(--s2)}.m-row>.hide-sm{display:none}.m-row .rm{display:none}}@media (max-width:720px){.m-row .left-in{width:52px}}.fld select{height:44px;padding:0 var(--s4);background:var(--bg);border:1px solid var(--line);border-radius:12px;color:var(--text);font:500 15px var(--sans);width:100%;color-scheme:dark}.fld select:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.plan-link{background:transparent;border:1px solid rgba(200,240,49,.35);border-radius:10px;padding:7px 10px;color:var(--lime);font:12px var(--mono);cursor:pointer}.plan-link:hover{background:rgba(200,240,49,.08)}.plan-link:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.combo{position:relative}#f-list{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 6px);margin:0;padding:var(--s1);list-style:none;max-height:240px;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.5)}#f-list[hidden]{display:none}#f-list li{padding:10px var(--s3);border-radius:10px;font:500 14px var(--sans);color:var(--text);cursor:pointer}#f-list li.act{background:var(--card-hi)}#f-list li.sel{color:var(--lime)}#f-list li.none{color:var(--text-dim);cursor:default}.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--s4,16px);background:rgba(0,0,0,.65);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal[hidden]{display:none}.modal-card{width:100%;max-width:420px;background:#141416;border:1px solid #232326;border-radius:24px;padding:32px;box-shadow:0 24px 64px rgba(0,0,0,.6);color:#f5f5f0;font-family:-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',sans-serif}.modal-card h3{margin:0 0 8px;font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.3}.modal-card p{margin:0 0 24px;font-size:14px;line-height:1.5;color:#8a8a8e}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.modal .btn-ghost{height:44px;padding:0 24px;border:1px solid #3a3a3e;border-radius:999px;background:transparent;color:#f5f5f0;font:500 14px -apple-system,BlinkMacSystemFont,'Inter',sans-serif;cursor:pointer}.modal .btn-ghost:hover{background:#1a1a1d}.btn-danger{height:44px;padding:0 24px;border:0;border-radius:999px;background:#ff5d5d;color:#1a0505;font:600 14px -apple-system,BlinkMacSystemFont,'Inter',sans-serif;cursor:pointer}.btn-danger:hover{filter:brightness(1.08)}.btn-danger:focus-visible,.modal .btn-ghost:focus-visible{outline:2px solid #f5f5f0;outline-offset:2px}@media (max-width:480px){.modal-card{padding:24px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.auth-wrap{min-height: calc(100vh - 40px);display: flex;align-items: center;justify-content: center;}.auth-card{width: 100%;max-width: 400px;background: #141416;border: 1px solid #232326;border-radius: 18px;padding: 32px 28px;color: #f5f5f0;font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', sans-serif;}.auth-card .eyebrow{font-family: ui-monospace, 'SF Mono', monospace;font-size: 11px;letter-spacing: 0.12em;text-transform: uppercase;color: #c8f031;display: block;margin-bottom: 10px;}.auth-card h1{font-size: 24px;font-weight: 600;margin: 0 0 6px;letter-spacing: -0.02em;}.auth-card p{color: #8a8a8e;font-size: 14px;line-height: 1.5;margin: 0 0 20px;}.auth-card input[type=email]{width: 100%;box-sizing: border-box;background: #0a0a0b;color: #f5f5f0;border: 1px solid #232326;border-radius: 12px;padding: 13px 14px;font-size: 15px;margin-bottom: 12px;outline: none;}.auth-card input[type=email]:focus{border-color: #c8f031;}.auth-card button.primary{width: 100%;background: #c8f031;color: #0a0a0b;border: 0;border-radius: 12px;padding: 13px 14px;font-size: 15px;font-weight: 700;cursor: pointer;}.auth-card button.primary:disabled{opacity: 0.6;cursor: default;}.auth-note{margin-top: 14px;font-size: 13px;color: #8a8a8e;min-height: 18px;}.auth-note.err{color: #ff7a7a;}.auth-card button.link{background: none;border: 0;color: #8a8a8e;text-decoration: underline;font-size: 13px;cursor: pointer;padding: 0;margin-top: 8px;}.shell[hidden]{display:none}.auth-wrap{min-height:100vh;padding:16px;box-sizing:border-box}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:120;background:#1a1a1d;border:1px solid #3a3a3e;color:#f5f5f0;padding:12px 18px;border-radius:14px;font:500 14px -apple-system,BlinkMacSystemFont,'Inter',sans-serif;box-shadow:0 12px 32px rgba(0,0,0,.5)}.toast[hidden]{display:none}
#slot-overview,#slot-payouts{width:100%}.picker{width:min(820px,calc(100vw - 32px));background:#141416}.hero[data-mode=center] .picker{left:50%;transform:translateX(-50%)}@media (max-width:720px){.picker{width:auto;left:0!important;right:0;transform:none!important}}