:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif;background:#080b0e;color:#f3f7f7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 45% -20%,#153943,#080b0e 48%)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:#42d9e9}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.topbar{max-width:1240px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26353a}.brand{font-size:22px;font-weight:800;letter-spacing:-.5px;text-decoration:none}.brand span{color:#fff}.topbar nav{display:flex;align-items:center;gap:22px}.topbar nav a,.topbar nav button{color:#b7c6cb;text-decoration:none;font-size:14px}.topbar nav button{border:0;background:none}main{max-width:1240px;margin:auto;padding:36px 28px 80px}.intro h1{font-size:clamp(30px,4vw,48px);margin:8px 0}.intro p{color:#aabac0}.eyebrow{color:#3fdbe5!important;font-size:12px;font-weight:700;letter-spacing:.16em}.layout{display:grid;grid-template-columns:210px 1fr;gap:28px;margin-top:28px}.side{align-self:start;display:grid;gap:6px}.side button{text-align:left;border:0;border-radius:10px;color:#aabac0;background:none;padding:13px 16px}.side button.active{background:#14343b;color:#5de6ed;font-weight:700}.panel{background:#10181c;border:1px solid #283940;border-radius:18px;padding:28px;min-height:330px}.panel h2{font-size:25px;margin:0 0 18px}.panel h3{font-size:18px;margin:0 0 16px}.muted{color:#9aadb4;line-height:1.55}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.stat,.form-card,.track,.round,.report,.empty{background:#0c1316;border:1px solid #28383d;border-radius:12px;padding:18px}.stat span,.stat small{display:block;color:#93a7af;font-size:13px}.stat strong{display:block;word-break:break-word;margin:11px 0;font-size:20px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.actions a,.actions button,.section-head button,.form-card button,.round button,.report button,.track button,.back{border:1px solid #46636b;border-radius:9px;padding:10px 14px;background:#15282e;color:#d9eeee;text-decoration:none;font-size:14px}.actions .primary,.section-head .primary,.form-card .primary,dialog .primary,.round .primary{border-color:#30c9d5;background:#30c9d5;color:#062126;font-weight:700}.section-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.section-head p{margin-top:-8px;max-width:680px}.track{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0}.track h3{margin:0 0 7px}.track p{margin:0;color:#9aadb4;font-size:13px}.track button,.round button{white-space:nowrap}.round{margin:12px 0}.round-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.round h4{margin:0}.round-meta{color:#9aadb4;font-size:13px;margin:7px 0 12px}.round select{width:auto}.report{margin:14px 0;line-height:1.6}.report h4{margin:22px 0 8px}.report h4:first-child{margin-top:0}.report p{white-space:pre-wrap}.report li{margin:8px 0}.report details{padding:12px 0;border-top:1px solid #273840}.report summary{cursor:pointer}.report .headline{font-size:20px;color:#e6fbfb}.prep-item{padding:12px;margin:10px 0;border:1px solid #30454c;border-radius:9px}.prep-item label{display:flex;align-items:center;gap:9px;cursor:pointer}.prep-item details{margin-left:24px;border:0}.form-card{margin:20px 0}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}label{display:block;color:#d0dcdf;font-size:14px;margin:12px 0}input,textarea,select{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #3b535b;border-radius:8px;background:#0a1114;color:#f1f7f7}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #35d8e3;outline-offset:1px}#notice{min-height:24px;color:#87e9c0}#notice.error{color:#ffaca6}dialog{width:min(94vw,600px);border:1px solid #41616a;border-radius:16px;padding:26px;background:#10191d;color:#fff}dialog::backdrop{background:#000b}dialog h2{margin-top:0}.empty{color:#9aadb4}hr{border:0;border-top:1px solid #26393f;margin:22px 0}@media(max-width:760px){.topbar{align-items:start;gap:12px}.topbar nav{gap:10px;flex-wrap:wrap;justify-content:end}.layout{display:block}.side{display:flex;overflow:auto;margin-bottom:16px}.side button{white-space:nowrap}.stat-grid,.fields{grid-template-columns:1fr}.panel{padding:20px}.section-head,.track,.round-head{align-items:stretch;flex-direction:column}}

.prep-item input[type=checkbox]{display:inline-block;width:auto;margin:0;accent-color:#30c9d5}

.payment-switch{display:inline-flex;gap:5px;margin:18px 0 4px;padding:5px;border:1px solid #30474e;border-radius:11px;background:#0b1519}
.payment-switch button{border:0;border-radius:7px;padding:10px 15px;color:#a9c0c7;background:transparent}
.payment-switch button[aria-pressed=true]{background:#1d535c;color:#e8ffff;font-weight:700}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.plan-card{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid #315059;border-radius:13px;background:#0b1519}
.plan-card h3{margin:0}.plan-card .term{color:#77cdd5;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.plan-card .price{font-size:27px;font-weight:800}.plan-card .price small{font-size:13px;color:#9aadb4;font-weight:400}
.plan-card .muted{margin:0;font-size:13px}.plan-card button{margin-top:auto;border:0;border-radius:8px;padding:12px;background:#30c9d5;color:#062126;font-weight:700}
.plan-card button:disabled{background:#24454c;color:#9cb2b8;cursor:not-allowed}
.order{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;margin:10px 0;padding:16px 18px;border:1px solid #2c4249;border-radius:11px;background:#0b1519}
.order strong{display:block;margin-bottom:4px}.order small{color:#9aadb4}.order .amount{text-align:right;font-weight:700}.order .status{text-align:right;color:#a9bec5;font-size:13px}
.order .status.paid{color:#8de5bb}.order .status.refunded{color:#ffc18c}.order .status.pending{color:#e8d596}
#moreOrders,#refreshBilling{border:1px solid #46636b;border-radius:9px;padding:10px 14px;background:#15282e;color:#d9eeee}
#moreOrders{margin-top:12px}
@media(max-width:900px){.plan-grid{grid-template-columns:1fr}}