:root{--bg:#080d13;--panel:#0e151e;--panel2:#111b27;--line:#243140;--text:#f5f7fb;--muted:#91a0b4;--green:#2be36d;--green2:#102c1c;--blue:#4b7cff;--amber:#ffc443;--red:#ff5364}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}button,a,input{font:inherit}button,a{cursor:pointer}header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;background:#080d13f2;backdrop-filter:blur(12px);z-index:5}.logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:800;font-size:19px}.logo>b{display:grid;place-items:center;width:40px;height:40px;background:var(--green);color:#04130a;border-radius:10px}.logo small{display:block;color:var(--green);font-size:9px;letter-spacing:2px}.head-right{display:flex;align-items:center;gap:12px}.plan-pill{padding:8px 13px;border-radius:99px;background:var(--green2);color:var(--green);font-size:12px;font-weight:800}.open-app,.primary,.secondary,.danger,.head-right button{border:1px solid var(--line);border-radius:10px;padding:12px 17px;color:#fff;text-decoration:none;background:#121b26;font-weight:750}.open-app,.primary{background:var(--green);border-color:var(--green);color:#05150a}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 80px)}aside{border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;justify-content:space-between}nav{display:grid;gap:8px}.nav{border:0;background:transparent;color:#b7c2d1;padding:13px 15px;border-radius:10px;text-align:left}.nav.active{background:var(--green2);color:var(--green);font-weight:800}.aside-bottom{display:grid;gap:14px}.aside-bottom>a{color:#9fb0c4;text-decoration:none;padding:10px}.room-card{border:1px solid var(--line);border-radius:12px;padding:15px;display:grid;gap:4px}.room-card small,.eyebrow{font-size:10px;letter-spacing:1.7px;color:#8190a5;font-weight:800}.room-card strong{font-size:20px;color:var(--green)}.room-card span{font-size:12px;color:var(--muted)}main{padding:28px;max-width:1500px;width:100%;margin:0 auto}.welcome,.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.welcome h1{font-size:34px;margin:6px 0}.welcome p,.section-title p,.panel p{color:var(--muted);margin:6px 0}.tab{display:none}.tab.active{display:block}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stats article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.stats article{display:grid;gap:7px}.stats span,.details span{font-size:12px;color:var(--muted)}.stats strong{font-size:24px}.stats small{color:#718196}.grid.two{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.panel-head,.plan-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel h2,.section-title h2{margin:5px 0 8px}.linkbtn{background:transparent;border:0;color:var(--green)}.details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.details>div{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:13px;display:grid;gap:5px}.plan-title span{background:var(--green2);color:var(--green);padding:7px 10px;border-radius:99px;font-size:11px;font-weight:800}.actions{display:flex;gap:10px;flex-wrap:wrap}.secondary{background:#121b26}.danger{background:#30151a;border-color:#5b2931;color:#ff9aa5}.rooms{display:grid;gap:10px}.room{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.room h3{margin:0 0 5px}.room small{color:var(--muted)}.room-actions{display:flex;gap:8px}.room-actions button{border:1px solid var(--line);background:#131c27;color:#fff;border-radius:9px;padding:9px 12px}.room-actions .open{background:var(--green);color:#06130a}.notice{padding:14px 16px;border:1px solid #654d1a;background:#241d0c;border-radius:10px;margin-bottom:15px}.error{border-color:#63303a;background:#281116}.payment-table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line)}th{font-size:11px;color:#7f90a6;text-transform:uppercase;letter-spacing:1px}td{color:#dfe6ef}.status-paid{color:var(--green);font-weight:800}.receipt{border:1px solid var(--line);background:#121b26;color:#fff;border-radius:8px;padding:8px 10px}.narrow{max-width:720px}label{display:grid;gap:8px;margin:16px 0;font-weight:700}input{background:#0a1119;border:1px solid #304054;border-radius:10px;padding:13px;color:#fff;font-size:16px}.check{display:flex;align-items:center}.check input{width:18px;height:18px}.brand-preview{height:130px;border:1px solid var(--line);border-radius:12px;background:#05080b;display:grid;place-items:center;margin:18px 0;color:#fff}.brand-preview small{position:absolute;opacity:0}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;word-break:break-all}@media(max-width:900px){.shell{grid-template-columns:72px 1fr}aside span{display:none}.stats{grid-template-columns:1fr 1fr}.grid.two{grid-template-columns:1fr}main{padding:18px}.welcome h1{font-size:28px}}@media(max-width:600px){header{padding:0 12px;height:68px}.logo span{display:none}.head-right .plan-pill{display:none}.shell{display:block}aside{position:sticky;top:68px;z-index:4;padding:8px;border-right:0;border-bottom:1px solid var(--line);background:var(--bg)}aside nav{display:flex;overflow:auto}.nav{white-space:nowrap}.aside-bottom{display:none}.stats{grid-template-columns:1fr}.welcome,.section-title{align-items:flex-start;flex-direction:column}.room{align-items:flex-start;flex-direction:column}.details{grid-template-columns:1fr}.open-app{padding:10px}.head-right button{display:none}}

/* v23.4.1 reliable receipt viewer */
.receipt-actions{display:flex;gap:8px;flex-wrap:wrap}.primary-receipt{border-color:#1fdc70;background:#133a23;color:#39ef84}.receipt:disabled{opacity:.6;cursor:wait}.receipt-dialog{border:1px solid var(--line);border-radius:18px;padding:0;background:transparent;color:#fff;max-width:680px;width:calc(100% - 28px);box-shadow:0 28px 80px rgba(0,0,0,.55)}.receipt-dialog::backdrop{background:rgba(0,0,0,.72)}.receipt-sheet{background:#0d151f;padding:26px;border-radius:18px}.receipt-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px}.receipt-head h2{margin:5px 0}.paid-badge{background:var(--green2);color:var(--green);font-weight:900;padding:8px 12px;border-radius:99px}.receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.receipt-grid>div{background:#101a26;border:1px solid var(--line);border-radius:10px;padding:13px;display:grid;gap:6px}.receipt-grid span{font-size:12px;color:var(--muted)}.receipt-grid .wide{grid-column:1/-1}.receipt-note{color:var(--muted);font-size:13px}.receipt-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@media(max-width:600px){.receipt-grid{grid-template-columns:1fr}.receipt-grid .wide{grid-column:auto}.receipt-head{align-items:flex-start}.receipt-footer button{display:inline-flex}}