:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;color:#1d1d1f;background:#f5f5f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#fff 0,#f5f5f7 38%,#eeeef2);min-height:100vh}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 26px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px}.brandMark{width:34px;height:34px;border-radius:10px;display:inline-grid;place-items:center;background:#111;color:#fff;box-shadow:0 8px 20px #0002}.brandMark.large{width:54px;height:54px;border-radius:16px;font-size:24px;margin:auto}.textButton{font-size:14px;color:#555}.page{max-width:1180px;margin:auto;padding:42px 24px 80px}.hero{text-align:center;max-width:760px;margin:25px auto 50px}.eyebrow,.summaryLabel,.navLabel{font-size:11px;letter-spacing:.14em;font-weight:800;color:#777}.hero h1,.adminTitle h1{font-size:54px;line-height:1.02;letter-spacing:-.05em;margin:10px 0 14px}.hero p{font-size:20px;line-height:1.5;color:#666;margin:0}.grid2{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:22px;align-items:start}.card{background:#ffffffd6;border:1px solid rgba(0,0,0,.07);border-radius:26px;box-shadow:0 18px 55px #00000013;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.formCard,.summaryCard,.trackerCard,.settingsCard,.adminCard{padding:28px}.summaryCard{position:sticky;top:24px}.sectionHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sectionHead>div{display:flex;align-items:center;gap:11px}.sectionHead h2,.settingsCard h2{font-size:20px;margin:0;letter-spacing:-.02em}.step{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-size:12px;font-weight:700}.muted{color:#7c7c80}.uploadBox{border:1.5px dashed #c9c9cf;border-radius:20px;min-height:164px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;background:#fafafa;transition:.2s}.uploadBox:hover{border-color:#8f8f96;background:#f7f7f8}.uploadBox input{display:none}.uploadIcon{font-size:28px}.uploadBox strong{max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uploadBox small,.helper{font-size:12px;color:#8a8a90;line-height:1.5}.divider{height:1px;background:#ececf0;margin:28px 0}.fieldGrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650;color:#555}input,select{width:100%;height:46px;border-radius:13px;border:1px solid #d8d8dd;background:#fff;padding:0 13px;color:#1d1d1f;outline:none;transition:.15s}input:focus,select:focus{border-color:#777;box-shadow:0 0 0 4px #0000000a}.notice,.readyBox{padding:13px 15px;border-radius:14px;background:#f1f4f9;color:#4c5870;font-size:12px;margin-top:15px}.primaryButton,.secondaryButton,.dangerButton{border:0;border-radius:13px;min-height:44px;padding:0 17px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.primaryButton{background:#111;color:#fff;width:100%;margin-top:16px}.primaryButton:hover{background:#262626}.primaryButton:disabled{opacity:.45;cursor:not-allowed}.secondaryButton{background:#efeff2;color:#222}.dangerButton{background:#fff0f0;color:#b42318}.primaryButton.small{width:auto;margin:0}.secondaryButton.tiny{min-height:34px;padding:0 11px;font-size:12px}.summaryLabel{display:block}.emptySummary{text-align:center;padding:65px 12px 45px}.bigGlyph{font-size:45px;color:#aaa}.emptySummary h3{margin:10px 0 8px}.emptySummary p{color:#888;line-height:1.55;font-size:14px}.priceHero{font-size:52px;letter-spacing:-.05em;font-weight:800;margin:18px 0 26px}.priceSmall{font-size:38px;font-weight:800;letter-spacing:-.04em;margin:8px 0}.summaryRows{border-top:1px solid #eee}.summaryRows>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #eee;padding:13px 0;font-size:13px}.summaryRows span{color:#888}.summaryRows strong{text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis}.center{text-align:center}.errorBox{background:#fff0f0;border:1px solid #ffd4d1;color:#a12820;padding:13px 15px;border-radius:14px;margin:15px 0;font-size:13px}.errorBox.compact{margin:12px 0}.trackerCard{max-width:760px;margin:auto;text-align:center;padding:40px}.successIcon{width:52px;height:52px;background:#111;color:#fff;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;font-size:24px}.trackerCard h2{font-size:36px;margin:8px 0}.timeline{display:grid;grid-template-columns:repeat(7,1fr);margin:42px 0 32px;position:relative}.timeline:before{content:"";position:absolute;height:2px;background:#e1e1e4;left:7%;right:7%;top:8px}.timelineItem{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:10px;color:#999}.dot{width:17px;height:17px;border-radius:50%;border:3px solid #e1e1e4;background:#fff}.timelineItem.done .dot{background:#111;border-color:#111}.timelineItem.active{color:#111;font-weight:700}.paymentCard{display:grid;grid-template-columns:1fr auto;gap:28px;text-align:left;padding:22px;border-radius:20px;background:#f7f7f9;margin:22px 0}.paymentData{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;font-size:13px}.paymentData span{color:#888}.qrWrap{display:flex;flex-direction:column;gap:8px;align-items:center}.qrWrap svg{background:#fff;padding:8px;border-radius:12px}.qrWrap small{color:#888}.trackerActions{display:flex;gap:10px;justify-content:center;margin-top:22px}.loginPage{min-height:calc(100vh - 72px);display:grid;place-items:center}.loginCard{width:min(420px,100%);padding:34px;display:flex;flex-direction:column;gap:16px;text-align:center}.loginCard h1{margin:5px 0 0;font-size:30px}.loginCard label{text-align:left}.adminShell{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1440px;margin:auto;min-height:calc(100vh - 72px);padding:0 24px 60px;gap:28px}.adminNav{display:flex;flex-direction:column;justify-content:space-between;padding:25px 0;position:sticky;top:0;height:calc(100vh - 72px)}.adminNav>div{display:flex;flex-direction:column;gap:6px}.adminNav button{border:0;background:transparent;text-align:left;border-radius:11px;padding:11px 13px;color:#666;cursor:pointer}.adminNav button.active{background:#fff;color:#111;font-weight:700;box-shadow:0 5px 16px #0000000c}.navLabel{padding:0 13px 10px}.adminContent{min-width:0;padding-top:34px}.adminTitle{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.adminTitle h1{font-size:42px;margin:6px 0 0}.statGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}.statCard{background:#fff;border:1px solid #e7e7ea;border-radius:19px;padding:18px;display:flex;flex-direction:column;gap:10px}.statCard span{font-size:12px;color:#777}.statCard strong{font-size:27px;letter-spacing:-.04em}.adminCard{border-radius:22px}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #eee;white-space:nowrap}th{font-size:10px;letter-spacing:.08em;color:#8a8a90;text-transform:uppercase}.truncate{max-width:230px;overflow:hidden;text-overflow:ellipsis}.statusPill{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eee;font-size:11px;font-weight:700}.s-WAITING_FOR_RELEASE{background:#fff4d8;color:#8a5a00}.s-QUEUED,.s-PREPARING{background:#f1f1f4}.s-PRINTING{background:#e8f0ff;color:#2452a4}.s-PRINTED,.s-READY_FOR_PICKUP{background:#e9f8ee;color:#257642}.s-HANDED_OVER{background:#e7f6f4;color:#126a60}.s-FAILED,.s-CANCELLED{background:#ffebea;color:#a62d25}.orderCards{display:flex;flex-direction:column;gap:12px}.orderAdminCard{padding:20px;border-radius:20px}.orderAdminTop,.orderMeta,.buttonRow{display:flex;align-items:center}.orderAdminTop{justify-content:space-between}.orderAdminTop>div{display:flex;flex-direction:column;gap:4px}.orderAdminTop span:not(.statusPill),.orderMeta{font-size:12px;color:#888}.orderMeta{gap:18px;margin:15px 0;flex-wrap:wrap}.buttonRow{gap:8px;flex-wrap:wrap}.paidText{font-size:12px;color:#2e7d4a;font-weight:700}.settingsGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settingsCard{display:flex;flex-direction:column;gap:14px;border-radius:22px}.inlineSetting{display:grid;grid-template-columns:1fr 110px auto;align-items:center;gap:10px;font-size:13px}.checkRow{display:flex;gap:18px}.checkRow label{flex-direction:row;align-items:center}.checkRow input{width:18px;height:18px}.settingsCard .primaryButton{width:auto;align-self:flex-start;padding:0 20px}.readyBox{background:#eaf8ef;color:#2e7044}.paymentCard p{font-size:13px}.trackerCard .muted{font-size:14px}@media(max-width:980px){.grid2,.settingsGrid{grid-template-columns:1fr}.summaryCard{position:static}.statGrid{grid-template-columns:repeat(2,1fr)}.adminShell{grid-template-columns:1fr}.adminNav{position:static;height:auto;flex-direction:row;overflow:auto;padding:8px 0}.adminNav>div{flex-direction:row}.navLabel{display:none}.adminNav button{white-space:nowrap}.timeline{grid-template-columns:1fr;gap:10px;text-align:left}.timeline:before{display:none}.timelineItem{flex-direction:row;justify-content:flex-start}.paymentCard{grid-template-columns:1fr}.qrWrap{align-items:flex-start}}@media(max-width:640px){.page{padding:22px 14px 55px}.topbar{padding:0 16px}.hero{margin:14px auto 32px}.hero h1{font-size:42px}.hero p{font-size:16px}.fieldGrid{grid-template-columns:1fr}.formCard,.summaryCard,.trackerCard{padding:20px;border-radius:20px}.priceHero{font-size:44px}.adminShell{padding:0 12px 40px}.adminContent{padding-top:18px}.adminTitle h1{font-size:34px}.statGrid{grid-template-columns:1fr 1fr}.orderMeta{flex-direction:column;align-items:flex-start;gap:5px}.trackerCard h2{font-size:28px}.paymentData{grid-template-columns:1fr}.qrWrap svg{width:140px;height:140px}}.linkButton{border:0;background:transparent;padding:0;font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-decoration-color:#bbb;text-underline-offset:3px}.customerDetail{padding:24px;margin-top:16px;border-radius:22px}.customerDetailHead{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.customerDetailHead h2{margin:5px 0 3px}.customerDetailHead p{margin:0;color:#777;font-size:13px}textarea{width:100%;min-height:78px;border-radius:13px;border:1px solid #d8d8dd;background:#fff;padding:11px 13px;color:#1d1d1f;outline:none;resize:vertical;font:inherit;font-size:12px}textarea:focus{border-color:#777;box-shadow:0 0 0 4px #0000000a}.paymentAdminGrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:16px;align-items:start;margin-bottom:18px}.paymentDebtCard,.paymentHistoryCard{padding:24px}.paymentFormCard{padding:24px;border-radius:22px;position:sticky;top:20px;display:flex;flex-direction:column;gap:14px}.paymentFormHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.paymentFormHead h2{margin:6px 0 4px}.paymentFormHead p{margin:0;color:#777;font-size:13px}.debtList{display:flex;flex-direction:column;gap:10px}.debtRow{display:grid;grid-template-columns:minmax(180px,1fr) minmax(250px,1.2fr) auto;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid #eee}.debtRow:last-child{border-bottom:0}.debtIdentity{display:flex;flex-direction:column;gap:4px}.debtIdentity span,.debtIdentity small{color:#7d7d83;font-size:12px}.debtAmounts{display:flex;gap:16px;flex-wrap:wrap}.debtAmounts span{font-size:12px;color:#85858b;display:flex;flex-direction:column;gap:3px}.debtAmounts strong{font-size:14px;color:#1d1d1f}.emptyAdmin{padding:30px 0;color:#85858b;font-size:14px}.forgivenBox{padding:13px 15px;border-radius:14px;background:#fff7e6;color:#825500;font-size:12px}.paymentHistoryCard{margin-top:16px}.transferAdminData{display:flex;flex-direction:column;gap:5px;font-size:11px;min-width:180px}.transferAdminData svg{margin-top:6px;background:#fff;padding:5px;border:1px solid #eee;border-radius:10px}.payment-CONFIRMED{background:#e9f8ee;color:#257642}.payment-PENDING{background:#fff5db;color:#8a6200}.payment-CANCELLED{background:#ffebea;color:#a62d25}.paymentHistoryCard small{color:#888}.paymentHistoryCard .primaryButton.small{white-space:nowrap}.statGrid{grid-template-columns:repeat(6,1fr)}@media(max-width:1100px){.paymentAdminGrid{grid-template-columns:1fr}.paymentFormCard{position:static}.debtRow{grid-template-columns:1fr auto}.debtAmounts{grid-column:1/-1}.statGrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.debtRow{grid-template-columns:1fr}.debtAmounts{grid-column:auto}.paymentDebtCard,.paymentHistoryCard,.paymentFormCard{padding:18px}.statGrid{grid-template-columns:1fr 1fr}}.topActions{display:flex;align-items:center;gap:10px}.installButton{border:0;background:#111;color:#fff;border-radius:11px;min-height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:750;cursor:pointer}.installButton:hover{background:#292929}.installIcon{font-size:16px;line-height:1;transform:translateY(-1px)}.installOverlay{position:fixed;inset:0;background:#00000061;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:grid;place-items:center;padding:20px}.installModal{width:min(420px,100%);background:#fff;border-radius:26px;padding:28px;box-shadow:0 28px 90px #00000040;text-align:center}.installAppIcon{width:72px;height:72px;margin:0 auto 18px;border-radius:20px;background:#111;color:#fff;display:grid;place-items:center;font-size:32px;font-weight:800;box-shadow:0 14px 35px #0003}.installModal h2{font-size:26px;letter-spacing:-.03em;margin:0 0 10px}.installModal p{color:#666;line-height:1.55;font-size:14px;margin:8px 0}.installSteps{display:grid;gap:8px;text-align:left;margin:20px 0}.installSteps span{background:#f4f4f6;border-radius:13px;padding:12px 14px;font-size:13px;font-weight:650}.installModal .primaryButton{margin-top:18px}@media(max-width:640px){.installLabel{display:none}.installButton{width:36px;padding:0;justify-content:center}.topActions{gap:8px}.textButton{font-size:12px}}.notificationState{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:14px 0}.fieldGrid.singleField{grid-template-columns:1fr}.accountModal label{text-align:left;margin-top:12px}.accountModal .primaryButton{margin-top:18px}