:root{--ds-page:#fbfaf9}.pf-page{max-width:980px;margin:0 auto;padding:48px 20px 32px}.pf-header{margin-bottom:36px}.pf-title{color:#251f21;margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:400;line-height:42px}.pf-fact{color:#585254;margin:0;font-size:13px}.pf-page>.hp{background:#fff;border:1px solid #ece7e2;border-radius:20px;padding:24px}.pf-closing{text-align:center;color:#8a8285;margin-top:28px;font-size:12px;line-height:18px}html,body,#root{min-height:100%;margin:0}body{color:#1e293b;background:#f5f2eb;font-family:Rubik,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hp{--blue:#0284c7;--blue-d:#0369a1;--red:#dc2626;--green:#15803d;--cream:#f4efe4;--linen:#faf8f5;--stone-border:#e4dfd5;--stone-muted:#64748b;--ink:#1e293b;color:var(--ink);font-family:Rubik,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hp *{box-sizing:border-box}:where(.hp) button{font:inherit;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1)}:where(.hp) b,:where(.hp) strong,:where(.hp) code,.hp-stat b,.hp-price,.hp-total strong{font-variant-numeric:tabular-nums}.hp-top{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 12px;display:flex}.hp-logo{width:auto;height:52px}.hp-lang{border:1px solid var(--stone-border);background:#f8f6f0;border-radius:10px;gap:2px;padding:2px;display:flex;overflow:hidden}.hp-lang button{color:#475569;background:0 0;border:0;border-radius:8px;min-height:36px;padding:0 14px;font-size:13px;font-weight:700}.hp-lang button.on{background:var(--blue);color:#fff;box-shadow:0 1px 2px #0284c740}.hp-banner{color:#475569;background:linear-gradient(90deg,#f5f0e4 0%,#faf7f0 100%);border:1px solid #e6decb;border-radius:12px;margin-bottom:14px;padding:10px 16px;font-size:13px;line-height:20px}.hp-banner strong{color:#0f172a}.hp-tabs{scrollbar-width:none;gap:8px;margin-bottom:16px;padding-bottom:6px;display:flex;overflow-x:auto}.hp-tabs::-webkit-scrollbar{display:none}.hp-tabs button{border:1px solid var(--stone-border);color:#475569;white-space:nowrap;background:#fff;border-radius:12px;flex:none;min-height:46px;padding:0 18px;font-size:14px;font-weight:600}.hp-tabs button:hover{color:#0f172a;background:#fcfbf9;border-color:#cbd5e1}.hp-tabs button.on{color:#fff;background:#0f172a;border-color:#0f172a;font-weight:700;box-shadow:0 4px 12px #0f172a24}.hp-seg{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.hp-seg button{border:1px solid var(--stone-border);min-height:44px;color:var(--ink);background:#fff;border-radius:10px;flex:auto;padding:0 12px}.hp-seg button.on{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);color:var(--blue);background:#f0f9ff;font-weight:700}.hp-stack{gap:16px;display:grid}.hp-card{border:1px solid var(--stone-border);background:#fff;border-radius:16px;padding:18px;box-shadow:0 2px 6px #1e293b08}.hp-card h3{color:#0f172a;margin:0 0 8px;font-size:17px;font-weight:700;line-height:24px}.hp-count{text-align:center;color:#0f172a;font-variant-numeric:tabular-nums;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;min-width:24px;margin-inline-start:6px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.hp-note{color:#64748b;margin:6px 0;font-size:13px;line-height:19px}.hp-note.warn{color:#b45309}.hp-intro{color:#475569;margin:0 0 14px;font-size:14px;line-height:21px}.hp-empty{color:#64748b;margin:6px 0;font-size:13px}.hp-label{color:#475569;margin:10px 0 5px;font-size:12px;font-weight:700}.hp label{color:#475569;gap:4px;font-size:12px;display:grid}:where(.hp) select,:where(.hp) input[type=number]{font:inherit;min-height:44px;color:var(--ink);font-variant-numeric:tabular-nums;background:#fff;border:1px solid #d6d1c4;border-radius:10px;width:100%;padding:0 12px;font-size:15px}.hp-line{border:1px solid var(--stone-border);background:#faf8f5;border-radius:12px;margin-bottom:10px;padding:12px}.hp-row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hp-row3{grid-template-columns:90px 1fr auto;align-items:end;gap:10px;margin-top:10px;display:grid}.hp-price{text-align:center;padding-bottom:12px;font-size:15px;font-weight:700}.hp-link{color:#b91c1c;background:0 0;border:0;min-height:44px;padding:0 6px}.hp-mods{flex-wrap:wrap;gap:4px 16px;margin-top:8px;display:flex}.hp-check{align-items:center;min-height:36px;color:var(--ink)!important;gap:8px!important;font-size:13px!important;display:flex!important}.hp-check input{width:18px;height:18px}.hp-kg{margin-top:12px}.hp-btn{background:var(--blue);color:#fff;border:0;border-radius:12px;width:100%;min-height:48px;margin-top:8px;font-size:15px;font-weight:700}.hp-btn:hover{background:var(--blue-d)}.hp-btn.ghost{color:var(--blue-d);background:#fff;border:1px solid #bae6fd}.hp-btn.sm{width:auto;min-height:44px;margin-top:10px;padding:0 18px}.hp-choice{flex-wrap:wrap;gap:8px;margin:10px 0 6px;display:flex}.hp-choice button{border:1px solid var(--stone-border);min-height:48px;color:var(--ink);background:#faf8f5;border-radius:12px;flex:140px;padding:8px 14px;font-weight:600}.hp-choice button:hover{color:var(--blue-d);background:#f0f9ff;border-color:#7dd3fc}.hp-choice button.on{border-color:var(--blue);color:var(--blue-d);box-shadow:inset 0 0 0 1px var(--blue);background:#f0f9ff;font-weight:700}.hp-slots{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.hp-slots button{border:1px solid var(--stone-border);min-height:44px;color:var(--ink);background:#fff;border-radius:10px}.hp-slots button.on{border-color:var(--blue);color:var(--blue-d);background:#f0f9ff;font-weight:700}.hp-photo{color:#475569;background:#faf8f5;border:2px dashed #b4c2cc;border-radius:12px;width:100%;min-height:64px;margin-top:8px}.hp-photo.ok{border-color:var(--green);color:#166534;background:#f0fdf4;border-style:solid}.hp-total{border-top:1px dashed #d6d1c4;justify-content:space-between;align-items:baseline;margin-top:8px;padding-top:10px;font-size:16px;display:flex}.hp-total strong{color:var(--blue-d);font-size:22px}.hp-total.small strong{font-size:17px}.hp-error{color:#dc2626;margin:6px 0;font-size:13px;font-weight:600}.hp-ok{color:#166534;background:#f0fdf4;border:1px solid #86efac;border-radius:12px;padding:10px 14px;font-size:13px}.hp-sum strong{color:#0f172a;font-variant-numeric:tabular-nums;font-size:16px}.hp-sum span{color:#334155;font-size:14px;font-weight:600}.hp-sub{color:#64748b;margin-top:4px;font-size:12.5px;line-height:18px}.hp-dots{vertical-align:middle;gap:4px;margin-inline-start:6px;display:inline-flex}.hp-dots i{border:1px solid;border-radius:50%;width:10px;height:10px;display:inline-block}.hp-dots .dry{background:#bae6fd;border-color:#0284c7}.hp-dots .iron{background:#fde68a;border-color:#d97706}.hp-dots .wash{background:#bbf7d0;border-color:#16a34a}.hp-tl{margin:14px 0 4px;padding:0;list-style:none;position:relative}.hp-tl li{padding:0 0 12px;color:#94a3b8;padding-inline-start:26px;font-size:13px;line-height:20px;position:relative}.hp-tl li:before{content:"";inset-inline-start:6px;background:#e2e8f0;width:2px;position:absolute;top:14px;bottom:-6px}.hp-tl li:last-child:before{display:none}.hp-tl .dot{inset-inline-start:0;background:#fff;border:2px solid #cbd5e1;border-radius:50%;width:14px;height:14px;position:absolute;top:4px}.hp-tl li.done{color:var(--ink)}.hp-tl li.done .dot{background:var(--green);border-color:var(--green)}.hp-tl li.done:before{background:var(--green)}.hp-tl li.now{color:var(--blue-d);font-weight:700}.hp-tl li.now .dot{border-color:var(--blue);background:#e0f2fe;box-shadow:0 0 0 4px #0284c729}.hp-tagrow{color:#64748b;word-break:break-word;margin:6px 0 0;font-size:12px}.hp-task{border-top:1px solid #f1ede4;padding:14px 0}.hp-task:first-of-type{border-top:0}.hp-pill{color:#334155;background:#f1f5f9;border-radius:8px;margin:2px 4px 2px 0;padding:3px 10px;font-size:12px;font-weight:700;line-height:18px;display:inline-block}.hp-pill.info{color:#0369a1;background:#e0f2fe}.hp-pill.warn{color:#b45309;background:#fef3c7}.hp-pill.ok{color:#166534;background:#dcfce7}.hp-count-row{grid-template-columns:1fr 110px;align-items:end;gap:10px;margin-top:8px;font-size:13px;display:grid}.hp-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.hp-tags code{color:#1e293b;background:#f5f2eb;border:1px solid #dfd9c8;border-radius:6px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:700}.hp-age.warn{color:#b45309;font-weight:700}.hp-stats{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.hp-stat{border:1px solid var(--stone-border);background:#faf8f5;border-radius:12px;gap:4px;padding:12px 14px;display:grid}.hp-stat span{color:#64748b;font-size:12px;font-weight:600;line-height:16px}.hp-stat b{color:#0f172a;font-variant-numeric:tabular-nums;font-size:21px}.hp-stat.warn{background:#fffbeb;border-color:#fde68a}.hp-stat.warn b{color:#b45309}.hp-chips{flex-wrap:wrap;gap:6px;display:flex}.hp-log{gap:6px;display:grid}.hp-logrow{font-variant-numeric:tabular-nums;border-top:1px solid #f1ede4;grid-template-columns:56px 64px 1fr;gap:8px;padding:8px 0;font-size:12.5px;line-height:18px;display:grid}.hp-logrow em{color:#64748b;grid-column:3;font-style:normal}@media (width>=768px){.hp-stats{grid-template-columns:repeat(3,1fr)}.hp-stack{grid-template-columns:1fr 1fr;align-items:start}.hp-slots{grid-template-columns:repeat(4,1fr)}}.hp-chipbtn{border:1px solid var(--stone-border);min-height:42px;color:var(--ink);font-variant-numeric:tabular-nums;background:#fff;border-radius:10px;padding:0 14px;font-weight:600}.hp-chipbtn:hover{background:#faf8f5;border-color:#cbd5e1}.hp-chipbtn.on{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}.hp-open{border-top:1px dashed #d6d1c4;margin-top:12px;padding-top:12px}.hp-branchbar{grid-template-columns:1fr;gap:10px;margin-bottom:10px;display:grid}.hp-big{background:var(--blue);color:#fff;border:0;border-radius:12px;width:100%;min-height:56px;margin-top:10px;font-size:16px;font-weight:700;box-shadow:0 2px 6px #0284c733}.hp-big:hover{background:var(--blue-d)}.hp-big.new{background:var(--green);margin-top:0}.hp-big.new:hover{background:#166534}.hp-search{width:100%;min-height:50px;font:inherit;color:var(--ink);background:#fff;border:1.5px solid #d6d1c4;border-radius:12px;margin-bottom:10px;padding:0 14px;font-size:15px}.hp-search:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #0284c71f}.hp-tiles{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.hp-tile{border:1.5px solid var(--stone-border);min-height:86px;color:var(--ink);background:#fff;border-radius:14px;align-content:center;justify-items:center;gap:4px;padding:10px 8px;display:grid}.hp-tile b{color:#0f172a;font-variant-numeric:tabular-nums;font-size:26px;line-height:28px}.hp-tile span{text-align:center;color:#475569;font-size:12.5px;font-weight:600;line-height:16px}.hp-tile.on{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#f0f9ff}.hp-tile.on span{color:var(--blue-d);font-weight:700}.hp-tile.has b{color:var(--blue)}.hp-undo{color:#fff;background:#1e293b;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:6px 8px 6px 14px;font-size:13px;display:flex}.hp-undo button{color:#fff;background:#ffffff29;border:0;border-radius:8px;min-height:40px;padding:0 14px;font-weight:700}.hp-pay{color:var(--blue-d);font-weight:700}@media (width>=768px){.hp-branchbar{grid-template-columns:1fr 1fr}}.hp-custlist,.hp-usual{gap:8px;margin-bottom:10px;display:grid}.hp-cust{border:1px solid var(--stone-border);min-height:56px;color:var(--ink);text-align:start;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:0 14px;display:flex}.hp-cust span{color:#64748b;font-size:13px}.hp-usual{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.hp-usual button{border:1px solid var(--blue);min-height:52px;color:var(--blue-d);background:#f0f9ff;border-radius:12px;padding:4px 10px;font-weight:600}.hp-profile{background:#faf8f5;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.hp-profile div{display:grid}.hp-profile span{color:#64748b;font-size:13px}.hp-bag{margin:8px 0}.hp-bagrow{border-top:1px solid #f1ede4;justify-content:space-between;align-items:center;font-size:14px;display:flex}.hp-bagrow button{color:#b91c1c;background:0 0;border:0;min-height:44px;padding:0 8px}.hp-hist{gap:4px;display:grid}.hp-hist div{border-top:1px solid #f1ede4;grid-template-columns:1fr auto 1fr;gap:8px;padding:6px 0;font-size:13px;display:grid}.hp-hist em{color:#64748b;text-align:end;font-style:normal}.hp-choice button:disabled{opacity:.5;cursor:not-allowed}.hp-intake .hp-big{margin-bottom:4px}.hp-tabs3{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.hp-tabs3 button{border:1px solid var(--stone-border);min-height:72px;color:var(--ink);background:#faf8f5;border-top:4px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;display:flex}.hp-tabs3 .t-dry{border-top-color:#0284c7}.hp-tabs3 .t-iron{background:#fffbeb;border-top-color:#d97706}.hp-tabs3 .t-wash{border-top-color:#16a34a}.hp-tabs3 button.on{box-shadow:0 0 0 2px var(--blue) inset;background:#fff}.hp-tabs3 .ic{font-size:1.3rem}.hp-tabs3 small{opacity:.8;text-align:center;font-size:.72rem}.hp-linehead{grid-template-columns:1fr 72px 44px;align-items:center;gap:8px;display:grid}.hp-trash{background:0 0;border:0;min-height:44px;font-size:1.2rem}.hp-linecost{margin-top:6px;font-weight:600}.hp-warnbox{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;width:100%;padding:8px 10px}.hp-warnbox p{margin:0 0 6px;font-size:.88rem}.hp-desc{width:100%}.hp-sticky{position:sticky;bottom:8px;box-shadow:0 4px 18px #0000001f}.hp-sumrow{border-bottom:1px dashed var(--stone-border);justify-content:space-between;gap:10px;padding:6px 0;display:flex}.hp-payrow{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.hp-pay{border:1px solid #0000;border-radius:12px;width:100%;min-height:52px;padding:0 8px;font-weight:700}.hp-pay.dep{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.hp-pay.full{color:#fff;background:#1e293b}.hp-pay.later{color:#15803d;background:#fff;border:2px solid #15803d}.hp-link.back{min-height:44px;font-weight:600}.hp:not(.rl-customer){background:#faf8f5;border:1px solid #e5e0d5;border-radius:16px;padding:0 0 24px;font-family:Rubik,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.hp:not(.rl-customer)>:not(.hp-top){margin-inline:16px}.hp:not(.rl-customer) .hp-top{background:#fff;border-bottom:1px solid #e5e0d5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;padding:12px 20px;display:flex;box-shadow:0 1px 4px #1e293b0a}.hp:not(.rl-customer) .hp-logo{height:54px}.hp.rl-customer .hp-banner,.hp.rl-customer .hp-tabs{margin-inline:0}.hp:not(.rl-customer) .hp-card{border:1px solid #e5e0d5;border-radius:14px;box-shadow:0 1px 3px #1e293b0a}.hp:not(.rl-customer) .hp-card h3{color:#0f172a}.hp:not(.rl-customer) .hp-btn,.hp:not(.rl-customer) .hp-big{border-radius:10px}.hp:not(.rl-customer) .hp-big{min-height:54px}@media (width<=480px){.hp:not(.rl-customer)>:not(.hp-top){margin-inline:10px}.hp:not(.rl-customer) .hp-logo{height:46px}.hp:not(.rl-customer) .hp-top{padding:10px 12px}}.hp-topleft{align-items:center;gap:8px;display:flex}.hp-backbtn{color:#0f172a;background:#faf8f5;border:1px solid #e5e0d5;border-radius:10px;min-height:40px;padding:0 14px;font-size:13.5px;font-weight:700}.hp-backbtn:hover{background:#f1ede4;border-color:#cbd5e1}.hp-appslink{color:#0f172a;background:#fff;border:1px solid #e5e0d5;border-radius:10px;align-items:center;min-height:40px;margin:4px 0 8px;padding:0 14px;font-weight:700;display:inline-flex}.hp-gatecard{max-width:520px;margin:0 auto}.hp-gatecard .hp-big{margin-top:14px}.hp-pin{letter-spacing:4px;text-align:center}.hp-cust.on{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#f0f9ff}.hp-staffbar{background:#fff;border:1px solid #e5e0d5;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:10px 16px;font-size:13.5px;display:flex}.hp-staffbar button{color:#334155;background:#faf8f5;border:1px solid #cbd5e1;border-radius:8px;min-height:38px;padding:0 14px;font-size:13px;font-weight:700}.hp-staffbar button:hover{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.hp-previewbar{color:#fff;background:#0f172a;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding:10px 16px;font-size:13px;display:flex}.hp-previewbar button{color:#fff;background:#ffffff29;border:0;border-radius:8px;min-height:38px;padding:0 14px;font-weight:700}.hp-userrow{border-top:1px solid #f1ede4;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.hp-userrow:first-of-type{border-top:0}.hp-userrow>div:first-child{display:grid}.hp-userrow span{color:#64748b;font-size:12px}.hp-userbtns{gap:6px;display:flex}.hp-userbtns button{min-height:40px;color:var(--ink);background:#fff;border:1px solid #d6d1c4;border-radius:8px;padding:0 12px;font-weight:600}.hp-userbtns button.danger{color:#b91c1c;border-color:#fca5a5}.hp-userform{grid-template-columns:1fr;gap:8px;margin-top:6px;display:grid}.hp-userform input,.hp-userform select{font:inherit;min-height:42px;color:var(--ink);background:#fff;border:1px solid #d6d1c4;border-radius:10px;width:100%;padding:0 10px;font-size:14px}.hp-userform .hp-btn.sm{width:100%;margin-top:0}@media (width>=768px){.hp-userform{grid-template-columns:1.4fr 1fr 110px auto;align-items:center}}.cl-loginbtn.sel{background:#0369a1;outline:3px solid #0369a1}.hp-printgrid{gap:14px;margin-top:12px;display:grid}@media (width>=900px){.hp-printgrid{grid-template-columns:1fr 1fr}}.hp-paper{color:#222;background:#fff;border:1px solid #d9dee3;max-width:310px;margin:8px auto 4px;padding:14px;font-family:JetBrains Mono,Courier New,ui-monospace,monospace;box-shadow:0 2px 6px #2c3e501a}.hp-receipt{border-radius:2px}.hp-bag{border:2px solid #222;border-radius:6px}.hp-pr-head{text-align:center;font-size:15px;font-weight:700}.hp-pr-sub{text-align:center;color:#444;font-size:11px}.hp-pr-sep{border-top:1px dashed #999;margin:8px 0}.hp-pr-row{justify-content:space-between;gap:8px;font-size:12px;line-height:18px;display:flex}.hp-pr-mods{color:#555;margin-inline-start:12px;font-size:10px}.hp-pr-total{font-size:14px;font-weight:700}.hp-pr-note{color:#555;margin-top:4px;font-size:10px}.hp-pr-thanks{text-align:center;margin-top:8px;font-size:12px}.hp-barcode{text-align:center;margin-top:10px}.hp-barcode-bars{justify-content:center;align-items:stretch;gap:1px;height:34px;display:flex}.hp-barcode-bars i{background:#111;display:block}.hp-barcode-num{letter-spacing:3px;margin-top:2px;font-size:11px}.hp-bag-id{text-align:center;font-size:30px;font-weight:800}.hp-bag-name{text-align:center;margin-bottom:2px;font-size:13px}.hp-strips{flex-direction:column;gap:6px;margin:8px 0 4px;display:flex}.hp-strip{color:#222;background:repeating-linear-gradient(45deg,#fff,#fff 8px,#f4f1e8 8px 16px);border:1px solid #b9b2a0;justify-content:center;align-items:center;height:26px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;display:flex}.cl{--green-tab:#e8f5e9;--green-active:#c8e6c9;--green-border:#81c784;--yellow-tab:#fff9c4;--yellow-border:#fff176;--gray-tab:#f3f4f6;--gray-border:#9ca3af;--brand-red:#d88880;--brand-green:#889860;--brand-blue:#407098;--brand-cream:#f0e8d0;--text-dark:#2c3e50;--border-color:#ddd;--danger:#e74c3c;--warning-bg:#fdf2e9;--primary-btn:var(--brand-blue);--bg-color:#f4f7f6;--highlight-bg:#f8f9fa;background:var(--bg-color);color:var(--text-dark);border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.cl *{box-sizing:border-box}.cl button{font:inherit}.cl-demobar{background:var(--brand-cream);text-align:center;padding:8px 14px;font-size:12px;line-height:18px}.cl-header{background:#fff;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:15px 20px;display:grid;box-shadow:0 2px 10px #0000000d}.cl-logo{justify-content:center;align-items:center;display:flex}.cl-logo img{width:auto;max-width:250px;height:90px}.cl-hright{justify-content:flex-end;display:flex}.cl-hright select{background:var(--highlight-bg);cursor:pointer;border:1px solid #ccc;border-radius:6px;padding:8px 12px;font-size:1rem;font-weight:700}@media (width<=600px){.cl-logo img{max-width:200px;height:70px}.cl-header{padding:12px}}.cl-app{width:100%;max-width:700px;margin:30px auto 50px;padding:0 15px}.cl-loginbox{text-align:center;border-top:5px solid var(--primary-btn);background:#fff;border-radius:12px;width:100%;max-width:400px;margin:0 auto;padding:40px 30px;box-shadow:0 8px 16px #0000001a}.cl-loginbox h2{color:var(--primary-btn);margin:0 0 10px;font-size:1.5rem}.cl-logininput{border:2px solid var(--border-color);text-align:center;border-radius:8px;width:85%;margin:15px 0;padding:12px;font-size:18px}.cl-loginbtns{flex-direction:column;gap:12px;margin-top:15px;display:flex}.cl-loginbtn{background-color:var(--primary-btn);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px 25px;font-size:16px;font-weight:700}.cl-loginbtn:active,.cl-proceed:active,.cl-pay:active{transform:scale(.98)}.cl-sent{color:#666}.cl-demo{color:#6b7886;margin:14px 0 0;font-size:12px;line-height:18px}.cl-demo.center{text-align:center}.cl-status{color:var(--primary-btn);margin-top:15px;font-weight:700}.cl-status.err{color:red}.cl-linkbtn{color:var(--primary-btn);cursor:pointer;background:0 0;border:0;padding:6px;font-size:13px;text-decoration:underline}.cl-tabs{align-items:flex-end;gap:5px;display:flex}.cl-tab{text-align:center;cursor:pointer;opacity:.7;border:1px solid #0000;border-bottom:none;border-radius:12px 12px 0 0;flex-direction:column;flex:1;gap:5px;padding:15px 10px;font-size:.95rem;font-weight:600;display:flex}.cl-tab.active{opacity:1;border-color:var(--border-color);z-index:10;background:#fff;border-bottom:2px solid #fff;margin-bottom:-2px}.cl-tab.dc{background:var(--green-tab)}.cl-tab.dc.active{border-top:3px solid var(--green-border)}.cl-tab.ir{background:var(--yellow-tab)}.cl-tab.ir.active{border-top:3px solid var(--yellow-border)}.cl-tab.ld{background:var(--gray-tab)}.cl-tab.ld.active{border-top:3px solid var(--gray-border)}.cl-tabicon{font-size:1.5rem;display:none}.cl-tabsum{color:#666;font-size:.8rem;font-weight:400}@media (width<=600px){.cl-desk{display:none}.cl-tabicon{display:block}.cl-tab{padding:10px 5px}}.cl-content{border:1px solid var(--border-color);background:#fff;border-radius:0 0 12px 12px;padding:20px;box-shadow:0 4px 15px #00000005}.cl-line{border:1px solid var(--border-color);background:#fafafa;border-radius:8px;margin-bottom:15px;padding:15px}.cl-linetop{align-items:center;gap:10px;display:flex}.cl select,.cl input[type=number],.cl input[type=text]{border:1px solid var(--border-color);min-width:0;color:var(--text-dark);border-radius:6px;flex:1;padding:10px;font-family:inherit;font-size:1rem}.cl select{cursor:pointer;background:#fff;font-weight:500}.cl input[type=number]{text-align:center;max-width:70px}.cl-icon{cursor:pointer;opacity:.7;background:0 0;border:none;padding:5px;font-size:1.2rem}.cl-add{color:#666;cursor:pointer;background:0 0;border:2px solid #bbb;border-radius:8px;width:100%;padding:15px;font-size:1rem;font-weight:600}.cl-mods{background:#fff;border:1px solid #eee;border-radius:6px;flex-direction:column;gap:10px;margin-top:12px;padding:12px;font-size:.9rem;display:flex}.cl-mrow{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.cl-mlabel{cursor:pointer;align-items:center;gap:5px;display:flex}.cl-warn{background:var(--warning-bg);color:#b95e00;border-inline-start:4px solid #e67e22;border-radius:6px;align-items:flex-start;gap:8px;margin-top:10px;padding:12px;font-size:.85rem;display:flex}.cl-agree{color:#d35400;margin-top:8px;font-weight:700}.cl-ldprice{text-align:center;width:80px;font-size:1.1rem;font-weight:700}.cl-pend{color:#d35400;font-weight:700}.cl-bottom{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:25px;padding:20px;display:flex;box-shadow:0 4px 15px #0000000d}.cl-btotal{font-size:1.3rem;font-weight:700}.cl-bnote{color:#d35400;margin-top:4px;font-size:.85rem;font-weight:400;display:block}.cl-bnote.err{color:#c0392b;font-weight:600}.cl-proceed{background-color:var(--primary-btn);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:8px;flex-grow:1;padding:15px 30px;font-size:1.1rem;font-weight:700}@media (width<=500px){.cl-bottom{flex-direction:column;align-items:flex-start}.cl-proceed{width:100%}}.cl-back{color:var(--primary-btn);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;margin-bottom:20px;padding:0;font-size:1.1rem;font-weight:700;display:flex}.cl-card{border:1px solid var(--border-color);text-align:start;background:#fff;border-radius:12px;margin-bottom:20px;padding:25px;box-shadow:0 4px 15px #00000005}.cl-final{border:2px solid var(--primary-btn)}.cl-title{color:var(--primary-btn);border-bottom:2px solid #eee;margin-bottom:15px;padding-bottom:10px;font-size:1.2rem;font-weight:700}.cl-sumrow{justify-content:space-between;gap:10px;margin-bottom:10px;font-size:.95rem;display:flex}.cl-tag{color:#666;font-size:.8rem}.cl-sumtotal{border-top:2px dashed #eee;justify-content:space-between;margin-top:15px;padding-top:15px;font-size:1.2rem;font-weight:700;display:flex}.cl-estbadge{color:#d35400;margin-inline-start:5px;font-size:.8rem;font-weight:400}.cl-fgroup{flex-direction:column;gap:12px;margin-bottom:10px;display:flex}.cl-radio{border:1px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:12px 15px;font-weight:500;display:flex}.cl-radio:hover{background:var(--highlight-bg)}.cl-radio input[type=radio]{cursor:pointer;transform:scale(1.2)}.cl-small{color:#6b7886;font-size:.8rem;line-height:1.4}.cl-photo{cursor:pointer;color:#6b7280;text-align:center;background:#f9fafb;border:2px dashed #9ca3af;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;margin-top:5px;margin-bottom:10px;padding:20px;font-weight:500;display:flex}.cl-photoicon{margin-bottom:5px;font-size:2rem}.cl-payopts{flex-direction:column;gap:12px;margin:14px 0;display:flex}.cl-payrow{gap:12px;display:flex}.cl-pay{cursor:pointer;text-align:center;border:none;border-radius:8px;flex:1;padding:16px;font-size:1rem;font-weight:700}.cl-pay.dep{color:#006064;background:#e0f7fa;border:1px solid #b2ebf2}.cl-pay.full{background:var(--text-dark);color:#fff}.cl-pay.cash{color:#27ae60;background:#fff;border:2px solid #2ecc71}@media (width<=500px){.cl-payrow{flex-direction:column}}.cl-success{text-align:center;margin:0 0 25px;font-size:1.8rem}.cl-receipt{border:1px solid #eee;border-top:6px solid var(--primary-btn);text-align:start;background:#fff;max-width:450px;margin:0 auto 30px;padding:25px;box-shadow:0 5px 20px #0000000d}.cl-rhead{text-align:center;border-bottom:2px dashed #ddd;margin-bottom:15px;padding-bottom:15px}.cl-rhead h3{margin:0 0 5px}.cl-rrow{justify-content:space-between;gap:10px;margin-bottom:8px;font-size:.95rem;display:flex}.cl-rtotal{border-top:2px dashed #ddd;margin-top:15px;padding-top:15px;font-size:1.1rem;font-weight:700}.cl-tips{text-align:start;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;max-width:600px;margin:0 auto 30px;padding:20px}.cl-tips h4{color:#166534;margin:0 0 10px;font-size:1.1rem}.cl-tips ul{margin:0 0 10px;padding-inline-start:20px}.cl-tips li{color:#15803d;margin-bottom:10px;font-size:.95rem;line-height:1.4}.cl-actions{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:20px;display:flex}.cl-act{cursor:pointer;color:var(--text-dark);border:2px solid var(--border-color);background:#fff;border-radius:6px;padding:12px 25px;font-size:1rem;font-weight:700}.cl-act.home{background:var(--primary-btn);color:#fff;border:none;border-radius:8px;padding:15px 35px;font-size:1.1rem}.cl-guide{color:var(--text-dark)}.cl-baggrid{flex-wrap:wrap;justify-content:center;gap:20px;margin:20px 0 30px;padding-top:14px;display:flex}.cl-bag{border:3px solid;border-top-width:5px;border-radius:10px 10px 25px 25px;flex-direction:column;justify-content:flex-end;align-items:center;width:130px;height:160px;padding-bottom:15px;display:flex;position:relative;box-shadow:0 8px 15px #0000000d,inset 0 -10px 15px #0000000a}.cl-bag:before{content:"";background:inherit;border:3px solid;border-bottom:none;border-color:inherit;border-radius:6px 6px 0 0;width:35px;height:12px;position:absolute;top:-14px}.cl-bag.green{color:#15803d;background-color:#dcfce7;border-color:#22c55e}.cl-bag.yellow{color:#a16207;background-color:#fef9c3;border-color:#eab308}.cl-bag.gray{color:#4b5563;background-color:#f3f4f6;border-color:#9ca3af}.cl-baglabel{letter-spacing:1px;text-transform:uppercase;text-align:center;padding:0 6px;font-size:.75rem;font-weight:900;position:absolute;top:12px}.cl-xray{text-align:center;opacity:.85;background:#fff9;border:2px dashed;border-radius:6px;width:75%;margin-top:6px;padding:6px 0;font-size:.7rem;font-weight:700}@keyframes clFloatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes clFloatFast{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.cl-xray{animation:none!important}}.hp .cl label{font-size:inherit;color:inherit;align-items:center;gap:5px;display:flex}.hp .cl label.cl-radio{gap:10px;font-size:1rem}.hp .cl label.cl-mlabel{font-size:.9rem}.hp .cl label.cl-agree{color:#d35400}@media (width<=400px){.cl-linetop{gap:6px}.cl input[type=number]{max-width:56px;padding:10px 4px}.cl select{padding:10px 6px;font-size:.95rem}.cl-content{padding:14px}.cl-app{padding:0 10px}.cl-card{padding:18px}}.hp .cl h2,.hp .cl h3,.hp .cl h4{font-family:inherit;font-weight:700}.hp .cl h3.cl-guide{font-size:1.17rem}@media (width<=360px){.cl select{padding:10px 2px;font-size:.85rem}.cl input[type=number]{max-width:48px}.cl-icon{padding:2px}.cl-linetop{gap:4px}.cl-tab{font-size:.85rem}.cl-tabsum{font-size:.72rem}}.cl-track{border-top:1px dashed var(--border-color);margin-top:10px;padding-top:8px}.cl-msgs{margin:4px 0;padding-inline-start:20px}.cl-user-profile-bar{border:1px solid var(--border-color);background:#fff;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:14px 18px;display:flex;box-shadow:0 2px 8px #00000008}.cl-metrics-strip{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:18px;display:grid}.cl-metric-card{border:1px solid var(--border-color);background:#fff;border-radius:10px;padding:12px 14px;box-shadow:0 2px 6px #00000008}.cl-metric-lbl{color:#6b7886;text-transform:uppercase;margin-bottom:2px;font-size:.75rem;font-weight:600}.cl-metric-val{color:var(--text-dark);font-size:1.25rem;font-weight:700}.cl-metric-val.ok{color:#16a34a}.cl-metric-val.blue{color:#0284c7}.cl-dashboard-controls{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px;display:flex;box-shadow:0 2px 8px #00000008}.cl-filter-tabs{flex-wrap:wrap;gap:8px;display:flex}.cl-filter-tab{border:1px solid var(--border-color);cursor:pointer;color:#475569;background:#f8fafc;border-radius:6px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .2s}.cl-filter-tab.active{background:var(--primary-btn);color:#fff;border-color:var(--primary-btn)}.cl-search-box{width:100%;position:relative}.cl-search-input{border:1px solid var(--border-color);border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:.9rem;transition:border-color .2s}.cl-search-input:focus{border-color:var(--primary-btn)}.cl-order-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.cl-order-id-badge{color:var(--primary-btn);font-size:1.1rem;font-weight:800}.cl-items-chips{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.cl-item-chip{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.82rem;display:inline-flex}.cl-item-chip b{color:#0f172a}.cl-history-toggle{color:var(--primary-btn);cursor:pointer;background:0 0;border:none;margin-top:6px;padding:4px 0;font-size:.8rem;font-weight:600;text-decoration:underline}
