:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0a0d12;color:#eef2f7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#16202d 0,#0a0d12 36%,#080a0e 100%);min-height:100vh}.page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:42px 0 64px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:28px}.eyebrow{margin:0 0 8px;color:#8e9bad;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(32px,6vw,56px);line-height:1;margin:0 0 12px;letter-spacing:-.04em}.sub{margin:0;color:#9aa7b7;max-width:720px;line-height:1.65}.ghost,.segmented button,.quick-counts button{border:1px solid #2a3442;background:#111720;color:#dce5ef;border-radius:10px;cursor:pointer}.ghost{padding:10px 14px}.ghost.small{padding:9px 11px;font-size:12px}.controls{display:grid;grid-template-columns:1.1fr 1.4fr 1.2fr;gap:14px;background:rgba(14,19,27,.78);border:1px solid #202a37;border-radius:18px;padding:16px;backdrop-filter:blur(14px)}.control-block{display:flex;flex-direction:column;gap:9px;min-width:0}.label{font-size:12px;color:#8794a5}.segmented,.quick-counts{display:flex;gap:6px;flex-wrap:wrap}.segmented button,.quick-counts button{padding:9px 12px}.segmented button.active,.quick-counts button.active{background:#eef2f7;color:#0a0d12;border-color:#eef2f7}.quantity-row{display:flex;gap:8px;align-items:center}input{width:100%;border:1px solid #2a3442;background:#0d1219;color:#eef2f7;border-radius:10px;padding:10px 12px;outline:none}input:focus{border-color:#66758a}input[type=checkbox]{width:17px;height:17px;accent-color:#eef2f7;padding:0;cursor:pointer}#gpuCount{width:78px}.statusbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:18px 2px 10px;color:#8996a6;font-size:13px}.table-card,.payback-card{border:1px solid #202a37;background:rgba(10,14,20,.9);border-radius:18px;overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:860px}th,td{padding:15px 16px;border-bottom:1px solid #18212c;text-align:right;white-space:nowrap}th:first-child,td:first-child{text-align:center}th:nth-child(2),td:nth-child(2){text-align:left}th{position:sticky;top:0;background:#10161f;color:#7f8c9e;font-size:12px;font-weight:600;z-index:1}td{font-variant-numeric:tabular-nums}.select-head,.select-cell{width:64px}.selected-row{background:rgba(238,242,247,.045)}.gpu-name{font-weight:700}.muted{color:#778496}.price{font-size:17px;font-weight:800}.empty{text-align:center!important;color:#7f8b99;padding:44px 16px}.footnote{font-size:12px;line-height:1.7;color:#6f7a88;margin:14px 2px 0}.error{color:#ff9e9e}.payback-card{margin-top:18px;padding:20px}.payback-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:16px}.payback-head h2{margin:0 0 7px;font-size:24px;letter-spacing:-.02em}.payback-sub{margin:0;color:#8390a1;font-size:13px;line-height:1.6}.payback-tools{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;justify-content:flex-end}.fx-control{display:flex;flex-direction:column;gap:6px;color:#8794a5;font-size:11px}.fx-control input{width:92px;padding:9px 10px}.payback-empty{border:1px dashed #283443;border-radius:12px;padding:24px;text-align:center;color:#758292}.payback-wrap{border:1px solid #1b2531;border-radius:12px}.payback-table{min-width:980px}.payback-table th:first-child,.payback-table td:first-child{text-align:left}.payback-table th:nth-child(2),.payback-table td:nth-child(2){text-align:right}.payback-table tr:last-child td{border-bottom:0}.calc-input{width:148px;text-align:right;padding:9px 10px}.monthly-net,.payback-result{font-weight:700}.payback-result{color:#dce7f5}.config-note{margin-top:4px;font-size:11px;color:#6f7c8c;font-weight:400}.calc-note{margin:12px 2px 0;color:#697584;font-size:11px;line-height:1.65}[hidden]{display:none!important}@media(max-width:820px){.page{width:min(100% - 20px,1180px);padding-top:24px}.hero{flex-direction:column}.controls{grid-template-columns:1fr}.statusbar{align-items:flex-start;flex-direction:column}.ghost{align-self:flex-start}.payback-head{flex-direction:column}.payback-tools{justify-content:flex-start}.payback-card{padding:15px}}
