:root{--nav:#071427;--nav-soft:#0d213e;--bg:#f4f7fb;--surface:#fff;--surface-muted:#f8fafc;--text:#0f1b32;--muted:#60708a;--line:#dce4ef;--line-strong:#c8d4e5;--blue:#2764e6;--blue-dark:#1f51ba;--green:#129263;--orange:#c9770d;--red:#c73535;--white:#fff;--shadow:0 12px 32px #0f1b320f;--shadow-soft:0 8px 20px #0f1b320a}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:0;font-size:32px;line-height:1.15}h2{letter-spacing:0;font-size:19px;line-height:1.25}h3{letter-spacing:0;font-size:16px;line-height:1.3}code{background:#eef2f8;border-radius:5px;padding:2px 5px}.home-screen,.auth-screen{background:linear-gradient(180deg, #ffffffb8, #f4f7fbeb), var(--bg);place-items:center;min-height:100vh;padding:30px;display:grid}.home-panel{background:var(--surface);border:1px solid var(--line);width:min(640px,100%);box-shadow:var(--shadow);border-radius:8px;padding:34px}.auth-card{background:var(--surface);border:1px solid var(--line);width:min(980px,100%);min-height:560px;box-shadow:var(--shadow);border-radius:8px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.auth-form{padding:44px}.auth-alert{border:1px solid var(--line);border-radius:8px;gap:5px;padding:12px 14px;line-height:1.35;display:grid}.auth-alert strong{font-size:14px}.auth-alert span{color:var(--muted)}.auth-alert.error{background:#fff6f4;border-color:#c7353547}.auth-alert.error strong{color:var(--red)}.inline-link{color:var(--blue);justify-self:start;font-weight:800}.inline-link:hover{color:var(--blue-dark)}.auth-visual,.checkout-left{color:#fff;background:linear-gradient(145deg, #2764e62e, transparent 52%), linear-gradient(180deg, var(--nav) 0%, #061020 100%);flex-direction:column;justify-content:space-between;padding:44px;display:flex}.auth-visual h2,.checkout-left h1{margin:12px 0;font-size:38px;line-height:1.05}.auth-visual p,.checkout-left p{color:#b8c3d8}.shell{background:var(--bg);grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:linear-gradient(145deg, #2764e629, transparent 44%), linear-gradient(180deg, var(--nav) 0%, #061020 100%);color:#fff;height:100vh;padding:28px 18px;position:sticky;top:0}.sidebar-brand{letter-spacing:0;margin:2px 10px 24px;font-size:17px;font-weight:900}.sidebar nav{gap:6px;display:grid}.sidebar a,.sidebar button{color:#dce7f7;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:11px 12px;font-weight:700}.sidebar a:hover,.sidebar a.active,.sidebar button:hover{background:var(--blue-dark);color:#fff}.main{padding:32px;overflow-x:auto}.operator-shell{background:var(--bg);grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.operator-sidebar{background:linear-gradient(145deg, #2764e629, transparent 44%), linear-gradient(180deg, var(--nav) 0%, #061020 100%);color:#fff;height:100vh;padding:28px 16px;position:sticky;top:0}.operator-sidebar-title{margin:4px 10px 24px;font-weight:900}.operator-context{border:1px solid #7b9ac973;border-radius:8px;margin:0 10px 20px;padding:14px 12px}.operator-context span{color:#a9b8cf;text-transform:uppercase;font-size:11px;font-weight:900;line-height:1.4;display:block}.operator-context strong{margin-top:5px;display:block}.operator-sidebar nav{gap:7px;display:grid}.operator-sidebar a,.operator-sidebar button{color:#edf4ff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:12px;font-weight:700}.operator-sidebar a:hover,.operator-sidebar a.active,.operator-sidebar button:hover{color:#fff;background:#235bb9}.operator-sidebar .operator-back-link{margin-top:18px}.operator-sidebar form{margin:18px 10px 0}.operator-sidebar form button{border:1px solid #7b9ac980;width:100%;font-weight:900}.operator-main{padding:32px;overflow-x:auto}.operator-mode-banner{color:#0d438f;background:#edf5ff;border:1px solid #bdd5ff;border-radius:8px;align-items:center;gap:12px;margin-bottom:34px;padding:14px 16px;display:flex}.operator-mode-banner strong{color:#084294}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.topbar h1,.auth-form h1,.home-panel h1,.public-hero h1{margin:0 0 8px}.muted{color:var(--muted)}.eyebrow{color:var(--blue);text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.card,.section-card,.table{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:8px;padding:18px}.card h2,.card h3,.section-card h2,.section-card h3{margin-top:0}.section-card{margin-bottom:16px}.section-card>:last-child,.card>:last-child{margin-bottom:0}.metric strong{margin-top:8px;font-size:28px;line-height:1.1;display:block}.table{padding:0;overflow:hidden}.table-row,.table-head{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 16px;display:grid}.table-head{background:var(--surface-muted);color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.table-row:last-child{border-bottom:0}.actions,.inline-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn,button.btn{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;min-height:38px;padding:9px 14px;font-weight:800;transition:background .14s,border-color .14s,color .14s,box-shadow .14s,transform .14s;display:inline-flex}.btn.primary{color:#fff;background:var(--blue);box-shadow:0 8px 18px #2764e62e}.btn.primary:hover{background:var(--blue-dark)}.btn.secondary{color:var(--text);background:var(--surface);border-color:var(--line)}.btn.secondary:hover{border-color:var(--line-strong);background:var(--surface-muted)}.btn.danger{color:var(--red);background:#fff7f7;border-color:#f1cbcb}.btn.full{width:100%}.badge{border-radius:999px;align-items:center;width:fit-content;padding:5px 10px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.badge.green{color:#0d6944;background:#e7f7ef}.badge.orange{color:#925306;background:#fff2d9}.badge.gray{color:#556276;background:#edf1f6}form.stack,.stack{align-content:start;gap:14px;display:grid}.stack>.btn,.stack>button.btn{justify-self:start}.stack>.btn.full,.stack>button.btn.full{justify-self:stretch;width:100%}.setup-card{min-height:0}label{color:var(--text);gap:7px;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:var(--surface);border-radius:7px;outline:none;padding:10px 12px;transition:border-color .14s,box-shadow .14s,background .14s}input:focus,select:focus,textarea:focus{border-color:#2764e69e;box-shadow:0 0 0 4px #2764e61f}input[type=color]{cursor:pointer;min-height:44px;padding:4px}textarea{resize:vertical;min-height:108px}.form-result{min-height:20px;margin:0;font-weight:700}.form-result.success{color:var(--green)}.form-result.error{color:var(--red)}.form-section-heading{gap:4px;display:grid}.form-section-heading:not(:first-child){border-top:1px solid var(--line);margin-top:8px;padding-top:18px}.form-section-heading h2{margin:0}.empty-state{background:var(--surface);border:1px dashed var(--line);color:var(--muted);box-shadow:var(--shadow-soft);border-radius:8px;padding:22px}.public-site{background:var(--bg);min-height:100vh}.public-header{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;height:74px;padding:0 min(5vw,62px);display:flex;position:sticky;top:0}.brand-mark{align-items:center;gap:10px;font-weight:900;display:flex}.brand-mark img{object-fit:contain;width:42px;height:42px}.public-hero{padding:48px min(5vw,62px) 28px}.public-hero h1{font-size:40px}.public-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0 min(5vw,62px) 54px;display:grid}.platform-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:8px;gap:14px;padding:16px;display:grid}.platform-card img,.platform-logo-fallback{aspect-ratio:2;object-fit:contain;background:#eef2f8;border-radius:7px;width:100%}.platform-logo-fallback{color:var(--nav);place-items:center;font-size:30px;font-weight:900;display:grid}.platform-card h3{margin:0}.platform-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.modal-backdrop{z-index:50;background:#08162d8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:14px;width:min(440px,100%);padding:22px;display:grid;position:relative;box-shadow:0 24px 70px #0f1b3242}.icon-close{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:50%;width:32px;height:32px;position:absolute;top:12px;right:12px}.hidden-field{opacity:0;width:1px;height:1px;position:absolute;left:-100vw}.checkout{grid-template-columns:minmax(320px,.95fr) minmax(360px,1.05fr);min-height:100vh;display:grid}.checkout-right{background:#fff;padding:44px}.checkout-summary{gap:12px;display:grid}.summary-line{border-bottom:1px solid #ffffff26;justify-content:space-between;gap:16px;padding-bottom:10px;display:flex}.segmented{border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr 1fr;margin-bottom:14px;display:grid;overflow:hidden}.segmented button{cursor:pointer;background:#fff;border:0;padding:11px;font-weight:800}.segmented button.active{color:#fff;background:var(--blue)}.qr-panel{gap:12px;margin-top:18px;display:grid}.qr-panel img{border:1px solid var(--line);border-radius:8px;width:260px;height:260px}.payment-received-panel{background:linear-gradient(180deg, #f0fbf5 0%, #fff 78%), var(--surface);box-shadow:var(--shadow-soft);border:1px solid #a9dfbf;border-radius:8px;gap:16px;margin-top:18px;padding:22px;display:grid;position:relative;overflow:hidden}.payment-received-heading h2{margin:0 0 4px}.payment-received-heading p{margin:0}.celebration{justify-content:center;align-items:flex-start;gap:10px;height:52px;display:flex}.celebration span{background:var(--green);border-radius:3px;width:8px;height:30px;animation:.85s ease-out both celebration-drop}.celebration span:nth-child(2){background:var(--blue);animation-delay:70ms}.celebration span:nth-child(3){background:var(--orange);animation-delay:.14s}.celebration span:nth-child(4){background:#21a1a1;animation-delay:.21s}.celebration span:nth-child(5){background:#b453c8;animation-delay:.28s}.celebration span:nth-child(6){background:#e04d4d;animation-delay:.35s}.receipt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.receipt-item{border:1px solid var(--line);background:var(--surface);border-radius:7px;min-width:0;padding:11px 12px}.receipt-item.wide{grid-column:1/-1}.receipt-item span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900;line-height:1.25;display:block}.receipt-item strong{overflow-wrap:anywhere;margin-top:4px;line-height:1.3;display:block}.status-waiting{gap:8px;display:grid}.status-waiting p,.status-waiting strong,.status-waiting span{margin:0}.status-waiting strong{color:var(--text)}@keyframes celebration-drop{0%{opacity:0;transform:translateY(-22px)rotate(0)}55%{opacity:1;transform:translateY(5px)rotate(18deg)}to{opacity:1;transform:translateY(0)rotate(-8deg)}}@media (prefers-reduced-motion:reduce){.celebration span{animation:none}}@media (max-width:900px){.auth-card,.shell,.operator-shell,.checkout{grid-template-columns:1fr}.sidebar{display:none}.operator-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.main,.operator-main,.auth-form,.auth-visual,.checkout-left,.checkout-right{padding:22px}.grid3,.grid2,.public-grid,.table-row,.table-head,.receipt-grid{grid-template-columns:1fr}}@media (max-width:640px){.operator-sidebar nav{grid-template-columns:1fr}.operator-mode-banner,.topbar{flex-direction:column;align-items:stretch}.public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-actions{grid-template-columns:1fr}}