:root{--ink:#142921;--muted:#708078;--green:#174c3c;--mint:#edf5ef;--lime:#d6f28c;--orange:#e8663e;--line:#dfe6df;--bg:#f5f7f3;--white:#fff;--red:#ad3d37;--shadow:0 14px 45px #1938270a}*{box-sizing:border-box}body{margin:0;font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 13px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #8dad94;border-color:transparent}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:48px;line-height:1.12;letter-spacing:-2px;font-weight:700}h2{font-size:23px;letter-spacing:-.6px}h3{font-size:17px;letter-spacing:-.25px}.muted{color:var(--muted)}.small{font-size:12px}.hidden,[hidden]{display:none!important}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:23px;letter-spacing:-.8px;font-weight:750}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--green);color:var(--lime);font-size:25px;box-shadow:inset 0 0 0 1px #ffffff14}.brand em{font-size:11px;font-weight:650;font-style:normal;letter-spacing:.4px;color:var(--green);background:var(--lime);padding:3px 7px;border-radius:5px;align-self:center}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;padding:0 32px;margin:auto}.shop-chip{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:13px}.dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:#82af80}.container{max-width:1200px;margin:auto;padding:26px 32px 50px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;text-transform:uppercase;color:var(--green);display:flex;align-items:center;gap:8px;margin-bottom:18px}.eyebrow:before{content:"";width:22px;height:2px;background:currentColor}.hero{display:flex;justify-content:space-between;align-items:center;gap:35px;margin:20px 0 35px}.hero h1{margin-bottom:16px}.hero p{color:var(--muted);max-width:510px;margin-bottom:0}.hero-steps{display:grid;gap:13px;min-width:235px}.hero-step{display:flex;align-items:center;gap:12px;font-size:13px}.hero-step b{height:29px;width:29px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--white);color:var(--green);font-size:12px}.hero-step:first-child b{background:var(--green);color:white;border-color:var(--green)}.banner{border:1px solid #e8d9b4;background:#fff9e9;color:#80612a;padding:10px 15px;border-radius:10px;margin-bottom:20px;font-size:12px}.banner.good{background:var(--mint);border-color:#d8e7d8;color:var(--green)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.card{background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.section{padding:25px 28px;border-bottom:1px solid var(--line)}.section:last-child{border:0}.section-head{display:flex;gap:13px;align-items:center;margin-bottom:22px}.section-head h2{font-size:18px;margin:0}.section-head p{font-size:12px;color:var(--muted);margin:2px 0 0}.step-num{background:var(--mint);border-radius:9px;height:35px;width:35px;display:grid;place-items:center;color:var(--green);font-size:13px;font-weight:750;flex-shrink:0}.field-label{display:block;font-size:12px;font-weight:650;margin-bottom:8px}.field{margin-bottom:18px}.field:last-child{margin-bottom:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;padding:13px;cursor:pointer;transition:.16s}.choice:has(input:checked){border-color:var(--green);background:#f3f8ef;box-shadow:inset 0 0 0 1px var(--green)}.choice strong{display:block;font-size:13px}.choice small{display:block;font-size:11px;color:var(--muted)}.swatch{width:24px;height:24px;border-radius:6px;background:conic-gradient(#ef8065,#ebcd67,#9dbb8b,#9baccd,#ef8065)}.swatch.mono{background:linear-gradient(135deg,#172b22 50%,#d8ded8 50%)}.counter{display:flex;align-items:center;gap:6px}.counter button{width:43px;height:44px;border:1px solid var(--line);background:var(--bg);border-radius:9px;font-size:21px}.counter input{text-align:center;min-width:0}.choice-stack{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.choice-stack .choice{padding:12px 9px;align-items:flex-start;font-size:12px}.dropzone{padding:28px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1.5px dashed #aebeb0;border-radius:12px;background:#fafcf9;text-align:center;cursor:pointer;position:relative;transition:.2s}.dropzone:hover,.dropzone.drag{background:var(--mint);border-color:var(--green)}.upload-icon{width:42px;height:42px;border-radius:11px;background:var(--mint);display:grid;place-items:center;margin-bottom:12px;color:var(--green);font-size:25px}.dropzone strong{font-size:14px}.dropzone small{color:var(--muted);margin-top:5px;font-size:11px}.file-input{position:absolute;width:1px;height:1px;opacity:0}.file-card{display:flex;align-items:center;gap:12px;margin-top:14px;padding:13px;background:var(--mint);border-radius:10px}.file-card strong{display:block;font-size:13px;overflow-wrap:anywhere}.file-card small{color:var(--muted)}.file-icon{background:#fff;border:1px solid var(--line);padding:8px 5px;border-radius:7px;font-size:10px;font-weight:700;color:var(--green)}.link-btn{background:transparent;border:0;color:var(--green);text-decoration:underline;padding:0;font-size:12px}.receipt{position:sticky;top:22px;overflow:hidden}.receipt-top{padding:24px 25px 20px;background:var(--green);color:#fff}.receipt-top .eyebrow{color:var(--lime);margin-bottom:13px;font-size:10px}.receipt-top h2{margin-bottom:6px;font-size:21px}.receipt-top p{margin:0;color:#c3d5c8;font-size:12px}.receipt-body{padding:23px 25px}.receipt-row{display:flex;justify-content:space-between;gap:15px;font-size:13px;margin-bottom:12px}.receipt-row span:first-child{color:var(--muted)}.receipt-row b{text-align:right;font-weight:550}.divider{border:0;border-top:1px dashed var(--line);margin:20px 0}.total{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.total strong{font-size:26px;letter-spacing:-1px}.price-note{font-size:11px;color:var(--muted);line-height:1.6;margin-bottom:20px}.checkline{display:flex;gap:9px;align-items:flex-start;font-size:11px;margin:16px 0}.checkline input{flex-shrink:0;margin-top:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border:1px solid transparent;border-radius:10px;font-weight:650;font-size:13px;text-decoration:none;background:var(--green);color:white;transition:.15s}.btn:hover{filter:brightness(1.08)}.btn.full{width:100%}.btn.secondary{border-color:var(--line);background:white;color:var(--ink)}.btn.soft{background:var(--mint);color:var(--green)}.btn.danger{background:#fbefec;color:var(--red);border-color:#eed3cf}.btn.small-btn{padding:8px 12px;font-size:12px}.btn.lime{background:var(--lime);color:var(--ink)}.receipt-foot{padding:14px 24px;background:#fafbf8;text-align:center;font-size:11px;border-top:1px solid var(--line);color:var(--muted)}.error{font-size:12px;background:#fff1ed;border:1px solid #f2d2c8;color:var(--red);padding:11px 13px;border-radius:9px;margin:13px 0;overflow-wrap:anywhere}.page-footer{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);margin-top:30px}.page-footer a{text-decoration:none}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 22px;border-radius:12px;background:var(--ink);color:white;box-shadow:0 10px 35px #0002;z-index:100;font-size:13px;max-width:90vw}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at top right,#dcebcf,transparent 60%),var(--bg)}.login-card{width:100%;max-width:420px;padding:35px}.login-card .brand{margin-bottom:35px}.login-card h1{font-size:30px;letter-spacing:-1px;margin-bottom:10px}.login-card p{font-size:13px;color:var(--muted);margin-bottom:25px}.staff-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{background:#122b23;color:#c8d7ce;padding:28px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{color:#fff;font-size:22px}.sidebar .brand-mark{background:var(--lime);color:var(--ink)}.sidebar-label{margin:42px 10px 12px;font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#829d8d}.sidebar nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:inherit;text-align:left;padding:12px 13px;border-radius:9px;text-decoration:none;display:flex;gap:12px;align-items:center;font-size:13px}.nav-item.active{background:#294a3b;color:var(--lime)}.nav-icon{font-size:17px;width:20px;text-align:center}.sidebar-note{margin-top:auto;padding:16px 14px;border:1px solid #3c5145;border-radius:12px;font-size:11px;color:#a1b8a9}.sidebar-note b{display:block;color:white;margin-bottom:6px;font-size:12px}.staff-main{min-width:0}.staff-topbar{height:83px;background:white;border-bottom:1px solid var(--line);padding:0 35px;display:flex;justify-content:space-between;align-items:center;gap:15px}.staff-topbar .muted{font-size:12px}.staff-user{display:flex;align-items:center;gap:10px;font-size:12px}.avatar{width:32px;height:32px;background:var(--mint);color:var(--green);border-radius:50%;display:grid;place-items:center;font-weight:700}.staff-content{padding:30px 35px 50px;max-width:1600px;margin:auto}.title-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.title-row h1{font-size:30px;letter-spacing:-1px;margin:0 0 6px}.title-row p{color:var(--muted);font-size:12px;margin:0}.status-chip{padding:6px 10px;background:var(--mint);color:var(--green);font-size:11px;border:1px solid #d6e4d7;border-radius:30px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-radius:14px;padding:19px 21px}.stat:first-child{background:var(--green);color:white;border-color:var(--green)}.stat-label{font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.stat:first-child .stat-label{color:#bfdbc9}.stat strong{display:block;font-size:32px;font-weight:600;line-height:1.25;letter-spacing:-1px;margin-top:9px}.stat small{font-size:10px;color:var(--muted)}.stat:first-child small{color:#bfdbc9}.table-card{overflow:hidden}.table-head{padding:21px 23px 0;display:flex;justify-content:space-between;align-items:center;gap:18px}.table-head h2{font-size:17px;margin:0}.table-head input{width:245px;font-size:12px;background:var(--bg)}.tabs{display:flex;gap:20px;padding:8px 23px 0;overflow:auto;white-space:nowrap;border-bottom:1px solid var(--line)}.tab{border:0;border-bottom:2px solid transparent;background:none;padding:12px 0;font-size:12px;color:var(--muted)}.tab.active{color:var(--green);font-weight:650;border-color:var(--green)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;font-size:10px;letter-spacing:.6px;text-transform:uppercase;font-weight:600;color:var(--muted);background:#fafbf8}td,th{padding:16px 22px;border-bottom:1px solid #edf0eb;vertical-align:middle}td strong{font-size:12px;display:block}td small{font-size:10px;color:var(--muted)}tbody tr:hover{background:#fbfcfa}.badge{display:inline-block;padding:5px 9px;border-radius:6px;font-size:10px;white-space:nowrap;background:#eaf0eb;color:#4c6c59;font-weight:600}.badge.wait{background:#fff1d7;color:#9b701f}.badge.issue{background:#fde9e5;color:#af4b3e}.badge.ready{background:#e4f3d6;color:#487636}.badge.sim{background:#eeeafa;color:#756399}.table-foot{padding:15px 23px;color:var(--muted);font-size:10px;display:flex;justify-content:space-between;gap:10px}.empty{padding:50px 20px;text-align:center}.empty-icon{font-size:33px;color:#94aa97;margin-bottom:12px}.empty h3{font-size:15px;margin-bottom:6px}.empty p{font-size:12px;color:var(--muted);margin:0}.agent-strip{display:flex;align-items:center;gap:15px;margin-top:20px;padding:17px 21px;background:#ebf1e8;border:1px solid #dce6d8;border-radius:12px;font-size:12px}.agent-strip small{display:block;color:var(--muted);font-size:10px}.agent-strip .btn{margin-left:auto}.detail-dialog{border:1px solid var(--line);border-radius:18px;padding:0;width:min(610px,94vw);max-height:90vh;box-shadow:0 25px 80px #102a2340;color:var(--ink)}dialog::backdrop{background:#0f211c80;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:1}.dialog-head h2{margin:0;font-size:19px}.close{border:0;background:var(--bg);border-radius:50%;height:30px;width:30px;font-size:19px;color:var(--muted)}.dialog-body{padding:23px 25px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}.detail-grid div span{display:block;color:var(--muted);font-size:11px}.detail-grid div b{font-size:13px;font-weight:550}.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.history{padding-left:16px;border-left:1px solid var(--line);margin-top:20px}.history-item{position:relative;margin-bottom:15px;font-size:11px}.history-item:before{content:"";position:absolute;left:-20px;top:7px;width:7px;height:7px;border-radius:50%;background:#99b49c}.history-item b{display:block;font-size:11px;font-weight:600}.history-item small{color:var(--muted)}.settings-card{padding:25px;max-width:850px}.settings-card h2{margin:15px 0;font-size:18px}.settings-card table input{padding:8px;min-width:100px}.settings-card table input[type=checkbox]{min-width:0}.settings-card td,.settings-card th{padding:10px}.settings-card label.checkline{font-size:12px}.track-container{max-width:760px;margin:25px auto;padding:0 24px 45px}.track-hero{text-align:center;margin-bottom:28px}.track-icon{display:grid;place-items:center;margin:15px auto 20px;height:62px;width:62px;border-radius:18px;background:var(--green);color:var(--lime);font-size:30px}.track-hero h1{font-size:34px;letter-spacing:-1px;margin-bottom:10px}.track-hero p{color:var(--muted);font-size:13px}.order-code{font-size:26px;letter-spacing:2px;font-weight:700;text-align:center;margin:5px 0 15px}.track-card{padding:28px;margin-bottom:18px}.track-card .total{margin:0}.track-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.track-progress div{border-top:3px solid var(--line);padding-top:9px;font-size:11px;color:var(--muted)}.track-progress div.on{color:var(--green);border-color:var(--green);font-weight:650}.qr-page{max-width:550px;margin:40px auto;text-align:center;padding:38px;background:white;border:1px solid var(--line);border-radius:20px}.qr-page .brand{justify-content:center;margin-bottom:30px}.qr-page h1{font-size:37px;letter-spacing:-1.2px;margin-bottom:15px}.qr-image{display:block;width:270px;height:270px;margin:15px auto}.qr-url{font-size:12px;overflow-wrap:anywhere;color:var(--muted)}.qr-steps{display:flex;justify-content:center;gap:18px;font-size:11px;margin:20px 0}.qr-steps span{padding:10px;background:var(--bg);border-radius:8px}.no-break{white-space:nowrap}@media(max-width:1150px){.staff-shell{grid-template-columns:200px 1fr}.staff-content{padding:25px}.staff-topbar{padding:0 25px}.stats{gap:10px}.stat{padding:16px}td,th{padding:14px 15px}.layout{grid-template-columns:minmax(0,1fr) 320px}.choice-stack{grid-template-columns:1fr}.choice-stack .choice small{display:inline}.hero h1{font-size:43px}}@media(max-width:850px){.layout{grid-template-columns:1fr}.receipt{position:static}.hero-steps{display:none}.hero{margin-top:5px}.container{padding-top:10px}.choice-stack{grid-template-columns:repeat(3,1fr)}.sidebar{padding:20px 12px}.staff-shell{grid-template-columns:75px 1fr}.sidebar .brand>span:not(.brand-mark),.sidebar .brand em,.sidebar-label,.sidebar-note,.nav-item>span:not(.nav-icon){display:none}.sidebar .brand{justify-content:center}.sidebar nav{margin-top:35px}.nav-item{padding:12px;justify-content:center}.stats{grid-template-columns:repeat(2,1fr)}.staff-user>span{display:none}.staff-topbar{padding:0 20px}.staff-content{padding:22px 20px}.title-row h1{font-size:26px}.table-head{padding:17px 16px 0}.table-head input{width:185px}.tabs{padding-left:16px}.agent-strip{flex-wrap:wrap}.agent-strip .btn{margin-left:0}}@media(max-width:560px){.topbar{height:72px;padding:0 20px}.brand{font-size:21px}.shop-chip{font-size:10px;max-width:140px;justify-content:flex-end;text-align:right}.container{padding:12px 16px 35px}.hero{margin:14px 4px 26px}.hero h1{font-size:38px;letter-spacing:-1.5px}.hero p{font-size:13px}.eyebrow{font-size:10px;margin-bottom:14px}.section{padding:21px 19px}.form-grid{gap:12px}.choice{padding:11px 9px;gap:7px}.choice-stack{grid-template-columns:1fr}.choice-stack .choice{align-items:center}.choice-stack .choice small{display:block}.receipt-body{padding:22px}.page-footer{flex-direction:column;gap:8px}.staff-shell{display:block}.sidebar{position:relative;height:auto;padding:13px 16px;flex-direction:row;align-items:center;justify-content:space-between}.sidebar .brand>span:not(.brand-mark){display:inline;font-size:19px}.sidebar .brand-mark{width:31px;height:31px;font-size:21px}.sidebar nav{display:flex;margin:0}.nav-item{padding:8px}.staff-topbar{height:60px;padding:0 16px}.staff-content{padding:23px 14px}.title-row{align-items:flex-start}.title-row h1{font-size:25px}.title-row>.btn{padding:9px;font-size:11px}.stat{padding:15px}.stat strong{font-size:29px}.table-head{align-items:flex-start;gap:12px;flex-direction:column}.table-head input{width:100%}.tabs{gap:17px;font-size:11px}.table-foot{padding:13px 16px}.agent-strip{gap:10px;padding:14px}.dialog-body{padding:21px}.dialog-head{padding:19px 21px}.track-container{padding:0 16px 30px}.track-card{padding:22px}.track-hero h1{font-size:29px}.track-progress{gap:7px}.track-progress div{font-size:10px}.qr-page{margin:20px 16px;padding:25px}.qr-image{max-width:100%}}@media print{body{background:white}.no-print{display:none!important}.qr-page{border:0;margin:0 auto;border-radius:0}.track-card{box-shadow:none}.topbar{display:none}}

@media(max-width:560px){.section .form-grid{grid-template-columns:1fr;gap:0}.section .form-grid .field{margin-bottom:18px}}

.pdf-preview{width:100%;height:390px;border:1px solid var(--line);border-radius:10px;margin-top:14px}.file-card>div{min-width:0}.staff-user{overflow-wrap:anywhere}.table-foot{flex-wrap:wrap}@media(max-width:560px){.pdf-preview{height:280px}}
.payment-review{margin-top:18px;padding:18px;border:1px solid #a4b9a6;border-radius:12px;background:#f3f8ef}.payment-review h3{margin-bottom:12px}.payment-review .detail-actions{margin-top:12px}.payment-review .banner{margin:12px 0}.payment-review:focus{outline:2px solid #8dad94;outline-offset:3px}

.location-check{border:1px solid var(--line);border-radius:12px;background:var(--mint);padding:16px;margin:16px 0}.location-check h3{margin-bottom:8px}.location-check input[type=text]{background:white}.onsite-dialog{max-width:520px}.onsite-content{text-align:center}.onsite-content img{max-width:100%;height:auto;display:block;margin:0 auto}.onsite-code{display:block;font-size:40px;letter-spacing:5px;margin:12px 0;font-variant-numeric:tabular-nums}.onsite-content .detail-actions{justify-content:center}
