@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Lora:wght@600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Lora:wght@600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Lora:wght@600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--p:#0613cc;--p-dk:#040e99;--p-md:#0a1fe0;--p-lt:#4d6bff;--p-xl:#e8eaff;--p-xxl:#f0f1ff;--ink:#060b4d;--ink2:#0e1466;--ink3:#4a4d99;--ink4:#8a8dc9;--bdr:#c8cbf0;--bg:#f5f5ff;--wh:#fff;--sh:0 2px 16px #0613cc14, 0 1px 4px #0000000a;--sh-lg:0 8px 40px #0613cc1f, 0 2px 8px #0000000d}html{height:-webkit-fill-available}body{min-height:100vh;overscroll-behavior-y:none;min-height:-webkit-fill-available}.lx{-webkit-font-smoothing:antialiased;background:var(--bg);flex-direction:column;width:100%;min-height:100vh;font-family:Outfit,sans-serif;display:flex;position:relative;overflow-x:hidden}.lx-hero{background:var(--p-dk);flex-shrink:0;padding:52px 22px 0;position:relative;overflow:hidden}.lx-hero:before{content:"";pointer-events:none;border:48px solid #ffffff0d;border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-70px}.lx-hero:after{content:"";pointer-events:none;border:28px solid #ffffff0a;border-radius:50%;width:120px;height:120px;position:absolute;bottom:60px;left:-40px}.lx-brand{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.lx-brand-icon{background:#ffffff24;border:1.5px solid #ffffff38;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.lx-brand-name{color:#fff;letter-spacing:-.2px;font-family:Lora,serif;font-size:17px;font-weight:700}.lx-brand-tag{color:#ffffff80;text-transform:uppercase;letter-spacing:.8px;background:#ffffff1a;border:1px solid #ffffff24;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:600}.lx-copy{z-index:1;margin-top:26px;position:relative}.lx-headline{color:#fff;letter-spacing:-.4px;margin-bottom:10px;font-family:Lora,serif;font-size:clamp(24px,7vw,34px);font-weight:700;line-height:1.15}.lx-subline{color:#fff9;max-width:340px;font-size:clamp(13px,3.6vw,14.5px);font-weight:400;line-height:1.65}.lx-live{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:40px;align-items:center;gap:8px;margin-top:18px;margin-bottom:28px;padding:7px 14px;display:inline-flex}.lx-live-dot{background:var(--p-lt);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2.4s ease-in-out infinite lxPulse;box-shadow:0 0 0 3px #4d6bff38}@keyframes lxPulse{0%,to{box-shadow:0 0 0 3px #4d6bff38}50%{box-shadow:0 0 0 8px #4d6bff0f}}.lx-live-txt{color:#fffc;font-size:12px;font-weight:600}.lx-wave-wrap{background:var(--p-dk);flex-shrink:0;line-height:0;position:relative}.lx-wave{width:100%;height:48px;display:block}.lx-body{-webkit-overflow-scrolling:touch;background:var(--bg);flex-direction:column;flex:1;padding:0 16px 36px;display:flex;overflow-y:auto}.lx-card{background:var(--wh);border:1px solid var(--bdr);box-shadow:0 -3px 0 0 #0613cc24 inset, var(--sh-lg);opacity:0;will-change:opacity, transform;border-radius:24px;padding:26px 20px 22px;transition:opacity .42s cubic-bezier(.22,.68,0,1.16),transform .42s cubic-bezier(.22,.68,0,1.16);transform:translateY(22px)}.lx-card.on{opacity:1;transform:translateY(0)}.lx-card-title{color:var(--ink);letter-spacing:-.4px;margin-bottom:4px;font-family:Lora,serif;font-size:clamp(20px,5.5vw,24px);font-weight:700}.lx-card-sub{color:var(--ink3);margin-bottom:22px;font-size:13.5px}.lx-field{margin-bottom:16px}.lx-lbl{color:var(--ink2);text-transform:uppercase;letter-spacing:.6px;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.lx-iw{position:relative}.lx-ico{color:var(--ink4);pointer-events:none;align-items:center;transition:color .2s;display:flex;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.lx-input{border:1.5px solid var(--bdr);background:var(--p-xxl);width:100%;color:var(--ink);appearance:none;border-radius:11px;outline:none;min-height:52px;padding:13px 14px 13px 41px;font-family:Outfit,sans-serif;font-size:clamp(14px,3.8vw,15px);font-weight:500;transition:border-color .2s,box-shadow .2s,background .2s}.lx-input::placeholder{color:var(--ink4);font-weight:400}.lx-input:focus{border-color:var(--p);background:var(--wh);box-shadow:0 0 0 3.5px #0613cc1c}.lx-iw:focus-within .lx-ico{color:var(--p)}.lx-input:disabled{opacity:.5;cursor:not-allowed}.lx-input-pr{padding-right:50px}.lx-eye{cursor:pointer;min-width:44px;min-height:44px;color:var(--ink4);background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;padding:10px;transition:color .15s,background .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.lx-eye:hover{color:var(--p);background:var(--p-xl)}.lx-eye:active{background:var(--bdr)}.lx-eye:disabled{opacity:.4;cursor:not-allowed}.lx-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 22px;display:flex}.lx-rem{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;display:flex}.lx-chk{width:18px;height:18px;accent-color:var(--p);cursor:pointer;flex-shrink:0}.lx-rem-txt{color:var(--ink2);font-size:clamp(13px,3.6vw,14px);font-weight:500}.lx-forgot{color:var(--p);font-size:clamp(13px,3.6vw,14px);font-weight:700;text-decoration:none;transition:color .15s}.lx-forgot:hover{color:var(--p-dk);text-decoration:underline}.lx-btn{cursor:pointer;background:var(--p);color:#fff;letter-spacing:.1px;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:54px;padding:15px 20px;font-family:Outfit,sans-serif;font-size:clamp(14.5px,4vw,15.5px);font-weight:700;transition:background .2s,box-shadow .2s,transform .15s;display:flex;box-shadow:0 4px 18px #0613cc47}.lx-btn:hover:not(:disabled){background:var(--p-dk);transform:translateY(-1px);box-shadow:0 6px 26px #0613cc5c}.lx-btn:active:not(:disabled){transform:scale(.975);box-shadow:0 2px 8px #0613cc33}.lx-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.lx-back-link{cursor:pointer;width:100%;color:var(--ink3);text-align:center;letter-spacing:.1px;background:0 0;border:none;margin-top:14px;padding:10px;font-family:Outfit,sans-serif;font-size:clamp(13px,3.6vw,14px);font-weight:600;transition:color .15s;display:block}.lx-back-link:hover:not(:disabled){color:var(--p);text-decoration:underline}.lx-back-link:disabled{opacity:.4;cursor:not-allowed}.lx-div{align-items:center;gap:12px;margin:20px 0 18px;display:flex}.lx-div-ln{background:var(--bdr);flex:1;height:1px}.lx-div-tx{color:var(--ink4);white-space:nowrap;font-size:12px;font-weight:500}.lx-foot{text-align:center;color:var(--ink4);margin-top:20px;padding-bottom:4px;font-size:12px;font-weight:500}.lx-foot a{color:var(--p);font-weight:700;text-decoration:none}.lx-foot a:hover{text-decoration:underline}.lx-ptr{z-index:300;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.lx-ptr-dot{background:var(--wh);border-radius:50%;padding:10px;box-shadow:0 4px 18px #0613cc29}.lx-ptr-arrow{justify-content:center;align-items:center;transition:transform .15s;display:flex}.lx-ptr-arrow.ready{transform:rotate(180deg)}.lx-ptr-arrow.spinning{animation:.85s linear infinite lxSpin}.lx-spin{flex-shrink:0;animation:.85s linear infinite lxSpin}@keyframes lxSpin{to{transform:rotate(360deg)}}.lx-toasts{z-index:9999;flex-direction:column;gap:9px;width:calc(100% - 28px);max-width:380px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toast{background:var(--wh);color:var(--ink);opacity:0;visibility:hidden;border-left:4px solid #0000;border-radius:12px;padding:13px 16px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:opacity .26s,transform .26s cubic-bezier(.22,.68,0,1.2),visibility .26s;transform:translateY(12px)scale(.96);box-shadow:0 4px 24px #0000001a}.toast.show{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.toast.error{border-left-color:#ef4444}.toast.info{border-left-color:var(--p)}.toast.success{border-left-color:var(--p-lt)}.toast.warning{border-left-color:#f59e0b}@media (width<=360px){.lx-hero{padding:42px 18px 0}.lx-body{padding:0 14px 30px}.lx-card{border-radius:20px;padding:22px 16px 18px}.lx-btn{min-height:50px}}@media (width>=430px){.lx-hero{padding:54px 28px 0}.lx-body{padding:0 20px 38px}.lx-card{padding:28px 24px 22px}}@media (width>=600px){.lx-hero{padding:58px 40px 0}.lx-body{width:100%;max-width:580px;margin:0 auto;padding:0 28px 44px}.lx-card{border-radius:26px;padding:32px 28px 26px}.lx-toasts{width:auto;max-width:360px;inset:20px 20px auto auto;transform:none}.toast{transform:translate(12px)scale(.96)}.toast.show{transform:translate(0)scale(1)}}@media (width>=768px){.lx-hero{padding:62px 52px 0}.lx-card{padding:36px 34px 30px}.lx-input{min-height:54px;font-size:15px}.lx-btn{min-height:56px;font-size:15.5px}}@media (width>=1024px){.lx{flex-direction:row;height:100vh;overflow:hidden}.lx-hero{flex-direction:column;flex:1;justify-content:space-between;min-height:100vh;padding:56px 60px;display:flex;overflow:hidden}.lx-hero:before{width:340px;height:340px;top:-100px;right:-80px}.lx-hero:after{width:180px;height:180px;bottom:-50px;left:-50px}.lx-copy{margin-top:36px;padding-bottom:0}.lx-headline{font-size:clamp(30px,3vw,48px)}.lx-subline{max-width:380px;font-size:15.5px}.lx-live{margin-bottom:0}.lx-wave-wrap{display:none}.lx-metrics{flex-direction:column;gap:14px;display:flex!important}.lx-body{background:var(--bg);flex-direction:column;flex:0 0 440px;justify-content:center;max-width:440px;min-height:100vh;max-height:100vh;margin:0;padding:0 44px;display:flex;overflow-y:auto}.lx-card{margin-top:0}}@media (width>=1280px){.lx-body{flex:0 0 480px;max-width:480px;padding:0 52px}.lx-hero{padding:60px 72px}}@media (width>=1440px){.lx-body{flex:0 0 520px;max-width:520px;padding:0 60px}.lx-hero{padding:68px 88px}.lx-card{padding:42px 38px 36px}.lx-headline{font-size:52px}}.lx-metrics{display:none}.lx-mc{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:16px;padding:18px 22px}.lx-mc-row{gap:12px;display:flex}.lx-mc-mini{background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;flex:1;padding:14px 16px}.lx-mc-lbl{text-transform:uppercase;letter-spacing:.8px;color:#ffffff7a;margin-bottom:6px;font-size:10.5px;font-weight:600}.lx-mc-val{color:#fff;letter-spacing:-.3px;font-family:Lora,serif;font-size:26px;font-weight:700}.lx-mc-mini .lx-mc-val{font-size:22px}.lx-mc-chg{color:var(--p-lt);margin-top:4px;font-size:12px;font-weight:600}.lx-bars{align-items:flex-end;gap:4px;height:28px;margin-top:12px;display:flex}.lx-bar{background:#ffffff38;border-radius:3px;flex:1;transition:height .5s cubic-bezier(.22,.68,0,1.2)}.db{-webkit-overflow-scrolling:touch;background-color:#f9fafb;min-height:100vh;overflow-y:auto}.db-toasts{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.db-toasts .toast{pointer-events:auto;color:#fff;opacity:0;border-radius:10px;padding:10px 22px;font-size:13px;font-weight:500;transition:opacity .25s,transform .25s;transform:translateY(-12px);box-shadow:0 4px 14px #0000002e}.db-toasts .toast.show{opacity:1;transform:translateY(0)}.db-toasts .toast.error{background:#ef4444}.db-toasts .toast.success{background:#22c55e}.db-toasts .toast.info{background:#3b82f6}.db-toasts .toast.warning{background:#f59e0b}.db-main{max-width:1280px;margin:0 auto;padding:24px 16px}@media (width>=640px){.db-main{padding:32px 24px}}@media (width>=1024px){.db-main{padding:32px}}.db-greeting{margin-bottom:24px}@media (width>=640px){.db-greeting{margin-bottom:32px}}.db-greeting__title{color:#111827;margin:0;font-size:1.5rem;font-weight:700}@media (width>=640px){.db-greeting__title{font-size:1.875rem}}.db-greeting__date{color:#6b7280;margin-top:4px;font-size:.875rem}@media (width>=640px){.db-greeting__date{font-size:1rem}}.db-section{background:linear-gradient(135deg,#0613cc,#0613cc);border-radius:16px;margin-bottom:24px;padding:20px;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}@media (width>=640px){.db-section{padding:24px}}.db-section__title{color:#fff;align-items:center;gap:8px;margin:0 0 16px;font-size:1.125rem;font-weight:600;display:flex}.db-section__title-icon{color:#ffffffe6;flex-shrink:0;width:20px;height:20px}.db-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width>=640px){.db-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.db-stats-grid--overview{grid-template-columns:repeat(6,1fr)}}.db-stats-grid--progress{grid-template-columns:repeat(1,1fr)}@media (width>=640px){.db-stats-grid--progress{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.db-stats-grid--progress{grid-template-columns:repeat(4,1fr)}}.db-stat{border-style:solid;border-width:1px;border-radius:12px;padding:16px}.db-stat--progress{padding:20px}.db-stat--blue{background:linear-gradient(to bottom right,#eff6ff,#dbeafe);border-color:#bfdbfe}.db-stat--purple{background:linear-gradient(to bottom right,#faf5ff,#f3e8ff);border-color:#e9d5ff}.db-stat--green{background:linear-gradient(to bottom right,#f0fdf4,#dcfce7);border-color:#bbf7d0}.db-stat--yellow{background:linear-gradient(to bottom right,#fefce8,#fef9c3);border-color:#fde68a}.db-stat--orange{background:linear-gradient(to bottom right,#fff7ed,#ffedd5);border-color:#fed7aa}.db-stat--teal{background:linear-gradient(to bottom right,#f0fdfa,#ccfbf1);border-color:#99f6e4}.db-stat--indigo{background:linear-gradient(to bottom right,#eef2ff,#e0e7ff);border-color:#c7d2fe}.db-stat__label{text-transform:uppercase;margin-bottom:4px;font-size:.75rem;font-weight:500}.db-stat__label--progress{margin-bottom:8px;font-size:.875rem}.db-stat--blue .db-stat__label{color:#1d4ed8}.db-stat--purple .db-stat__label{color:#7e22ce}.db-stat--green .db-stat__label{color:#15803d}.db-stat--yellow .db-stat__label{color:#a16207}.db-stat--orange .db-stat__label{color:#c2410c}.db-stat--teal .db-stat__label{color:#0f766e}.db-stat--indigo .db-stat__label{color:#4338ca}.db-stat__value{margin:0;font-size:1.125rem;font-weight:700}@media (width>=640px){.db-stat__value{font-size:1.25rem}}.db-stat__value--progress{margin-bottom:4px;font-size:1.5rem}.db-stat--blue .db-stat__value{color:#1e3a5f}.db-stat--purple .db-stat__value{color:#581c87}.db-stat--green .db-stat__value{color:#14532d}.db-stat--yellow .db-stat__value{color:#713f12}.db-stat--orange .db-stat__value{color:#7c2d12}.db-stat--teal .db-stat__value{color:#134e4a}.db-stat--indigo .db-stat__value{color:#312e81}.db-stat__sub{margin-top:2px;font-size:.75rem}.db-stat--blue .db-stat__sub{color:#2563eb}.db-stat--purple .db-stat__sub{color:#7c3aed}.db-stat--green .db-stat__sub{color:#16a34a}.db-stat--yellow .db-stat__sub{color:#ca8a04}.db-stat--orange .db-stat__sub{color:#ea580c}.db-stat--teal .db-stat__sub{color:#0d9488}.db-stat--indigo .db-stat__sub{color:#4f46e5}.db-progress-header{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}@media (width>=640px){.db-progress-header{flex-direction:row;justify-content:space-between;align-items:center}}.db-date-controls{align-items:center;gap:8px;display:flex}.db-date-input{color:#111827;background:#fffffff2;border:2px solid #ffffff4d;border-radius:8px;outline:none;padding:8px 12px;font-size:.875rem}.db-date-input:focus{box-shadow:0 0 0 2px #fff}.db-date-input:disabled{opacity:.6}.db-today-btn{color:#1565ff;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:background .2s}.db-today-btn:hover{background:#ffffffe6}.db-today-btn:disabled{opacity:.6;cursor:not-allowed}.db-loader{justify-content:center;align-items:center;padding:48px 0;display:flex}.db-loader__spinner{border:2px solid #0000;border-bottom-color:#fff;border-radius:50%;width:40px;height:40px;animation:.7s linear infinite db-spin}@keyframes db-spin{to{transform:rotate(360deg)}}.db-skeleton{background:#f9fafb;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.db-skeleton__spinner{border:3px solid #e5e7eb;border-top-color:#0613cc;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite db-spin}.db-skeleton__text{color:#6b7280;font-size:.875rem}.db-ptr{z-index:50;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;top:0;left:0;right:0}.db-ptr__dot{background:#fff;border-radius:50%;padding:8px;box-shadow:0 10px 15px -3px #0000001a}.db-ptr__dot svg{color:#2563eb;width:20px;height:20px}.db-ptr__dot--spinning svg{animation:.7s linear infinite db-spin}.stp-card{box-sizing:border-box;background:#fff;border-radius:16px;width:100%;margin-bottom:24px;padding:20px 24px;transition:box-shadow .2s;box-shadow:0 4px 16px #00000014,0 1px 4px #0000000a}.stp-card:hover{box-shadow:0 8px 24px #0000001f,0 2px 6px #0000000f}.stp-card--muted{background:#f9fafb}.stp-top-row{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.stp-amounts{color:#0613cc;letter-spacing:-.5px;font-size:1.5rem;font-weight:800;line-height:1}@media (width>=640px){.stp-amounts{font-size:1.75rem}}.stp-percentage{color:#0d9488;font-size:1.25rem;font-weight:700}.stp-track{background:#e5e7eb;border-radius:9999px;width:100%;height:10px;margin-bottom:16px;overflow:hidden}.stp-fill{background:linear-gradient(90deg,#14b8a6,#0d9488);border-radius:9999px;min-width:0;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.stp-bottom{flex-direction:column;gap:2px;display:flex}.stp-days-line{color:#111827;margin:0;font-size:.9375rem;font-weight:700;line-height:1.4}.stp-daily-line{color:#374151;margin:0;font-size:.9rem;font-weight:500;line-height:1.5}.stp-message{margin:0;font-size:1rem;font-weight:700}.stp-message--achieved{color:#15803d}.stp-error-text{color:#9ca3af;text-align:center;margin:0;padding:8px 0;font-size:.875rem}.stp-skeleton{flex-direction:column;gap:12px;animation:1.5s ease-in-out infinite stp-pulse;display:flex}@keyframes stp-pulse{0%,to{opacity:1}50%{opacity:.4}}.stp-skeleton__bar{background:#e5e7eb;border-radius:8px;height:20px}.stp-skeleton__bar--short{width:60%}.stp-skeleton__track{background:#e5e7eb;border-radius:9999px;height:10px}.db-shift__badge{letter-spacing:.04em;text-transform:uppercase;color:#4ade80;background:#4ade8026;border:1px solid #4ade8059;border-radius:9999px;align-items:center;gap:4px;margin-left:10px;padding:2px 10px 2px 8px;font-size:.7rem;font-weight:700;animation:2s ease-in-out infinite db-shift-pulse;display:inline-flex}@keyframes db-shift-pulse{0%,to{opacity:1}50%{opacity:.55}}.db-shift__grid{grid-template-columns:1fr;gap:14px;margin-bottom:24px;display:grid}@media (width>=480px){.db-shift__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.db-shift__grid{grid-template-columns:repeat(4,1fr)}}.db-shift__field{flex-direction:column;gap:6px;display:flex}.db-shift__label{letter-spacing:.08em;text-transform:uppercase;color:#ffffffa6;font-size:.7rem;font-weight:700}.db-shift__value-box{background:#ffffff1f;border:1px solid #ffffff38;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:11px 14px;transition:background .2s,border-color .2s;display:flex}.db-shift__value-box--active{background:#4ade802e;border-color:#4ade8073}.db-shift__field-icon{color:#ffffffb3;flex-shrink:0;width:16px;height:16px}.db-shift__value-box--active .db-shift__field-icon{color:#4ade80}.db-shift__field-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.db-shift__value-box--active .db-shift__field-text{color:#86efac}.db-shift__actions{justify-content:flex-start;display:flex}.db-shift__btn{letter-spacing:.02em;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-size:.9375rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .2s;display:inline-flex}.db-shift__btn:hover{transform:translateY(-2px)}.db-shift__btn:active{transform:translateY(0)}.db-shift__btn--start{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 14px #22c55e73}.db-shift__btn--start:hover{box-shadow:0 6px 20px #22c55e8c}.db-shift__btn--end{color:#fff;background:linear-gradient(135deg,#f97316,#ef4444);box-shadow:0 4px 14px #ef444473}.db-shift__btn--end:hover{box-shadow:0 6px 20px #ef44448c}.db-shift__time-input,.db-shift__text-input{color:#fff;cursor:text;background:0 0;border:none;outline:none;flex:1;min-width:0;margin:0;padding:0;font-family:inherit;font-size:.9375rem;font-weight:600}.db-shift__text-input[readonly]{cursor:default;color:#ffffffd9}.db-shift__time-input:disabled{opacity:.55;cursor:not-allowed}.db-shift__time-input::-webkit-calendar-picker-indicator{filter:invert()opacity(.6);cursor:pointer}.db-shift__time-input::-moz-focus-inner{border:0}.db-shift__value-box:focus-within{background:#ffffff2e;border-color:#ffffff80}.st-root{--st-primary:#0613cc;--st-primary-dark:#040e99;--st-primary-light:#0613cc1f;--st-primary-mid:#0613ccbf;--st-surface:#f5f5ff;--st-surface-card:#f0f1ff;--st-white:#fff;--st-border:#c8cbf0;--st-border-info:#b8bcf5;--st-text-dark:#060b4d;--st-text-base:#0e1466;--st-text-muted:#4a4d99;--st-text-disabled:#8a8dc9;--st-text-green:#0f6652;--st-status-connected-bg:#4d6bff33;--st-status-connected-bdr:#4d6bff59;--st-status-connected-txt:#4d6bff;--st-status-connecting-bg:#facc1533;--st-status-connecting-bdr:#fde04759;--st-status-connecting-txt:#fef08a;--st-status-idle-bg:#ffffff1a;--st-status-idle-bdr:#fff3;--st-status-idle-txt:#fff9;--st-radius-lg:16px;--st-radius-md:12px;--st-radius-sm:10px;--st-radius-xs:8px;--st-shadow-card:0 2px 8px #060b4d0f;--st-shadow-btn:0 2px 10px #0613cc47;--st-shadow-btn-hv:0 4px 16px #0613cc57;--st-shadow-icon:0 1px 6px #0613cc38;-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif}.st-serif{font-family:Lora,serif}.st-root{background-color:var(--st-surface);min-height:100%}.st-in{opacity:0;animation:.38s cubic-bezier(.22,.68,0,1.16) forwards stUp;transform:translateY(14px)}.st-in:first-child{animation-delay:40ms}.st-in:nth-child(2){animation-delay:90ms}.st-in:nth-child(3){animation-delay:.14s}@keyframes stUp{to{opacity:1;transform:translateY(0)}}.st-spinner-anim{animation:.75s linear infinite stSpin}@keyframes stSpin{to{transform:rotate(360deg)}}.st-pulse{animation:1.4s ease-in-out infinite stPulse}@keyframes stPulse{0%,to{opacity:1}50%{opacity:.4}}.st-main{max-width:896px;margin:0 auto;padding:24px 16px}@media (width>=640px){.st-main{padding:32px 24px}}@media (width>=1024px){.st-main{padding:40px 24px}}.st-title-block{margin-bottom:24px}@media (width>=640px){.st-title-block{margin-bottom:32px}}.st-title{color:var(--st-text-dark);letter-spacing:-.4px;margin:0;font-size:1.375rem;font-weight:700}@media (width>=640px){.st-title{font-size:1.625rem}}.st-subtitle{color:var(--st-text-muted);margin:4px 0 0;font-size:.8125rem;font-weight:500}.st-cards{flex-direction:column;gap:16px;display:flex}.st-card{background:var(--st-white);border-radius:var(--st-radius-lg);border:1px solid var(--st-border);box-shadow:var(--st-shadow-card);overflow:hidden}.st-card__header{background:var(--st-primary);border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:14px 20px;display:flex}.st-card__icon-wrap{border-radius:var(--st-radius-xs);background:#ffffff26;border:1px solid #fff3;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.st-card__title{color:#fff;letter-spacing:-.15px;flex:1;font-size:.875rem;font-weight:700}.st-status-badge{border-style:solid;border-width:1px;border-radius:9999px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:.6875rem;font-weight:700;transition:background-color .2s,border-color .2s,color .2s;display:flex}.st-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.st-status-badge--connected{background:var(--st-status-connected-bg);border-color:var(--st-status-connected-bdr);color:var(--st-status-connected-txt)}.st-status-badge--connected .st-status-dot{background:var(--st-status-connected-txt)}.st-status-badge--connecting{background:var(--st-status-connecting-bg);border-color:var(--st-status-connecting-bdr);color:var(--st-status-connecting-txt)}.st-status-badge--connecting .st-status-dot{background:var(--st-status-connecting-txt)}.st-status-badge--idle{background:var(--st-status-idle-bg);border-color:var(--st-status-idle-bdr);color:var(--st-status-idle-txt)}.st-status-badge--idle .st-status-dot{background:#ffffff59}.st-card__body{padding:20px}.st-info-banner{border-radius:var(--st-radius-sm);background:var(--st-surface-card);border:1px solid var(--st-border-info);align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px;display:flex}.st-info-banner__icon-wrap{border-radius:var(--st-radius-xs);background:#0613cc1f;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;display:flex}.st-info-banner__text{color:var(--st-text-base);margin:0;font-size:.84375rem;font-weight:500;line-height:1.55}.st-btn-group{flex-wrap:wrap;gap:12px;display:flex}.st-btn{border-radius:var(--st-radius-sm);cursor:pointer;white-space:nowrap;border-style:solid;border-width:1px;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:.84375rem;font-weight:600;line-height:1;transition:background-color .2s,box-shadow .2s,transform .15s;display:inline-flex}.st-btn:focus-visible{outline-offset:2px;outline:3px solid #0613cc73}.st-btn--primary{background:var(--st-primary);color:#fff;box-shadow:var(--st-shadow-btn);border-color:#0000}.st-btn--primary:hover:not(:disabled){background:var(--st-primary-dark);box-shadow:var(--st-shadow-btn-hv);transform:translateY(-1px)}.st-btn--primary:active:not(:disabled){transform:scale(.98)}.st-btn--primary-linked{background:var(--st-surface-card);border-color:var(--st-border-info);color:var(--st-primary);cursor:not-allowed}.st-btn--primary-connecting{background:var(--st-primary-mid);color:#fff;cursor:not-allowed;border-color:#0000}.st-btn--secondary{background:var(--st-white);border-color:var(--st-border);color:var(--st-text-base);box-shadow:0 1px 4px #060b4d0f}.st-btn--secondary:hover:not(:disabled){background:var(--st-surface);border-color:var(--st-border-info);transform:translateY(-1px)}.st-btn--secondary:active:not(:disabled){transform:scale(.98)}.st-btn--secondary-disabled{background:var(--st-surface);border-color:var(--st-border);color:var(--st-text-disabled);cursor:not-allowed}.st-about-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=640px){.st-about-grid{grid-template-columns:repeat(2,1fr)}}.st-about-tile{border-radius:var(--st-radius-sm);background:var(--st-surface);border:1px solid var(--st-border);align-items:center;gap:12px;padding:14px 16px;display:flex}.st-about-tile__icon-wrap{border-radius:var(--st-radius-xs);background:var(--st-primary);width:32px;height:32px;box-shadow:var(--st-shadow-icon);flex-shrink:0;justify-content:center;align-items:center;display:flex}.st-about-tile__label{text-transform:uppercase;letter-spacing:.55px;color:var(--st-text-muted);margin:0;font-size:.65625rem;font-weight:700}.st-about-tile__value{color:var(--st-text-dark);margin:2px 0 0;font-size:.875rem;font-weight:700}.st-about-credit{color:var(--st-text-green);text-align:center;margin-top:16px;font-size:.71875rem;font-weight:500}.st-about-credit__link{color:var(--st-text-green);font-weight:700;text-decoration:none}.st-about-credit__link:hover{text-decoration:underline}.st-org-details{flex-direction:column;gap:0;display:flex}.st-org-row{border-bottom:1px solid var(--st-border);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.st-org-row:last-child{border-bottom:none}.st-org-row__label{text-transform:uppercase;letter-spacing:.5px;color:var(--st-text-muted);flex-shrink:0;min-width:110px;padding-top:1px;font-size:.75rem;font-weight:700}.st-org-row__value{color:var(--st-text-dark);word-break:break-word;font-size:.875rem;font-weight:600;line-height:1.45}.st-org-row__link{color:var(--st-primary);font-weight:600;text-decoration:none;transition:color .2s}.st-org-row__link:hover{color:var(--st-primary-dark);text-decoration:underline}@media (width<=479px){.st-org-row{flex-direction:column;gap:4px}.st-org-row__label{min-width:unset}}.st-in:nth-child(4){animation-delay:.19s}.st-in:nth-child(5){animation-delay:.24s}@media (width<=479px){.st-btn-group{flex-direction:column}.st-btn{justify-content:center;width:100%}}.st-pw-display-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.st-pw-display-row__left{align-items:center;gap:14px;display:flex}.st-pw-display-row__icon-wrap{border-radius:var(--st-radius-sm);background:#c0392b1a;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.st-pw-display-row__label{text-transform:uppercase;letter-spacing:.6px;color:var(--st-text-muted);margin:0 0 4px;font-size:.6875rem;font-weight:700}.st-pw-display-row__dots{letter-spacing:3px;color:var(--st-text-dark);margin:0;font-size:1.1rem;line-height:1}.st-pw-change-btn{flex-shrink:0}.st-pw-divider{border:none;border-top:1px solid var(--st-border);margin:20px 0}.st-pw-form{animation:.28s cubic-bezier(.22,.68,0,1.16) both stUp}.st-pw-fields-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=480px){.st-pw-fields-grid{grid-template-columns:repeat(2,1fr)}}.st-pw-field-group{flex-direction:column;gap:6px;display:flex}.st-pw-field-group--full{grid-column:1/-1}.st-pw-field-label{color:var(--st-text-base);font-size:.8125rem;font-weight:600}.st-pw-input{border-radius:var(--st-radius-sm);border:1px solid var(--st-border);background:var(--st-white);width:100%;color:var(--st-text-dark);box-sizing:border-box;outline:none;padding:12px 14px;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.st-pw-input::placeholder{color:var(--st-text-disabled);font-weight:400}.st-pw-input:focus{border-color:var(--st-primary);box-shadow:0 0 0 3px #0613cc1f}.st-pw-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.st-pw-otp-btn{color:#fff;background:#0d1b3e;border-color:#0000;box-shadow:0 2px 10px #0d1b3e4d}.st-pw-otp-btn:hover:not(:disabled){background:#162750;transform:translateY(-1px);box-shadow:0 4px 16px #0d1b3e66}.st-pw-otp-btn:active:not(:disabled){transform:scale(.98)}@media (width<=479px){.st-pw-display-row{flex-direction:column;align-items:flex-start}.st-pw-change-btn{justify-content:center;width:100%}.st-pw-actions{flex-direction:column}.st-pw-otp-btn,.st-pw-actions .st-btn--secondary{justify-content:center;width:100%}}.st-modal-backdrop{-webkit-backdrop-filter:blur(3px);z-index:100;background:#060b4d59;animation:.18s both stFadeIn;position:fixed;inset:0}@keyframes stFadeIn{0%{opacity:0}to{opacity:1}}.st-modal{z-index:101;background:var(--st-white);border-radius:var(--st-radius-lg);border:1px solid var(--st-border);width:min(400px,100vw - 32px);animation:.22s cubic-bezier(.22,.68,0,1.16) both stModalIn;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 60px #060b4d38,0 4px 16px #060b4d1a}@keyframes stModalIn{0%{opacity:0;transform:translate(-50%,-46%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.st-modal__header{background:var(--st-primary);border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;padding:14px 16px;display:flex}.st-modal__title{color:#fff;letter-spacing:-.15px;flex:1;font-family:Lora,serif;font-size:.875rem;font-weight:700}.st-modal__close{border-radius:var(--st-radius-xs);color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff2e;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s;display:flex}.st-modal__close:hover{background:#ffffff38}.st-modal__body{flex-direction:column;gap:8px;padding:12px;display:flex}.st-modal-option{border-radius:var(--st-radius-md);background:var(--st-surface);border:1px solid var(--st-border);cursor:pointer;text-align:left;align-items:center;gap:14px;width:100%;padding:14px 16px;transition:background .18s,border-color .18s,box-shadow .18s,transform .14s;display:flex}.st-modal-option:hover{background:var(--st-surface-card);border-color:var(--st-border-info);transform:translateY(-1px);box-shadow:0 2px 10px #060b4d14}.st-modal-option:active{transform:scale(.99)}.st-modal-option:focus-visible{outline-offset:2px;outline:3px solid #0613cc73}.st-modal-option__icon-wrap{border-radius:var(--st-radius-sm);width:42px;height:42px;box-shadow:var(--st-shadow-icon);flex-shrink:0;justify-content:center;align-items:center;display:flex}.st-modal-option__icon-wrap--blue{background:#2563eb}.st-modal-option__icon-wrap--indigo{background:var(--st-primary)}.st-modal-option__text{flex-direction:column;flex:1;gap:3px;display:flex}.st-modal-option__label{color:var(--st-text-dark);font-size:.875rem;font-weight:700;line-height:1.3}.st-modal-option__desc{color:var(--st-text-muted);font-size:.75rem;font-weight:500;line-height:1.3}.cust-page{background:#f4f6fb;flex-direction:column;min-height:100%;display:flex}.cust-topbar{z-index:20;background:linear-gradient(135deg,#0613cc 0%,#0a1ee8 100%);padding:0 1.5rem;position:sticky;top:0;box-shadow:0 2px 12px #0613cc40}.cust-topbar__inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1280px;height:68px;margin:0 auto;display:flex}.cust-topbar__left{align-items:center;gap:.75rem;display:flex}.cust-topbar__icon-wrap{color:#fff;background:#ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cust-topbar__title{color:#fff;margin:0;font-size:1.15rem;font-weight:700;line-height:1.2}.cust-topbar__subtitle{color:#ffffffb3;margin:0;font-size:.75rem}.cust-topbar__right{align-items:center;gap:.75rem;display:flex}.cust-route-badge{color:#fff;white-space:nowrap;background:#ffffff2e;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.78rem;font-weight:600;display:none}@media (width>=640px){.cust-route-badge{display:flex}}.cust-route-badge-mobile{color:#0613cc;background:#e8ecff;border:1px solid #c5ceff;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .85rem;font-size:.8rem;font-weight:600;display:flex}@media (width>=640px){.cust-route-badge-mobile{display:none}}.cust-add-btn{color:#0613cc;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:9px;align-items:center;gap:.45rem;padding:.55rem 1.1rem;font-size:.88rem;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;box-shadow:0 2px 8px #0000001f}.cust-add-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #0000002e}.cust-add-btn:active:not(:disabled){transform:scale(.97)}.cust-add-btn:disabled{opacity:.55;cursor:not-allowed}.cust-add-btn--empty{color:#fff;background:linear-gradient(135deg,#0613cc,#0a1ee8);margin-top:1rem;box-shadow:0 4px 14px #0613cc4d}.cust-main{box-sizing:border-box;flex:1;width:100%;max-width:1280px;margin:0 auto;padding:1.5rem}.cust-controls{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.cust-search-wrap{flex:1;max-width:480px;position:relative}.cust-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.cust-search-input{color:#111827;box-sizing:border-box;background:#fff;border:2px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:.65rem .65rem .65rem 2.6rem;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.cust-search-input:focus{border-color:#0613cc;box-shadow:0 0 0 3px #0613cc1a}.cust-search-input:disabled{opacity:.6;cursor:not-allowed}.cust-search-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:.2rem;display:flex;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.cust-search-clear:hover{color:#374151}.cust-refresh-btn{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s,border-color .15s;display:flex}.cust-refresh-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.cust-refresh-btn:disabled{opacity:.55;cursor:not-allowed}.cust-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.cust-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.cust-grid{grid-template-columns:repeat(3,1fr)}}.cust-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000012}.cust-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.cust-card__header{background:linear-gradient(135deg,#0613cc,#0a1ee8);justify-content:space-between;align-items:center;padding:.7rem 1rem;display:flex}.cust-card__id{color:#ffffffbf;font-size:.72rem;font-weight:600}.cust-card__body{flex-direction:column;flex:1;gap:.85rem;padding:1rem;display:flex}.cust-card__field-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.35rem;margin-bottom:.3rem;font-size:.72rem;font-weight:600;display:flex}.cust-card__name{color:#111827;margin:0;font-size:.9rem;font-weight:700}.cust-card__shop{color:#6b7280;margin:.2rem 0 0;font-size:.82rem}.cust-card__contact{color:#111827;margin:0;font-size:.88rem;font-weight:600}.cust-card__email{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;margin:.2rem 0 0;font-size:.76rem;overflow:hidden}.cust-card__address{color:#111827;margin:0;font-size:.85rem}.cust-card__province{color:#6b7280;margin:.15rem 0 0;font-size:.76rem}.cust-card__meta{border-top:1px solid #f3f4f6;grid-template-columns:1fr 1fr;gap:.5rem;padding-top:.75rem;display:grid}.cust-card__meta-item{flex-direction:column;gap:.15rem;display:flex}.cust-card__meta-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.cust-card__credit{color:#d97706;font-size:.85rem;font-weight:700}.cust-card__birthday{color:#111827;font-size:.85rem;font-weight:600}.cust-card__footer{gap:.5rem;padding:.75rem 1rem 1rem;display:flex}.cust-card__btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .6rem;font-size:.82rem;font-weight:600;transition:opacity .15s,transform .15s;display:flex}.cust-card__btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.cust-card__btn:active:not(:disabled){transform:scale(.97)}.cust-card__btn:disabled{opacity:.4;cursor:not-allowed}.cust-card__btn--map{color:#fff;background:#1e40af}.cust-card__btn--edit{color:#fff;background:#0613cc}.cust-card--skeleton{pointer-events:none}.cust-card__header--skeleton{background:linear-gradient(90deg,#e2e8ff 25%,#c7d2ff 50%,#e2e8ff 75%) 0 0/200% 100%;height:44px;animation:1.4s infinite cust-shimmer}.cust-skeleton-line{background:linear-gradient(90deg,#f0f1f5 25%,#e4e6ed 50%,#f0f1f5 75%) 0 0/200% 100%;border-radius:6px;height:12px;margin-bottom:.6rem;animation:1.4s infinite cust-shimmer}.cust-skeleton-line--wide{width:85%}.cust-skeleton-line--medium{width:65%}.cust-skeleton-line--narrow{width:45%}@keyframes cust-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cust-badge{letter-spacing:.03em;border-radius:999px;align-items:center;padding:.22rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.cust-badge--active{color:#065f46;background:#d1fae5}.cust-badge--inactive{color:#ef4444;background:#f3f4f6}.cust-pagination{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;margin-top:2rem;padding:1rem 1.25rem;display:flex;box-shadow:0 2px 8px #00000012}@media (width>=640px){.cust-pagination{flex-direction:row;justify-content:space-between}}.cust-pagination__btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0613cc,#0a1ee8);border:none;border-radius:9px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.55rem 1.1rem;font-size:.86rem;font-weight:600;transition:opacity .15s;display:flex}@media (width>=640px){.cust-pagination__btn{width:auto}}.cust-pagination__btn:disabled{opacity:.45;cursor:not-allowed}.cust-pagination__btn:hover:not(:disabled){opacity:.9}.cust-pagination__info{text-align:center}.cust-pagination__pages{color:#111827;font-size:.9rem;font-weight:700;display:block}.cust-pagination__total{color:#6b7280;margin-top:.15rem;font-size:.75rem;display:block}.cust-empty{text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;padding:4rem 1.5rem;display:flex;box-shadow:0 2px 10px #00000012}.cust-empty__icon-wrap{color:#0613cc;background:linear-gradient(135deg,#e8ecff,#d6dcff);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.25rem;display:flex}.cust-empty__title{color:#111827;margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.cust-empty__text{color:#6b7280;max-width:340px;margin:0;font-size:.9rem}.cust-toast-container{z-index:9999;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.cust-toast{color:#fff;opacity:0;border-radius:10px;max-width:340px;padding:.75rem 1.2rem;font-size:.88rem;font-weight:600;transition:transform .3s,opacity .3s;transform:translate(120%);box-shadow:0 4px 16px #0003}.cust-toast--show{opacity:1;transform:translate(0)}.cust-toast--success{background:#059669}.cust-toast--error{background:#dc2626}.cust-toast--info{background:#0613cc}.cust-spin{animation:.8s linear infinite cust-spin-kf;display:inline-block}@keyframes cust-spin-kf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cm-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;justify-content:center;align-items:flex-start;padding:0;display:flex;position:fixed;inset:0;overflow-y:auto}@media (width>=640px){.cm-overlay{align-items:center;padding:1.5rem}}.cm-panel{background:#fff;flex-direction:column;width:100%;min-height:100vh;max-height:100vh;display:flex;overflow:hidden}@media (width>=640px){.cm-panel{border-radius:18px;max-width:760px;min-height:0;max-height:90vh;box-shadow:0 20px 60px #00000040}}.cm-header{z-index:10;background:linear-gradient(135deg,#0613cc,#0a1ee8);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;display:flex;position:sticky;top:0}@media (width>=640px){.cm-header{border-radius:18px 18px 0 0}}.cm-header__info{flex:1;min-width:0;padding-right:1rem}.cm-header__title{color:#fff;margin:0;font-size:1.1rem;font-weight:700}.cm-header__subtitle{color:#ffffffbf;margin:.2rem 0 0;font-size:.78rem}.cm-header__close{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.cm-header__close:hover:not(:disabled){background:#ffffff47}.cm-header__close:disabled{opacity:.5;cursor:not-allowed}.cm-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.cm-scroll{flex-direction:column;flex:1;gap:1.25rem;padding:1.25rem;display:flex;overflow-y:auto}.cm-grid{gap:1rem;display:grid}.cm-grid--2col{grid-template-columns:1fr}@media (width>=500px){.cm-grid--2col{grid-template-columns:1fr 1fr}}.cm-grid--3col{grid-template-columns:1fr}@media (width>=500px){.cm-grid--3col{grid-template-columns:1fr 1fr}}@media (width>=768px){.cm-grid--3col{grid-template-columns:1fr 1fr 1fr}}.cm-section__title{color:#374151;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.82rem;font-weight:700}.cm-field{flex-direction:column;gap:.3rem;display:flex}.cm-label{color:#374151;font-size:.84rem;font-weight:600}.cm-label--sm{font-size:.76rem}.cm-required{color:#dc2626}.cm-input{color:#111827;box-sizing:border-box;background:#f9fafb;border:1.5px solid #d1d5db;border-radius:9px;outline:none;width:100%;padding:.6rem .85rem;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.cm-input:focus{background:#fff;border-color:#0613cc;box-shadow:0 0 0 3px #0613cc1a}.cm-input:disabled{opacity:.55;cursor:not-allowed}.cm-input--readonly{color:#6b7280;cursor:not-allowed;background:#f3f4f6}.cm-input--error{background:#fff8f8;border-color:#dc2626!important}.cm-input--error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262626}.cm-inline-error{color:#dc2626;align-items:center;gap:.25rem;margin-top:.1rem;font-size:.76rem;font-weight:600;animation:.3s cm-shake;display:flex}.cm-inline-error:before{content:"⚠";font-size:.7rem}@keyframes cm-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.cm-location-row{flex-direction:column;gap:.6rem;display:flex}@media (width>=500px){.cm-location-row{flex-direction:row}}.cm-location-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0613cc,#0a1ee8);border:none;border-radius:9px;flex-shrink:0;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.86rem;font-weight:600;transition:opacity .15s;display:flex}.cm-location-btn:disabled{opacity:.55;cursor:not-allowed}.cm-location-btn:hover:not(:disabled){opacity:.9}.cm-location-hint{color:#6b7280;margin:.35rem 0 0;font-size:.76rem}.cm-location-hint--success{color:#059669;font-weight:600}.cm-location-hint--error{color:#dc2626;font-weight:600}.cm-status-readonly{background:#f9fafb;border-radius:9px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.cm-status-readonly__label{color:#374151;font-size:.86rem;font-weight:600}.cm-status-readonly__note{color:#6b7280;font-size:.76rem}.cm-checkbox-label{cursor:pointer;color:#374151;align-items:center;gap:.6rem;font-size:.88rem;font-weight:500;display:flex}.cm-checkbox{cursor:pointer;accent-color:#0613cc;width:16px;height:16px}.cm-badge{border-radius:999px;align-items:center;padding:.22rem .65rem;font-size:.76rem;font-weight:700;display:inline-flex}.cm-badge--active{color:#065f46;background:#d1fae5}.cm-badge--inactive{color:#ef4444;background:#f3f4f6}.cm-footer{background:#fff;border-top:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;gap:.75rem;padding:1rem 1.25rem;display:flex;position:sticky;bottom:0}@media (width>=500px){.cm-footer{flex-direction:row}}.cm-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.75rem 1.25rem;font-size:.92rem;font-weight:700;transition:opacity .15s,transform .15s;display:flex}.cm-btn:disabled{opacity:.55;cursor:not-allowed}.cm-btn:hover:not(:disabled){opacity:.9}.cm-btn:active:not(:disabled){transform:scale(.98)}.cm-btn--cancel{color:#374151;background:#e5e7eb}.cm-btn--cancel:hover:not(:disabled){opacity:1;background:#d1d5db}.cm-btn--save{color:#fff;background:linear-gradient(135deg,#0613cc,#0a1ee8);box-shadow:0 3px 10px #0613cc4d}.cm-spin{animation:.8s linear infinite cust-spin-kf;display:inline-block}.stk-page{background:#f4f6fb;flex-direction:column;min-height:100%;display:flex}.stk-topbar{z-index:20;background:linear-gradient(135deg,#0613cc 0%,#0a1ee8 100%);padding:0 1.5rem;position:sticky;top:0;box-shadow:0 2px 12px #0613cc40}.stk-topbar__inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1280px;height:68px;margin:0 auto;display:flex}.stk-topbar__left{align-items:center;gap:.75rem;display:flex}.stk-topbar__icon-wrap{color:#fff;background:#ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stk-topbar__title{color:#fff;margin:0;font-size:1.15rem;font-weight:700;line-height:1.2}.stk-topbar__subtitle{color:#ffffffb3;margin:0;font-size:.75rem}.stk-topbar__right{align-items:center;gap:.75rem;display:flex}.stk-inv-badge{color:#fff;white-space:nowrap;background:#ffffff2e;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.78rem;font-weight:600;display:none}@media (width>=640px){.stk-inv-badge{display:flex}}.stk-inv-badge-mobile{color:#0613cc;background:#e8ecff;border:1px solid #c5ceff;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .85rem;font-size:.8rem;font-weight:600;display:flex}@media (width>=640px){.stk-inv-badge-mobile{display:none}}.stk-main{box-sizing:border-box;flex:1;width:100%;max-width:1280px;margin:0 auto;padding:1.5rem}.stk-no-shift{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;padding:4rem 1.5rem;display:flex;box-shadow:0 4px 20px #00000014}.stk-no-shift__icon-wrap{color:#0613cc;background:linear-gradient(135deg,#e8ecff,#d6dcff);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.25rem;display:flex}.stk-no-shift__title{color:#111827;margin:0 0 .65rem;font-size:1.4rem;font-weight:800}.stk-no-shift__text{color:#6b7280;max-width:360px;margin:0 0 1.75rem;font-size:.95rem;line-height:1.6}.stk-no-shift__btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0613cc,#0a1ee8);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.6rem;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 16px #0613cc59}.stk-no-shift__btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0613cc66}.stk-no-shift__btn:active{transform:scale(.97)}.stk-controls{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.stk-search-wrap{flex:1;max-width:480px;position:relative}.stk-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.stk-search-input{color:#111827;box-sizing:border-box;background:#fff;border:2px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:.65rem .65rem .65rem 2.6rem;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.stk-search-input:focus{border-color:#0613cc;box-shadow:0 0 0 3px #0613cc1a}.stk-search-input:disabled{opacity:.6;cursor:not-allowed}.stk-refresh-btn{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s,border-color .15s;display:flex}.stk-refresh-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.stk-refresh-btn:disabled{opacity:.55;cursor:not-allowed}.stk-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.stk-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.stk-grid{grid-template-columns:repeat(3,1fr)}}.stk-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000012}.stk-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.stk-card__header{background:linear-gradient(135deg,#0613cc,#0a1ee8);justify-content:space-between;align-items:center;padding:.7rem 1rem;display:flex}.stk-card__id{color:#ffffffbf;font-size:.72rem;font-weight:600}.stk-card__body{flex-direction:column;flex:1;gap:.85rem;padding:1rem;display:flex}.stk-card__field-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.35rem;margin-bottom:.3rem;font-size:.72rem;font-weight:600;display:flex}.stk-card__sku{color:#111827;margin:0;font-family:monospace;font-size:.88rem;font-weight:700}.stk-card__name{color:#111827;margin:0;font-size:.92rem;font-weight:700}.stk-card__category{color:#6b7280;margin:.2rem 0 0;font-size:.8rem}.stk-card__meta{border-top:1px solid #f3f4f6;grid-template-columns:1fr 1fr;gap:.5rem;padding-top:.75rem;display:grid}.stk-card__meta-item{flex-direction:column;gap:.15rem;display:flex}.stk-card__meta-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.stk-card__qty{color:#111827;align-items:center;gap:.3rem;font-size:1.2rem;font-weight:800;display:flex}.stk-card__qty--low{color:#dc2626}.stk-card__qty--zero{color:#9ca3af}.stk-card__price{color:#059669;font-size:1rem;font-weight:700}.stk-card--skeleton{pointer-events:none}.stk-card__header--skeleton{background:linear-gradient(90deg,#e2e8ff 25%,#c7d2ff 50%,#e2e8ff 75%) 0 0/200% 100%;height:44px;animation:1.4s infinite stk-shimmer}.stk-skeleton-line{background:linear-gradient(90deg,#f0f1f5 25%,#e4e6ed 50%,#f0f1f5 75%) 0 0/200% 100%;border-radius:6px;height:12px;margin-bottom:.6rem;animation:1.4s infinite stk-shimmer}.stk-skeleton-line--wide{width:85%}.stk-skeleton-line--medium{width:65%}.stk-skeleton-line--narrow{width:45%}@keyframes stk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stk-badge{letter-spacing:.03em;border-radius:999px;align-items:center;padding:.22rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.stk-badge--available{color:#065f46;background:#d1fae5}.stk-badge--low{color:#92400e;background:#fef3c7}.stk-badge--out{color:#991b1b;background:#fee2e2}.stk-badge--inactive{color:#6b7280;background:#f3f4f6}.stk-pagination{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;margin-top:2rem;padding:1rem 1.25rem;display:flex;box-shadow:0 2px 8px #00000012}@media (width>=640px){.stk-pagination{flex-direction:row;justify-content:space-between}}.stk-pagination__btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0613cc,#0a1ee8);border:none;border-radius:9px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.55rem 1.1rem;font-size:.86rem;font-weight:600;transition:opacity .15s;display:flex}@media (width>=640px){.stk-pagination__btn{width:auto}}.stk-pagination__btn:disabled{opacity:.45;cursor:not-allowed}.stk-pagination__btn:hover:not(:disabled){opacity:.9}.stk-pagination__info{text-align:center}.stk-pagination__pages{color:#111827;font-size:.9rem;font-weight:700;display:block}.stk-pagination__total{color:#6b7280;margin-top:.15rem;font-size:.75rem;display:block}.stk-empty{text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;padding:4rem 1.5rem;display:flex;box-shadow:0 2px 10px #00000012}.stk-empty__icon-wrap{color:#9ca3af;background:linear-gradient(135deg,#f0f1f5,#e4e6ed);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.25rem;display:flex}.stk-empty__title{color:#111827;margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.stk-empty__text{color:#6b7280;max-width:340px;margin:0;font-size:.9rem}.stk-toast-container{z-index:9999;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.stk-toast{color:#fff;opacity:0;border-radius:10px;max-width:340px;padding:.75rem 1.2rem;font-size:.88rem;font-weight:600;transition:transform .3s,opacity .3s;transform:translate(120%);box-shadow:0 4px 16px #0003}.stk-toast--show{opacity:1;transform:translate(0)}.stk-toast--success{background:#059669}.stk-toast--error{background:#dc2626}.stk-toast--info{background:#0613cc}.stk-spin{animation:.8s linear infinite stk-spin-kf;display:inline-block}@keyframes stk-spin-kf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sm-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;justify-content:center;align-items:flex-start;padding:0;display:flex;position:fixed;inset:0;overflow-y:auto}@media (width>=640px){.sm-overlay{align-items:center;padding:1.5rem}}.sm-panel{background:#fff;flex-direction:column;width:100%;min-height:100vh;max-height:100vh;display:flex;overflow:hidden}@media (width>=640px){.sm-panel{border-radius:18px;max-width:600px;min-height:0;max-height:90vh;box-shadow:0 20px 60px #00000040}}.sm-header{z-index:10;background:linear-gradient(135deg,#0613cc,#0a1ee8);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;display:flex;position:sticky;top:0}@media (width>=640px){.sm-header{border-radius:18px 18px 0 0}}.sm-header__info{flex:1;min-width:0;padding-right:1rem}.sm-header__title{color:#fff;margin:0;font-size:1.1rem;font-weight:700}.sm-header__subtitle{color:#ffffffbf;margin:.2rem 0 0;font-size:.78rem}.sm-header__close{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.sm-header__close:hover:not(:disabled){background:#ffffff47}.sm-header__close:disabled{opacity:.5;cursor:not-allowed}.sm-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.sm-scroll{flex-direction:column;flex:1;gap:1.25rem;padding:1.25rem;display:flex;overflow-y:auto}.sm-grid{gap:1rem;display:grid}.sm-grid--2col{grid-template-columns:1fr}@media (width>=500px){.sm-grid--2col{grid-template-columns:1fr 1fr}}.sm-section__title{color:#374151;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.82rem;font-weight:700}.sm-field{flex-direction:column;gap:.3rem;display:flex}.sm-label{color:#374151;font-size:.84rem;font-weight:600}.sm-required{color:#dc2626}.sm-input{color:#111827;box-sizing:border-box;background:#f9fafb;border:1.5px solid #d1d5db;border-radius:9px;outline:none;width:100%;padding:.6rem .85rem;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.sm-input:focus{background:#fff;border-color:#0613cc;box-shadow:0 0 0 3px #0613cc1a}.sm-input:disabled{opacity:.55;cursor:not-allowed}.sm-input--readonly{color:#6b7280;cursor:not-allowed;background:#f3f4f6}.sm-checkbox-label{cursor:pointer;color:#374151;align-items:center;gap:.6rem;font-size:.88rem;font-weight:500;display:flex}.sm-checkbox{cursor:pointer;accent-color:#0613cc;width:16px;height:16px}.sm-hint{color:#6b7280;margin:.25rem 0 0;font-size:.76rem}.sm-status-readonly{background:#f9fafb;border-radius:9px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.sm-status-readonly__label{color:#374151;font-size:.86rem;font-weight:600}.sm-badge{border-radius:999px;align-items:center;padding:.22rem .65rem;font-size:.76rem;font-weight:700;display:inline-flex}.sm-badge--active{color:#065f46;background:#d1fae5}.sm-badge--inactive{color:#6b7280;background:#f3f4f6}.sm-footer{background:#fff;border-top:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;gap:.75rem;padding:1rem 1.25rem;display:flex;position:sticky;bottom:0}@media (width>=500px){.sm-footer{flex-direction:row}}.sm-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.75rem 1.25rem;font-size:.92rem;font-weight:700;transition:opacity .15s,transform .15s;display:flex}.sm-btn:disabled{opacity:.55;cursor:not-allowed}.sm-btn:hover:not(:disabled){opacity:.9}.sm-btn:active:not(:disabled){transform:scale(.98)}.sm-btn--cancel{color:#374151;background:#e5e7eb}.sm-btn--cancel:hover:not(:disabled){opacity:1;background:#d1d5db}.sm-btn--save{color:#fff;background:linear-gradient(135deg,#0613cc,#0a1ee8);box-shadow:0 3px 10px #0613cc4d}.sm-spin{animation:.8s linear infinite stk-spin-kf;display:inline-block}:root{--sb-width:264px;--sb-bg:#fff;--sb-border:#c8cbf0;--sb-shadow:#060b4d12;--sb-brand:#040e99;--sb-brand-deep:#0613cc;--sb-brand-dark:#060b4d;--sb-brand-text:#0e1466;--sb-brand-muted:#4a4d99;--sb-brand-faint:#8a8dc9;--sb-tint-bg:#f0f1ff;--sb-tint-border:#b8bcf5;--sb-tint-hover-bg:#d8dbff;--sb-tint-light:#f5f5ff;--sb-tint-light-border:#e4e5f9;--sb-active-bg:#f0f1ff;--sb-active-border:#b8bcf5;--sb-active-icon-bg:#0613cc;--sb-active-icon-shadow:#0613cc47;--sb-active-text:#040e99;--sb-active-indicator:#0613cc;--sb-user-avatar-bg:#0613cc;--sb-user-avatar-shadow:#0613cc40;--sb-overlay:#060b4d73;--sb-transition-speed:.3s;--sb-transition-fast:.2s}.sb-body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,sans-serif}.sb-serif{font-family:Lora,serif}.sb-overlay{z-index:40;background:var(--sb-overlay);-webkit-backdrop-filter:blur(4px);transition:opacity var(--sb-transition-speed) ease, visibility var(--sb-transition-speed) ease;opacity:0;visibility:hidden;pointer-events:none;position:fixed;inset:0}.sb-overlay.sb-overlay--visible{opacity:1;visibility:visible;pointer-events:auto}@media (width>=1024px){.sb-overlay{display:none}}.sb-aside{z-index:50;height:100%;width:var(--sb-width);background:var(--sb-bg);border-right:1px solid var(--sb-border);box-shadow:4px 0 20px var(--sb-shadow);transition:transform var(--sb-transition-speed) ease-in-out;flex-direction:column;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.sb-aside.sb-aside--open{transform:translate(0)}@media (width>=1024px){.sb-aside{z-index:50;flex-shrink:0;height:100vh;position:fixed;top:0;left:0;transform:translate(0)}}.sb-header{border-bottom:1px solid var(--sb-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px;display:flex}.sb-header__brand{align-items:center;gap:12px;min-width:0;display:flex}.sb-header__icon{background:var(--sb-brand);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 10px #040e9947}.sb-header__info{min-width:0}.sb-header__title{color:var(--sb-brand-dark);letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14.5px;font-weight:700;line-height:1.2;overflow:hidden}.sb-header__subtitle{color:var(--sb-brand-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;font-weight:500;overflow:hidden}.sb-header__close{background:var(--sb-tint-bg);border:1px solid var(--sb-border);width:28px;height:28px;color:var(--sb-brand-muted);cursor:pointer;transition:background var(--sb-transition-fast) ease, color var(--sb-transition-fast) ease;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;display:flex}.sb-header__close:hover{background:var(--sb-tint-hover-bg);color:var(--sb-brand)}@media (width>=1024px){.sb-header__close{display:none}}.sb-user{background:var(--sb-tint-bg);border:1px solid var(--sb-tint-border);border-radius:12px;flex-shrink:0;align-items:center;gap:12px;margin:14px 12px 0;padding:12px 14px;display:flex}.sb-user__avatar{background:var(--sb-user-avatar-bg);color:#fff;width:32px;height:32px;box-shadow:0 1px 6px var(--sb-user-avatar-shadow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.sb-user__info{flex:1;min-width:0}.sb-user__name{color:var(--sb-brand-dark);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.sb-user__role{color:var(--sb-brand-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;font-weight:500;overflow:hidden}.sb-label{text-transform:uppercase;letter-spacing:.8px;color:var(--sb-brand-faint);padding:16px 20px 6px;font-size:10px;font-weight:700}.sb-nav{overscroll-behavior:contain;flex:1;padding:0 12px;overflow-y:auto}.sb-nav__list{flex-direction:column;gap:2px;margin:0;padding:0 0 16px;list-style:none;display:flex}.sb-nav-link{min-height:44px;transition:all var(--sb-transition-fast) ease;cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.sb-nav-link:hover{background:var(--sb-tint-light);border-color:var(--sb-tint-light-border)}.sb-nav-link.active{background:var(--sb-active-bg);border-color:var(--sb-active-border)}.sb-nav-link__icon{width:28px;height:28px;transition:all var(--sb-transition-fast) ease;background:var(--sb-tint-bg);color:var(--sb-brand-deep);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sb-nav-link:hover .sb-nav-link__icon{background:var(--sb-tint-hover-bg)}.sb-nav-link.active .sb-nav-link__icon{background:var(--sb-active-icon-bg);color:#fff;box-shadow:0 2px 8px var(--sb-active-icon-shadow)}.sb-nav-link__label{letter-spacing:-.1px;transition:color var(--sb-transition-fast) ease;color:var(--sb-brand-text);flex:1;font-size:13.5px;font-weight:600}.sb-nav-link:hover .sb-nav-link__label{color:var(--sb-active-text)}.sb-nav-link.active .sb-nav-link__label{color:var(--sb-active-text);font-weight:700}.sb-nav-link__badge{background:var(--sb-active-icon-bg);color:#fff;letter-spacing:.5px;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:700;line-height:1}.sb-nav-link__indicator{background:var(--sb-active-indicator);border-radius:9999px;flex-shrink:0;width:4px;height:20px}.sb-footer{border-top:1px solid var(--sb-border);flex-shrink:0;padding:8px 12px 20px}.sb-footer__meta{justify-content:space-between;align-items:center;margin-bottom:6px;padding:0 12px;display:flex}.sb-footer__app-name{color:var(--sb-brand-faint);font-size:10px;font-weight:500}.sb-footer__version{color:var(--sb-border);font-size:10px}.sb-logout{cursor:pointer;width:100%;min-height:44px;transition:all var(--sb-transition-fast) ease;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;display:flex}.sb-logout:hover{background:#fef2f2;border-color:#fee2e2}.sb-logout__icon{background:var(--sb-tint-bg);width:28px;height:28px;color:var(--sb-brand-deep);transition:all var(--sb-transition-fast) ease;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sb-logout:hover .sb-logout__icon{color:#ef4444;background:#fee2e2}.sb-logout__label{text-align:left;color:var(--sb-brand-text);letter-spacing:-.1px;transition:color var(--sb-transition-fast) ease;flex:1;font-size:13.5px;font-weight:600}.sb-logout:hover .sb-logout__label{color:#ef4444}.sb-modal-overlay{z-index:1000;background:var(--sb-overlay);-webkit-backdrop-filter:blur(6px);animation:sb-modal-fade-in var(--sb-transition-speed) ease forwards;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}@keyframes sb-modal-fade-in{0%{opacity:0}to{opacity:1}}.sb-modal-card{background:var(--sb-bg);border:1px solid var(--sb-border);text-align:center;width:100%;max-width:360px;animation:sb-modal-pop-in var(--sb-transition-speed) cubic-bezier(.34, 1.56, .64, 1) forwards;border-radius:16px;padding:32px 28px 24px;box-shadow:0 12px 40px #060b4d2e,0 2px 8px #060b4d14}@keyframes sb-modal-pop-in{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.sb-modal-icon-wrap{color:#ef4444;background:#fef2f2;border:1px solid #fee2e2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;display:flex}.sb-modal-icon-wrap svg{stroke:#ef4444;width:20px;height:20px}.sb-modal-title{color:var(--sb-brand-dark);letter-spacing:-.2px;margin:0 0 6px;font-family:Outfit,sans-serif;font-size:17px;font-weight:700}.sb-modal-text{color:var(--sb-brand-muted);margin:0 0 24px;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:500;line-height:1.5}.sb-modal-actions{gap:10px;display:flex}.sb-modal-btn{letter-spacing:-.1px;cursor:pointer;transition:all var(--sb-transition-fast) ease;border:1px solid #0000;border-radius:12px;flex:1;min-height:44px;padding:11px 16px;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:600}.sb-modal-btn:active{transform:scale(.97)}.sb-modal-btn--cancel{background:var(--sb-tint-bg);border-color:var(--sb-tint-border);color:var(--sb-brand-text)}.sb-modal-btn--cancel:hover{background:var(--sb-tint-hover-bg);border-color:var(--sb-brand-faint)}.sb-modal-btn--confirm{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 2px 8px #ef44444d}.sb-modal-btn--confirm:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #ef444466}@media (width<=400px){.sb-modal-card{padding:24px 20px 20px}.sb-modal-actions{flex-direction:column}}.sb-user--interactive{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--sb-transition-fast) ease, border-color var(--sb-transition-fast) ease, box-shadow var(--sb-transition-fast) ease;position:relative}.sb-user--interactive:hover{background:var(--sb-tint-hover-bg);border-color:var(--sb-brand-faint);box-shadow:0 2px 12px #0613cc1f}.sb-user--interactive:focus-visible{outline:2px solid var(--sb-brand);outline-offset:2px}.sb-user--pinned{background:var(--sb-active-bg);border-color:var(--sb-active-border);box-shadow:0 2px 12px #0613cc26}.sb-user__pin-dot{background:var(--sb-brand-faint);width:7px;height:7px;transition:background var(--sb-transition-fast) ease, box-shadow var(--sb-transition-fast) ease;opacity:.5;border-radius:50%;flex-shrink:0}.sb-user--interactive:hover .sb-user__pin-dot{opacity:1}.sb-user__pin-dot--active{background:var(--sb-brand);box-shadow:0 0 0 3px #0613cc33;opacity:1!important}.up-card{z-index:200;background:#fff;border:1px solid #e2e5f5;border-radius:18px;width:380px;font-family:Outfit,sans-serif;animation:.22s cubic-bezier(.34,1.56,.64,1) forwards up-pop-in;overflow:hidden;box-shadow:0 16px 48px #060b4d29,0 4px 12px #060b4d14}@keyframes up-pop-in{0%{opacity:0;transform:scale(.93)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width>=1024px){.up-backdrop{display:none}.up-card{left:calc(var(--sb-width) + 12px);position:fixed}}@media (width<=1023px){.up-backdrop{z-index:199;-webkit-backdrop-filter:blur(5px);background:#060b4d6b;animation:.22s forwards up-backdrop-in;position:fixed;inset:0}@keyframes up-backdrop-in{0%{opacity:0}to{opacity:1}}.up-card{width:min(380px,100vw - 32px);animation:.24s cubic-bezier(.34,1.56,.64,1) forwards up-modal-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)!important}@keyframes up-modal-in{0%{opacity:0;transform:translate(-50%,calc(12px - 50%))scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}}.up-header{background:#0d1a4a;justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 20px 22px;display:flex}.up-header__text{flex:1;min-width:0}.up-header__eyebrow{letter-spacing:1.2px;color:#60a5fa;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:700}.up-header__title{color:#fff;letter-spacing:-.3px;margin:0;font-family:Outfit,sans-serif;font-size:20px;font-weight:700;line-height:1.2}.up-header__avatar{color:#ffffffd9;background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.up-grid{background:#f4f5fb;grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.up-field{transition:box-shadow var(--sb-transition-fast) ease;background:#fff;border:1px solid #e8eaf5;border-radius:13px;align-items:flex-start;gap:10px;padding:13px 12px;display:flex}.up-field:hover{box-shadow:0 2px 10px #060b4d14}.up-field__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.up-field__body{flex:1;min-width:0}.up-field__header-row{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:3px;display:flex}.up-field__label{letter-spacing:.8px;text-transform:uppercase;color:#8a93c0;white-space:nowrap;font-size:9.5px;font-weight:700}.up-field__badge{color:var(--sb-brand-muted);border:1px solid var(--sb-tint-border);white-space:nowrap;background:#f0f1ff;border-radius:20px;padding:1px 6px;font-size:8.5px;font-weight:600}.up-field__value{color:#0d1a4a;overflow-wrap:break-word;margin:0;font-size:13px;font-weight:700;line-height:1.35}.up-field__value--truncate{white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal;overflow:hidden}.layout{background:#f8f9fe;width:100%;min-height:100vh;display:flex}.layout__content{flex-direction:column;flex:1;min-width:0;display:flex;overflow-x:hidden}@media (width>=1024px){.layout__content{margin-left:var(--sb-width,264px)}}.layout__page{flex:1;overflow-y:auto}.layout__topbar{display:none}@media (width<=1023px){.layout__topbar{z-index:30;background:#fff;border-bottom:1px solid #c8cbf0;flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 6px #060b4d0d}}.layout__hamburger{color:#040e99;cursor:pointer;background:#f0f1ff;border:1px solid #c8cbf0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Outfit,sans-serif;transition:background .2s,border-color .2s,transform .15s;display:flex}.layout__hamburger:hover{background:#d8dbff;border-color:#b8bcf5}.layout__hamburger:active{transform:scale(.94)}.layout__hamburger-icon{flex-direction:column;gap:4px;width:18px;display:flex}.layout__hamburger-bar{background:currentColor;border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.layout__hamburger--active .layout__hamburger-bar:first-child{transform:translateY(6px)rotate(45deg)}.layout__hamburger--active .layout__hamburger-bar:nth-child(2){opacity:0}.layout__hamburger--active .layout__hamburger-bar:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.layout__topbar-title{color:#060b4d;letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;overflow:hidden}.layout__topbar-subtitle{color:#8a8dc9;margin-top:1px;font-family:Outfit,sans-serif;font-size:11px;font-weight:500}.sd-wrapper{width:100%;position:relative}.sd-wrapper--disabled{opacity:.55;pointer-events:none}.sd-combobox{box-sizing:border-box;cursor:text;background:#f9fafb;border:1.5px solid #d1d5db;border-radius:9px;align-items:center;gap:.4rem;width:100%;min-height:40px;padding:0 .85rem;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.sd-combobox--open,.sd-combobox:focus-within{background:#fff;border-color:#0613cc;box-shadow:0 0 0 3px #0613cc1a}.sd-combobox__input{color:#111827;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.6rem 0;font-family:inherit;font-size:.88rem;line-height:1.4}.sd-combobox__input::placeholder{color:#9ca3af}.sd-combobox__input:disabled{cursor:not-allowed}.sd-combobox__chevron{color:#6b7280;pointer-events:none;flex-shrink:0;transition:transform .2s}.sd-combobox__chevron--up{transform:rotate(180deg)}.sd-combobox__clear{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:background .15s,color .15s;display:flex}.sd-combobox__clear:hover{color:#374151;background:#e5e7eb}.sd-panel{z-index:50;background:#fff;border:1.5px solid #d1d5db;border-radius:10px;animation:.15s ease-out sd-slide-in;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f,0 2px 8px #0000000f}@keyframes sd-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sd-list{-webkit-overflow-scrolling:touch;max-height:240px;margin:0;padding:.3rem 0;list-style:none;overflow-y:auto}.sd-list::-webkit-scrollbar{width:5px}.sd-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.sd-list::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:10px}.sd-list::-webkit-scrollbar-thumb:hover{background:#818cf8}.sd-list{scrollbar-width:thin;scrollbar-color:#c7d2fe #f3f4f6}.sd-list__item{color:#374151;cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.86rem;transition:background .1s;display:flex}.sd-list__item:hover,.sd-list__item--highlighted{background:#eff6ff}.sd-list__item--selected{color:#0613cc;background:#eef2ff;font-weight:600}.sd-list__item--selected:hover,.sd-list__item--selected.sd-list__item--highlighted{background:#e0e7ff}.sd-list__item--disabled{color:#c0c4cc;cursor:not-allowed;opacity:.55;background:0 0!important}.sd-list__item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sd-list__check{color:#0613cc;flex-shrink:0}.sd-list__empty{text-align:center;color:#9ca3af;padding:1rem .85rem;font-size:.84rem;font-style:italic}.sd-wrapper--dashboard .sd-combobox{background:#fffffff2;border:2px solid #ffffff4d;border-radius:8px;padding:0 16px}.sd-wrapper--dashboard .sd-combobox__input{padding:10px 0;font-size:.875rem}.sd-wrapper--dashboard .sd-combobox--open,.sd-wrapper--dashboard .sd-combobox:focus-within{border-color:#0000;box-shadow:0 0 0 2px #fff}.pos-page{background:#f4f6fb;flex-direction:column;height:100%;min-height:100%;display:flex;overflow:hidden}.pos-topbar{z-index:30;background:linear-gradient(135deg,#0613cc 0%,#0a1ee8 100%);padding:0 1.5rem;position:sticky;top:0;box-shadow:0 2px 12px #0613cc40}.pos-topbar__inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1440px;height:64px;margin:0 auto;display:flex}.pos-topbar__left{align-items:center;gap:.75rem;display:flex}.pos-topbar__icon-wrap{color:#fff;background:#ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pos-topbar__title{color:#fff;margin:0;font-size:1.15rem;font-weight:700;line-height:1.2}.pos-topbar__subtitle{color:#ffffffb3;margin:0;font-size:.75rem}.pos-topbar__right{align-items:center;gap:.75rem;display:flex}.pos-topbar__badge{color:#fff;white-space:nowrap;background:#ffffff2e;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.78rem;font-weight:600;display:none}@media (width>=640px){.pos-topbar__badge{display:flex}}.pos-topbar__cancel-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:9px;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.84rem;font-weight:600;transition:background .15s;display:flex}.pos-topbar__cancel-btn:hover{background:#ffffff40}.pos-main{box-sizing:border-box;flex:1;width:100%;max-width:1440px;margin:0 auto;padding:1.25rem}.pos-layout{flex-direction:column;gap:1.25rem;display:flex}@media (width>=1024px){.pos-layout{flex-direction:row;align-items:flex-start}}.pos-col-left{flex-direction:column;flex:1;gap:1.25rem;min-width:0;display:flex}.pos-col-right{flex-direction:column;gap:1.25rem;width:100%;display:flex}@media (width>=1024px){.pos-col-right{flex-shrink:0;width:420px;max-height:calc(100vh - 100px);position:sticky;top:84px;overflow:hidden}}@media (width>=1280px){.pos-col-right{width:460px}}.pos-card--cart-flex{flex-direction:column;display:flex;overflow:hidden}@media (width>=1024px){.pos-card--cart-flex{flex:1;min-height:0}}.pos-card--cart-flex .pos-card__body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.pos-right-bottom{flex-direction:column;flex-shrink:0;gap:1.25rem;display:flex}.pos-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;transition:box-shadow .2s;overflow:visible;box-shadow:0 2px 8px #00000012}.pos-card:hover{box-shadow:0 4px 16px #0000001a}.pos-card__header{background:linear-gradient(135deg,#0613cc,#0a1ee8);border-radius:14px 14px 0 0;align-items:center;gap:.5rem;padding:.75rem 1.15rem;display:flex}.pos-card__header-icon{color:#ffffffe6;flex-shrink:0;width:18px;height:18px}.pos-card__header-title{color:#fff;flex:1;margin:0;font-size:.92rem;font-weight:700}.pos-card__header-badge{color:#fff;background:#fff3;border-radius:999px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.pos-card__header--return{background:linear-gradient(135deg,#fee2e2,#fecaca)}.pos-card__header--return .pos-card__header-icon{color:#b91c1c}.pos-card__header--return .pos-card__header-title{color:#991b1b}.pos-card__body{padding:1.15rem}.pos-form-grid{grid-template-columns:1fr;gap:.85rem;display:grid}.pos-form-grid--2col{grid-template-columns:1fr}@media (width>=500px){.pos-form-grid--2col{grid-template-columns:1fr 1fr}}.pos-form-grid--3col{grid-template-columns:1fr}@media (width>=500px){.pos-form-grid--3col{grid-template-columns:1fr 1fr}}@media (width>=768px){.pos-form-grid--3col{grid-template-columns:1fr 1fr 1fr}}.pos-form-grid--4col{grid-template-columns:1fr 1fr}@media (width>=640px){.pos-form-grid--4col{grid-template-columns:1fr 1fr 1fr 1fr}}.pos-field{flex-direction:column;gap:.3rem;display:flex}.pos-label{color:#374151;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.pos-select,.pos-input{color:#111827;box-sizing:border-box;background:#f9fafb;border:1.5px solid #d1d5db;border-radius:9px;outline:none;width:100%;padding:.6rem .85rem;font-size:.88rem;transition:border-color .2s,box-shadow .2s,background .2s}.pos-select:focus,.pos-input:focus{background:#fff;border-color:#0613cc;box-shadow:0 0 0 3px #0613cc1a}.pos-select:disabled,.pos-input:disabled{opacity:.55;cursor:not-allowed}.pos-input--readonly{color:#6b7280;cursor:not-allowed;background:#f3f4f6}.pos-customer-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:.75rem;margin-top:.85rem;padding:.85rem 1rem;display:flex}.pos-customer-info__avatar{color:#fff;background:linear-gradient(135deg,#0613cc,#0a1ee8);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.pos-customer-info__details{flex:1;min-width:0}.pos-customer-info__name{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.88rem;font-weight:700;overflow:hidden}.pos-customer-info__code{color:#6b7280;margin:.15rem 0 0;font-size:.75rem}.pos-customer-info__outstanding{text-align:right;flex-shrink:0}.pos-customer-info__outstanding-label{color:#6b7280;text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:500}.pos-customer-info__outstanding-value{color:#d97706;margin-top:.1rem;font-size:.92rem;font-weight:700}.pos-stock-badge{text-align:center;border-radius:9px;justify-content:center;align-items:center;min-width:50px;margin-top:auto;padding:.5rem .85rem;font-size:.92rem;font-weight:700;display:inline-flex}.pos-stock-badge--ok{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.pos-stock-badge--low{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.pos-stock-badge--empty{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.pos-btn-add{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0613cc,#0a1ee8);border:none;border-radius:9px;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:.5rem;padding:.65rem 1.25rem;font-size:.88rem;font-weight:700;transition:opacity .15s,transform .15s;display:flex;box-shadow:0 3px 10px #0613cc4d}@media (width>=500px){.pos-btn-add{width:auto;margin-top:0}}.pos-btn-add:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.pos-btn-add:active:not(:disabled){transform:scale(.97)}.pos-btn-add:disabled{opacity:.5;cursor:not-allowed;transform:none}.pos-product-actions{border-top:1px solid #f3f4f6;flex-direction:column;align-items:stretch;gap:.85rem;margin-top:.85rem;padding-top:.85rem;display:flex}@media (width>=500px){.pos-product-actions{flex-direction:row;align-items:flex-end}}.pos-card--disabled{opacity:.5;pointer-events:none;position:relative}.pos-return-toggle{background:#991b1b26;border-radius:999px;flex-shrink:0;align-items:center;gap:2px;margin-left:auto;padding:3px;display:flex}.pos-return-toggle__btn{cursor:pointer;color:#991b1b;opacity:.65;white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.75rem;font-weight:600;line-height:1.4;transition:background .2s,color .2s,opacity .2s,box-shadow .2s;display:inline-flex}.pos-return-toggle__btn:hover{opacity:.85}.pos-return-toggle__btn--active{color:#fff;opacity:1;background:#b91c1c;box-shadow:0 1px 4px #b91c1c4d}.pos-return-toggle__btn--active:hover{opacity:1;background:#991b1b}.pos-return-divider{background:#e5e7eb;height:1px;margin:.85rem 0}.pos-return-row{flex-direction:column;align-items:stretch;gap:.85rem;display:flex}@media (width>=500px){.pos-return-row{flex-direction:row;align-items:flex-end}}.pos-return-subtitle{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .5rem;font-size:.78rem;font-weight:600}.pos-btn-return{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #fca5a5;border-radius:9px;justify-content:center;align-items:center;gap:.35rem;padding:.6rem 1rem;font-size:.84rem;font-weight:700;transition:background .15s,border-color .15s,transform .15s;display:flex}.pos-btn-return:hover:not(:disabled){background:#fef2f2;border-color:#f87171;transform:translateY(-1px)}.pos-btn-return:disabled{opacity:.45;cursor:not-allowed;transform:none}.pos-cart-scroll{-webkit-overflow-scrolling:touch;max-height:350px;overflow:auto}@media (width>=1024px){.pos-cart-scroll{flex:1;min-height:0;max-height:none}}.pos-cart-scroll::-webkit-scrollbar{width:5px}.pos-cart-scroll::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.pos-cart-scroll::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:10px}.pos-cart-scroll::-webkit-scrollbar-thumb:hover{background:#818cf8}.pos-cart-scroll{scrollbar-width:thin;scrollbar-color:#c7d2fe #f3f4f6}.pos-cart-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.84rem}.pos-cart-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:2px solid #e5e7eb;padding:.65rem .75rem;font-size:.72rem;font-weight:600}.pos-cart-table th:last-child{text-align:center}.pos-cart-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:.6rem .75rem}.pos-cart-table tbody tr{transition:background .15s}.pos-cart-table tbody tr:hover{background:#f8fafc}.pos-cart-table tbody tr:last-child td{border-bottom:none}.pos-cart-row--return{background:#fef2f2}.pos-cart-row--return:hover{background:#fee2e2!important}.pos-cart-item__name{color:#111827;font-weight:600}.pos-cart-item__category{color:#9ca3af;margin-top:.15rem;font-size:.72rem;font-weight:500;display:block}.pos-cart-item__return-tag{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:999px;align-items:center;gap:.25rem;margin-left:.4rem;padding:.15rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}.pos-cart-amt--positive{color:#111827;font-weight:600}.pos-cart-amt--negative{color:#dc2626;font-weight:700}.pos-btn-remove{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;margin:0 auto;transition:background .15s,transform .15s;display:flex}.pos-btn-remove:hover{background:#fecaca;transform:scale(1.08)}.pos-btn-remove:active{transform:scale(.92)}.pos-cart-empty{text-align:center;flex-direction:column;align-items:center;padding:2rem 1rem;display:flex}.pos-summary{flex-direction:column;gap:.55rem;display:flex}.pos-summary-row{justify-content:space-between;align-items:center;padding:.35rem 0;display:flex}.pos-summary-row__label{color:#6b7280;font-size:.84rem;font-weight:500}.pos-summary-row__value{color:#111827;font-size:.88rem;font-weight:600}.pos-summary-row__value--negative{color:#dc2626}.pos-summary-row__value--positive{color:#059669}.pos-summary-divider{background:#e5e7eb;height:1px;margin:.25rem 0}.pos-summary-total{background:linear-gradient(135deg,#0613cc,#0a1ee8);border-radius:10px;justify-content:space-between;align-items:center;margin-top:.3rem;padding:.75rem .85rem;display:flex}.pos-summary-total__label{color:#ffffffe6;font-size:.92rem;font-weight:700}.pos-summary-total__value{color:#fff;font-size:1.15rem;font-weight:800}.pos-summary-status{border-radius:8px;align-items:center;gap:.4rem;margin-top:.25rem;padding:.5rem .75rem;font-size:.82rem;font-weight:600;display:flex}.pos-summary-status--paid{color:#065f46;background:#d1fae5}.pos-summary-status--due{color:#92400e;background:#fef3c7}.pos-summary-status--change{color:#1d4ed8;background:#eff6ff}.pos-summary-status__icon{flex-shrink:0;width:16px;height:16px}.pos-summary-status__value{margin-left:auto;font-weight:700}.pos-actions{flex-direction:column;gap:.65rem;display:flex}@media (width>=500px){.pos-actions{flex-direction:row}}.pos-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.75rem 1.25rem;font-size:.92rem;font-weight:700;transition:opacity .15s,transform .15s,box-shadow .15s;display:flex}.pos-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.pos-btn:hover:not(:disabled){transform:translateY(-1px)}.pos-btn:active:not(:disabled){transform:scale(.98)}.pos-btn--payment{color:#0613cc;background:#fff;border:2px solid #0613cc;box-shadow:0 2px 8px #0613cc1a}.pos-btn--payment:hover:not(:disabled){background:#eff6ff}.pos-btn--complete{color:#fff;background:linear-gradient(135deg,#059669,#047857);box-shadow:0 3px 10px #0596694d}.pos-btn--complete:hover:not(:disabled){box-shadow:0 6px 20px #05966966}.pos-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;justify-content:center;align-items:flex-start;padding:0;animation:.2s pos-fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@media (width>=640px){.pos-modal-overlay{align-items:center;padding:1.5rem}}@keyframes pos-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pos-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pos-modal{background:#fff;flex-direction:column;width:100%;min-height:100vh;max-height:100vh;animation:.3s cubic-bezier(.16,1,.3,1) pos-slideUp;display:flex;overflow:hidden}@media (width>=640px){.pos-modal{border-radius:18px;max-width:540px;min-height:0;max-height:90vh;box-shadow:0 20px 60px #00000040}}.pos-modal__header{background:linear-gradient(135deg,#0613cc,#0a1ee8);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}@media (width>=640px){.pos-modal__header{border-radius:18px 18px 0 0}}.pos-modal__title{color:#fff;align-items:center;gap:.5rem;margin:0;font-size:1.05rem;font-weight:700;display:flex}.pos-modal__close{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.pos-modal__close:hover{background:#ffffff47}.pos-modal__body{flex-direction:column;flex:1;gap:1.15rem;padding:1.25rem;display:flex;overflow-y:auto}.pos-pay-summary{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:.45rem;padding:.85rem 1rem;display:flex}.pos-pay-summary__row{justify-content:space-between;align-items:center;display:flex}.pos-pay-summary__label{color:#6b7280;font-size:.84rem;font-weight:500}.pos-pay-summary__value{color:#111827;font-size:.92rem;font-weight:700}.pos-pay-summary__value--danger{color:#dc2626}.pos-pay-summary__value--safe{color:#059669}.pos-pay-summary__divider{background:#e5e7eb;height:1px;margin:.3rem 0}.pos-pay-input{flex-direction:column;gap:.85rem;display:flex}@media (width>=500px){.pos-pay-input{flex-direction:row;align-items:flex-end}}.pos-pay-input__btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0613cc,#0a1ee8);border:none;border-radius:9px;justify-content:center;align-items:center;gap:.35rem;padding:.6rem 1.15rem;font-size:.86rem;font-weight:700;transition:opacity .15s;display:flex;box-shadow:0 2px 8px #0613cc33}.pos-pay-input__btn:hover:not(:disabled){opacity:.9}.pos-pay-input__btn:disabled{opacity:.5;cursor:not-allowed}.pos-payments-title{color:#374151;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .5rem;font-size:.82rem;font-weight:700}.pos-payments-empty{color:#9ca3af;text-align:center;margin:0;padding:1rem;font-size:.84rem}.pos-payments-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.84rem}.pos-payments-table th{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:.5rem .65rem;font-size:.7rem;font-weight:600}.pos-payments-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:.55rem .65rem}.pos-payments-table tbody tr:last-child td{border-bottom:none}.pos-pay-method-badge{border-radius:6px;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.pos-pay-method-badge--cash{color:#065f46;background:#d1fae5}.pos-pay-method-badge--cheque{color:#3730a3;background:#e0e7ff}.pos-pay-method-badge--credit{color:#92400e;background:#fef3c7}.pos-modal__footer{background:#fff;border-top:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;gap:.65rem;padding:1rem 1.25rem;display:flex}@media (width>=500px){.pos-modal__footer{flex-direction:row}}.pos-modal__footer-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.1rem;font-size:.88rem;font-weight:700;transition:opacity .15s,transform .15s;display:flex}.pos-modal__footer-btn:disabled{opacity:.5;cursor:not-allowed}.pos-modal__footer-btn:hover:not(:disabled){opacity:.9}.pos-modal__footer-btn--secondary{color:#374151;background:#e5e7eb}.pos-modal__footer-btn--secondary:hover:not(:disabled){opacity:1;background:#d1d5db}.pos-modal__footer-btn--primary{color:#fff;background:linear-gradient(135deg,#0613cc,#0a1ee8);box-shadow:0 3px 10px #0613cc4d}.pos-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.pos-toast{pointer-events:auto;color:#fff;border-radius:10px;max-width:340px;padding:.7rem 1.2rem;font-size:.84rem;font-weight:600;animation:.35s cubic-bezier(.16,1,.3,1) pos-toastIn;box-shadow:0 4px 16px #0003}@keyframes pos-toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.pos-toast--success{background:#059669}.pos-toast--error{background:#dc2626}.pos-loading{background:#f4f6fb;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.pos-loading__spinner{border:3px solid #e5e7eb;border-top-color:#0613cc;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite pos-spin}@keyframes pos-spin{to{transform:rotate(360deg)}}.pos-loading__text{color:#6b7280;font-size:.875rem;font-weight:500}.pos-cheque-row{width:100%}.pos-sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pos-page-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}.pos-page-header__left{align-items:center;gap:.65rem;display:flex}.pos-page-header__icon{color:#fff;background:linear-gradient(135deg,#0613cc,#0a1ee8);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 3px 10px #0613cc47}.pos-page-header__title{color:#111827;margin:0;font-size:1.1rem;font-weight:800;line-height:1.2}.pos-page-header__sub{color:#9ca3af;margin:0;font-size:.72rem;font-weight:500}.pos-page-header__right{align-items:center;gap:.65rem;display:flex}.pos-page-header__items-badge{color:#3730a3;white-space:nowrap;background:#e0e7ff;border-radius:999px;align-items:center;padding:.25rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}.pos-page-header__clear-btn{color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.82rem;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:flex}.pos-page-header__clear-btn:hover{color:#dc2626;background:#fef2f2;border-color:#dc2626}.pos-page-header__clear-btn:disabled{opacity:.5;cursor:not-allowed}.pos-two-pane{flex-direction:column;flex:1;gap:0;min-height:0;display:flex;overflow:hidden}@media (width>=1024px){.pos-two-pane{flex-direction:row}}.pos-pane-left{-webkit-overflow-scrolling:touch;background:#f4f6fb;flex-direction:column;flex:1;gap:.85rem;min-width:0;padding:1rem 1.25rem;display:flex;overflow-y:auto}@media (width>=1024px){.pos-pane-left{border-right:1px solid #e5e7eb;padding:1.25rem}}.pos-pane-right{background:#fff;border-top:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:100%;display:flex}@media (width>=1024px){.pos-pane-right{border-top:none;border-left:1px solid #e5e7eb;width:380px;height:100%;overflow:hidden}}@media (width>=1280px){.pos-pane-right{width:420px}}.pos-products-toolbar{flex-direction:column;gap:.65rem;display:flex}@media (width>=640px){.pos-products-toolbar{flex-direction:row;align-items:center}}.pos-search-wrap{flex:1;min-width:0;position:relative}.pos-search-icon{color:#9ca3af;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.pos-search-input{color:#111827;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:.6rem .85rem .6rem 2.2rem;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.pos-search-input:focus{border-color:#0613cc;box-shadow:0 0 0 3px #0613cc1a}.pos-search-input::placeholder{color:#9ca3af}.pos-search-clear{color:#6b7280;cursor:pointer;background:#e5e7eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s;display:flex;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.pos-search-clear:hover{background:#d1d5db}.pos-cat-pills{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.4rem;display:flex}.pos-cat-pill{color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;padding:.38rem .9rem;font-size:.8rem;font-weight:600;line-height:1.4;transition:border-color .15s,background .15s,color .15s,box-shadow .15s}.pos-cat-pill:hover{color:#0613cc;background:#eff6ff;border-color:#0613cc}.pos-cat-pill--active{color:#fff;background:#0613cc;border-color:#0613cc;box-shadow:0 2px 8px #0613cc47}.pos-cat-pill--active:hover{color:#fff;background:#0a1ee8}.pos-products-section-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pos-products-section-title{color:#374151;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:700}.pos-products-count{color:#9ca3af;font-size:.75rem;font-weight:500}.pos-no-products{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:3rem 1rem;display:flex}.pos-no-products p{margin:0;font-size:.88rem;font-weight:500}.pos-product-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width>=640px){.pos-product-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.pos-product-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1280px){.pos-product-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1536px){.pos-product-grid{grid-template-columns:repeat(4,1fr)}}.pos-product-card{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:.3rem;padding:.85rem;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex;position:relative;overflow:hidden}.pos-product-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#0613cc,#0a1ee8);height:3px;transition:transform .25s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.pos-product-card:hover{border-color:#0613cc;transform:translateY(-2px);box-shadow:0 4px 18px #0613cc24}.pos-product-card:hover:before{transform:scaleX(1)}.pos-product-card--out{opacity:.55;pointer-events:none}.pos-product-card__top{justify-content:space-between;align-items:flex-start;gap:.35rem;display:flex}.pos-product-card__name{color:#111827;flex:1;min-width:0;margin:0;font-size:.86rem;font-weight:700;line-height:1.35}.pos-product-card__add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0613cc,#0a1ee8);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:opacity .15s,transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #0613cc47}.pos-product-card__add-btn:hover:not(:disabled){opacity:.9;transform:scale(1.1);box-shadow:0 4px 14px #0613cc61}.pos-product-card__add-btn:active:not(:disabled){transform:scale(.94)}.pos-product-card__add-btn:disabled{opacity:.4;cursor:not-allowed}.pos-product-card__price{color:#0613cc;margin:.15rem 0 0;font-size:.95rem;font-weight:800}.pos-product-card__unit{color:#9ca3af;margin:0;font-size:.72rem;font-weight:500}.pos-product-card__footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:.25rem;margin-top:.45rem;padding-top:.45rem;display:flex}.pos-product-card__category{color:#9ca3af;letter-spacing:.06em;font-size:.65rem;font-weight:700}.pos-product-card__stock{white-space:nowrap;border-radius:6px;padding:.18rem .5rem;font-size:.7rem;font-weight:700}.pos-product-card__customize-btn{color:#9ca3af;cursor:pointer;background:0 0;border:1px dashed #d1d5db;border-radius:7px;justify-content:center;align-items:center;gap:.3rem;width:100%;margin-top:.4rem;padding:.3rem .6rem;font-size:.72rem;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:flex}.pos-product-card__customize-btn:hover:not(:disabled){color:#0613cc;background:#eff6ff;border-color:#0613cc}.pos-product-card__customize-btn:disabled{opacity:.4;cursor:not-allowed}.pos-customer-panel{border-bottom:1px solid #f3f4f6;flex-shrink:0;padding:.85rem 1rem}.pos-customer-panel__header{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.4rem;margin-bottom:.55rem;font-size:.7rem;font-weight:700;display:flex}.pos-customer-panel__walkin{background:#f9fafb;border:1.5px dashed #e5e7eb;border-radius:10px;align-items:center;gap:.65rem;padding:.55rem .75rem;display:flex}.pos-customer-panel__walkin-avatar{color:#9ca3af;background:#e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.pos-customer-panel__walkin-info{flex:1;min-width:0}.pos-customer-panel__walkin-name{color:#374151;margin:0;font-size:.84rem;font-weight:700}.pos-customer-panel__walkin-note{color:#9ca3af;margin:.1rem 0 0;font-size:.72rem}.pos-customer-panel__search-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;flex-shrink:0;align-items:center;gap:.3rem;padding:.35rem .7rem;font-size:.76rem;font-weight:600;transition:border-color .15s,color .15s;display:flex}.pos-customer-panel__search-btn:hover{color:#0613cc;border-color:#0613cc}.pos-customer-panel__selected{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1.5px solid #bfdbfe;border-radius:10px;align-items:center;gap:.65rem;padding:.55rem .75rem;display:flex}.pos-customer-panel__selected-avatar{color:#fff;background:linear-gradient(135deg,#0613cc,#0a1ee8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.88rem;font-weight:800;display:flex}.pos-customer-panel__selected-info{flex:1;min-width:0}.pos-customer-panel__selected-name{color:#1e3a8a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.88rem;font-weight:700;overflow:hidden}.pos-customer-panel__selected-code{color:#3b82f6;margin:.1rem 0 0;font-size:.72rem;font-weight:600}.pos-customer-panel__selected-balance{color:#d97706;margin:.1rem 0 0;font-size:.72rem;font-weight:600}.pos-customer-panel__change-btn{color:#6b7280;cursor:pointer;background:#ffffffb3;border:1px solid #bfdbfe;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:flex}.pos-customer-panel__change-btn:hover{color:#dc2626;background:#fff}.pos-customer-card{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1.5px solid #bfdbfe;border-left:4px solid #0613cc;border-radius:10px;flex-wrap:nowrap;align-items:center;gap:.65rem;min-width:0;padding:.65rem .85rem;display:flex;position:relative;overflow:hidden}.pos-customer-card__avatar{color:#fff;background:linear-gradient(135deg,#0613cc,#0a1ee8);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 3px 10px #0613cc47}.pos-customer-card__body{flex:1;min-width:0}.pos-customer-card__name{color:#1e3a8a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.88rem;font-weight:700;line-height:1.3;overflow:hidden}.pos-customer-card__code{color:#3b82f6;margin:.1rem 0 0;font-size:.72rem;font-weight:600}.pos-customer-card__balance{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.1rem;display:flex}.pos-customer-card__balance-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.65rem;font-weight:700}.pos-customer-card__balance-value{color:#059669;white-space:nowrap;font-size:.84rem;font-weight:800}.pos-customer-card__balance-value--positive{color:#d97706}.pos-cart-header{background:#f8fafc;border-bottom:1px solid #f3f4f6;flex-shrink:0;justify-content:space-between;align-items:center;padding:.65rem 1rem;display:flex}.pos-cart-header__left{color:#374151;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.45rem;font-size:.78rem;font-weight:700;display:flex}.pos-cart-header__badge{color:#fff;background:#0613cc;border-radius:999px;align-items:center;padding:.18rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.pos-cart-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@media (width<=1023px){.pos-cart-body{max-height:280px}}.pos-cart-items-scroll{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;display:flex;overflow-y:auto}.pos-cart-items-scroll::-webkit-scrollbar{width:4px}.pos-cart-items-scroll::-webkit-scrollbar-track{background:#f3f4f6}.pos-cart-items-scroll::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:10px}.pos-cart-items-scroll::-webkit-scrollbar-thumb:hover{background:#818cf8}.pos-cart-items-scroll{scrollbar-width:thin;scrollbar-color:#c7d2fe #f3f4f6}.pos-cart-item-row{border-bottom:1px solid #f3f4f6;align-items:center;gap:.5rem;min-width:0;padding:.6rem .85rem;transition:background .15s;display:flex}.pos-cart-item-row:hover{background:#f8fafc}.pos-cart-item-row--return{background:#fef2f2}.pos-cart-item-row--return:hover{background:#fee2e2!important}.pos-cart-item-row__info{flex:1;min-width:0;overflow:hidden}.pos-cart-item-row__name{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.82rem;font-weight:700;overflow:hidden}.pos-cart-item-row__meta{color:#9ca3af;margin:.1rem 0 0;font-size:.72rem;font-weight:500}.pos-cart-item-row__controls{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.pos-cart-item-row__total{color:#111827;text-align:right;min-width:72px;font-size:.82rem;font-weight:700}.pos-cart-item-row__total--neg{color:#dc2626}.pos-qty-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:.9rem;font-weight:700;line-height:1;transition:border-color .15s,background .15s,color .15s;display:flex}.pos-qty-btn:hover{color:#0613cc;background:#eff6ff;border-color:#0613cc}.pos-qty-btn--dec:hover{color:#dc2626;background:#fef2f2;border-color:#dc2626}.pos-qty-value{color:#111827;text-align:center;flex-shrink:0;min-width:18px;font-size:.82rem;font-weight:700}.pos-cart-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}.pos-cart-empty__icon{color:#0613cc;background:linear-gradient(135deg,#e8ecff,#d6dcff);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:.35rem;display:flex}.pos-cart-empty__text{color:#6b7280;margin:0;font-size:.88rem;font-weight:600}.pos-cart-empty__hint{color:#9ca3af;margin:0;font-size:.78rem;font-weight:400}.pos-totals{background:#fff;border-top:1px solid #f3f4f6;flex-direction:column;flex-shrink:0;gap:.3rem;padding:.65rem 1rem;display:flex}.pos-totals__row{color:#6b7280;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:500;display:flex}.pos-totals__row--neg{color:#dc2626}.pos-totals__row--paid{color:#059669}.pos-totals__row--due{color:#d97706;font-weight:600}.pos-totals__row--change{color:#0613cc;font-weight:600}.pos-totals__divider{background:#e5e7eb;height:1px;margin:.25rem 0}.pos-totals__grand{color:#374151;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;margin:.15rem 0;padding:.55rem .75rem;font-size:.84rem;font-weight:600;display:flex}.pos-totals__grand-value{color:#0613cc;font-size:1.1rem;font-weight:800}.pos-pay-btn-group{background:#fff;border-top:1px solid #f3f4f6;flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.65rem 1rem;display:grid}.pos-pay-btn{cursor:pointer;letter-spacing:.04em;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.65rem .5rem;font-size:.78rem;font-weight:800;transition:opacity .15s,transform .15s,box-shadow .15s;display:flex}.pos-pay-btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.pos-pay-btn:hover:not(:disabled){opacity:.92;transform:translateY(-2px)}.pos-pay-btn:active:not(:disabled){transform:scale(.96)}.pos-pay-btn--cash{color:#fff;background:linear-gradient(135deg,#059669,#047857);box-shadow:0 3px 10px #05966952}.pos-pay-btn--cash:hover:not(:disabled){box-shadow:0 5px 16px #0596696b}.pos-pay-btn--card{color:#fff;background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 3px 10px #1d4ed852}.pos-pay-btn--card:hover:not(:disabled){box-shadow:0 5px 16px #1d4ed86b}.pos-pay-btn--credit{color:#fff;background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 3px 10px #d9770652}.pos-pay-btn--credit:hover:not(:disabled){box-shadow:0 5px 16px #d977066b}.pos-btn-complete{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:.45rem;margin:.5rem 1rem .75rem;padding:.8rem 1.5rem;font-size:.92rem;font-weight:800;transition:opacity .15s,transform .15s,box-shadow .15s;animation:.3s cubic-bezier(.16,1,.3,1) pos-slideUp;display:flex;box-shadow:0 4px 16px #0596695c}.pos-btn-complete:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 22px #05966973}.pos-btn-complete:active:not(:disabled){transform:scale(.98)}.pos-btn-complete:disabled{opacity:.6;cursor:not-allowed;transform:none}.pos-pay-method-tabs{background:#f3f4f6;border-radius:10px;gap:.4rem;padding:.3rem;display:flex}.pos-pay-method-tab{cursor:pointer;color:#6b7280;letter-spacing:.03em;background:0 0;border:none;border-radius:7px;flex:1;padding:.45rem .6rem;font-size:.78rem;font-weight:700;transition:background .15s,color .15s,box-shadow .15s}.pos-pay-method-tab:hover{color:#374151;background:#e5e7eb}.pos-pay-method-tab--active{color:#0613cc;background:#fff;box-shadow:0 1px 4px #0000001f}.pos-modal--customize,.pos-modal--customer{max-width:440px!important}.pos-customize-info{background:#f8fafc;border:1px solid #e5e7eb;border-radius:9px;justify-content:space-between;align-items:center;gap:.65rem;padding:.65rem .85rem;display:flex}.pos-customize-total{color:#1e3a8a;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:9px;justify-content:space-between;align-items:center;margin-top:1rem;padding:.65rem .85rem;font-size:.88rem;font-weight:600;display:flex}.pos-customize-total strong{color:#0613cc;font-size:1.05rem;font-weight:800}.pos-customer-walkin-select-btn{color:#6b7280;cursor:pointer;background:0 0;border:1.5px dashed #d1d5db;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;width:100%;padding:.65rem 1rem;font-size:.84rem;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:flex}.pos-customer-walkin-select-btn:hover{color:#0613cc;background:#eff6ff;border-color:#0613cc}.pos-cheque-row{flex-direction:column;gap:.85rem;display:flex}@media (width>=500px){.pos-cheque-row{flex-direction:row}}.vs-root{--vs-primary:#0613cc;--vs-primary-dark:#040e99;--vs-primary-light:#e8eafc;--vs-green:#16a34a;--vs-green-bg:#dcfce7;--vs-blue:#2563eb;--vs-blue-bg:#dbeafe;--vs-orange:#ea580c;--vs-orange-bg:#ffedd5;--vs-red:#dc2626;--vs-red-bg:#fee2e2;--vs-purple-bg:#f3e8ff;--vs-purple:#9333ea;--vs-gray-50:#f9fafb;--vs-gray-100:#f3f4f6;--vs-gray-200:#e5e7eb;--vs-gray-400:#9ca3af;--vs-gray-500:#6b7280;--vs-gray-700:#374151;--vs-gray-900:#111827;--vs-shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000f;--vs-shadow-md:0 4px 16px #0000001a;--vs-shadow-lg:0 10px 32px #00000024;--vs-radius:14px;--vs-radius-sm:8px;--vs-transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--vs-gray-50);min-height:100vh;font-family:Inter,system-ui,sans-serif}.vs-header{z-index:30;background:var(--vs-primary);position:sticky;top:0;box-shadow:0 2px 8px #0613cc59}.vs-header__inner{justify-content:space-between;align-items:center;max-width:1280px;height:64px;margin:0 auto;padding:0 1.25rem;display:flex}.vs-header__title{color:#fff;align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:700;display:flex}.vs-header__pills{align-items:center;gap:.5rem;display:flex}.vs-pill{color:#fff;background:#ffffff26;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.vs-pill--printer-ok{color:#bbf7d0;background:#4ade802e}.vs-pill--printer-none{color:#ffffff8c;background:#ffffff1a}.vs-pill__dot{background:#ffffff59;border-radius:50%;width:7px;height:7px}.vs-pill__dot--ok{background:#4ade80;animation:1.5s ease-in-out infinite vsPulse}@keyframes vsPulse{0%,to{opacity:1}50%{opacity:.45}}.vs-main{max-width:860px;margin:0 auto;padding:1.5rem 1rem 3rem}.vs-filters{border-radius:var(--vs-radius);box-shadow:var(--vs-shadow-sm);border:1px solid var(--vs-gray-200);background:#fff;margin-bottom:1.25rem;padding:1.25rem 1.5rem}.vs-filters__header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.vs-filters__title{color:var(--vs-gray-900);align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:700;display:flex}.vs-filters__title svg{color:var(--vs-gray-500)}.vs-btn-clear{background:var(--vs-gray-100);color:var(--vs-gray-700);border-radius:var(--vs-radius-sm);cursor:pointer;transition:var(--vs-transition);border:none;padding:6px 14px;font-size:.8rem;font-weight:600}.vs-btn-clear:hover:not(:disabled){background:var(--vs-gray-200)}.vs-btn-clear:disabled{opacity:.45;cursor:not-allowed}.vs-filters__body{flex-direction:column;gap:.9rem;display:flex}.vs-label{color:var(--vs-gray-700);margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.vs-search-wrap{position:relative}.vs-search-wrap svg{color:var(--vs-gray-400);pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.vs-input{box-sizing:border-box;border:2px solid var(--vs-gray-200);border-radius:var(--vs-radius-sm);width:100%;color:var(--vs-gray-900);transition:var(--vs-transition);background:#fff;outline:none;padding:9px 14px 9px 36px;font-size:.88rem}.vs-input:focus{border-color:var(--vs-primary);box-shadow:0 0 0 3px var(--vs-primary-light)}.vs-date-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.vs-date-input{border:2px solid var(--vs-gray-200);border-radius:var(--vs-radius-sm);min-width:140px;color:var(--vs-gray-900);transition:var(--vs-transition);box-sizing:border-box;background:#fff;outline:none;flex:1;padding:9px 12px;font-size:.85rem}.vs-date-input:focus{border-color:var(--vs-primary);box-shadow:0 0 0 3px var(--vs-primary-light)}.vs-date-sep{color:var(--vs-gray-500);white-space:nowrap;font-size:.8rem}.vs-filters__footer{border-top:1px solid var(--vs-gray-200);color:var(--vs-gray-500);margin-top:.9rem;padding-top:.9rem;font-size:.82rem}.vs-filters__footer strong{color:var(--vs-gray-900)}.vs-search-badge{background:var(--vs-primary-light);color:var(--vs-primary);border-radius:999px;align-items:center;margin-left:8px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.vs-error{background:var(--vs-red-bg);border-radius:var(--vs-radius);color:#991b1b;border:1px solid #fca5a5;align-items:center;gap:10px;margin-bottom:1.25rem;padding:.9rem 1rem;font-size:.85rem;display:flex}.vs-cards{flex-direction:column;gap:1rem;display:flex}.vs-card{border-radius:var(--vs-radius);box-shadow:var(--vs-shadow-sm);border:1px solid var(--vs-gray-200);background:#fff;transition:box-shadow .2s;overflow:hidden}.vs-card:hover{box-shadow:var(--vs-shadow-md)}.vs-card__header{background:var(--vs-primary);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.vs-card__inv{color:#fff;align-items:center;gap:7px;font-size:.88rem;font-weight:700;display:flex}.vs-card__inv svg{opacity:.85;width:16px;height:16px}.vs-badge{letter-spacing:.4px;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:700}.vs-badge--CASH{background:var(--vs-green-bg);color:#166534}.vs-badge--CHEQUE{background:var(--vs-blue-bg);color:#1e40af}.vs-badge--CREDIT{background:var(--vs-orange-bg);color:#9a3412}.vs-badge--MIXED{background:var(--vs-purple-bg);color:#6b21a8}.vs-card__body{padding:14px 14px 0}.vs-card__info{grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:.75rem;display:grid}@media (width<=560px){.vs-card__info{grid-template-columns:1fr 1fr}.vs-card__info .vs-info-block:last-child{grid-column:span 2}}.vs-info-label{color:var(--vs-gray-500);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:5px;margin-bottom:3px;font-size:.72rem;font-weight:600;display:flex}.vs-info-label svg{width:13px;height:13px}.vs-info-primary{color:var(--vs-gray-900);margin:0 0 1px;font-size:.88rem;font-weight:700;line-height:1.3}.vs-info-secondary{color:var(--vs-gray-500);margin:0;font-size:.75rem}.vs-total-value{color:var(--vs-green);margin:0 0 1px;font-size:1.05rem;font-weight:800}.vs-card__payments{border-top:1px solid var(--vs-gray-200);border-bottom:1px solid var(--vs-gray-200);grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:10px 0;display:grid}@media (width<=400px){.vs-card__payments{grid-template-columns:repeat(2,1fr);gap:8px}}.vs-payment-cell{text-align:center}.vs-payment-label{color:var(--vs-gray-500);margin-bottom:2px;font-size:.72rem}.vs-payment-value{font-size:.85rem;font-weight:700}.vs-payment-value--cash{color:var(--vs-green)}.vs-payment-value--cheque{color:var(--vs-blue)}.vs-payment-value--credit{color:var(--vs-orange)}.vs-payment-value--returns{color:var(--vs-red)}.vs-card__footer{color:var(--vs-gray-500);justify-content:space-between;align-items:center;padding:8px 0 0;font-size:.75rem;display:flex}.vs-card__actions{gap:8px;padding:12px 0 14px;display:flex}.vs-btn-view{background:var(--vs-primary);color:#fff;border-radius:var(--vs-radius-sm);cursor:pointer;transition:var(--vs-transition);border:none;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px 0;font-size:.88rem;font-weight:700;display:flex}.vs-btn-view:hover{background:var(--vs-primary-dark)}.vs-btn-view svg{width:15px;height:15px}.vs-btn-reprint{background:var(--vs-gray-100);color:var(--vs-gray-700);border:1px solid var(--vs-gray-200);border-radius:var(--vs-radius-sm);cursor:pointer;transition:var(--vs-transition);white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:10px 18px;font-size:.82rem;font-weight:600;display:flex}.vs-btn-reprint:hover:not(:disabled){background:var(--vs-gray-200)}.vs-btn-reprint:disabled{opacity:.5;cursor:not-allowed}.vs-btn-reprint svg{width:14px;height:14px}.vs-empty{text-align:center;border-radius:var(--vs-radius);box-shadow:var(--vs-shadow-sm);border:1px solid var(--vs-gray-200);background:#fff;flex-direction:column;align-items:center;padding:4rem 1.5rem;display:flex}.vs-empty__icon{background:var(--vs-gray-100);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:1.2rem;display:flex}.vs-empty__icon svg{color:var(--vs-gray-400);width:32px;height:32px}.vs-empty h3{color:var(--vs-gray-900);margin:0 0 6px;font-size:1.1rem;font-weight:700}.vs-empty p{color:var(--vs-gray-500);margin:0 0 1.2rem;font-size:.88rem}.vs-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:340px;display:flex}.vs-spinner{border:4px solid var(--vs-gray-200);border-top-color:var(--vs-primary);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite vsSpin}@keyframes vsSpin{to{transform:rotate(360deg)}}.vs-loading p{color:var(--vs-gray-500);font-size:.88rem}.vs-pagination{border-radius:var(--vs-radius);box-shadow:var(--vs-shadow-sm);border:1px solid var(--vs-gray-200);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;padding:.9rem 1rem;display:flex}.vs-pagination__info{color:var(--vs-gray-500);font-size:.82rem}.vs-pagination__info strong{color:var(--vs-gray-900)}.vs-pagination__controls{align-items:center;gap:8px;display:flex}.vs-btn-page{border:1px solid var(--vs-gray-200);border-radius:var(--vs-radius-sm);color:var(--vs-primary);cursor:pointer;transition:var(--vs-transition);background:#fff;align-items:center;gap:5px;padding:7px 14px;font-size:.82rem;font-weight:600;display:flex}.vs-btn-page:hover:not(:disabled){background:var(--vs-primary-light)}.vs-btn-page:disabled{opacity:.4;cursor:not-allowed}.vs-btn-page svg{width:14px;height:14px}.vs-modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#00000080;justify-content:center;align-items:flex-end;padding:0;animation:.2s vsBackdropIn;display:flex;position:fixed;inset:0}@media (width>=640px){.vs-modal-backdrop{align-items:center;padding:1.5rem}}@keyframes vsBackdropIn{0%{opacity:0}to{opacity:1}}.vs-modal{border-radius:var(--vs-radius) var(--vs-radius) 0 0;width:100%;max-width:640px;max-height:92vh;box-shadow:var(--vs-shadow-lg);background:#fff;flex-direction:column;animation:.25s cubic-bezier(.4,0,.2,1) vsModalIn;display:flex;overflow:hidden}@media (width>=640px){.vs-modal{border-radius:var(--vs-radius);max-height:90vh}}@keyframes vsModalIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.vs-modal__header{background:var(--vs-primary);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.vs-modal__header-text h3{color:#fff;margin:0 0 2px;font-size:1rem;font-weight:700}.vs-modal__header-text p{color:#ffffffbf;margin:0;font-size:.75rem}.vs-btn-close{border-radius:var(--vs-radius-sm);color:#fff;cursor:pointer;width:34px;height:34px;transition:var(--vs-transition);background:#ffffff26;border:none;justify-content:center;align-items:center;display:flex}.vs-btn-close:hover{background:#ffffff47}.vs-btn-close svg{width:16px;height:16px}.vs-modal__body{flex-direction:column;flex:1;gap:1rem;padding:1.1rem;display:flex;overflow-y:auto}.vs-modal__grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=420px){.vs-modal__grid{grid-template-columns:1fr}}.vs-modal-block{background:var(--vs-gray-50);border-radius:var(--vs-radius-sm);padding:12px 14px}.vs-modal-block__label{letter-spacing:.6px;text-transform:uppercase;color:var(--vs-gray-500);margin-bottom:4px;font-size:.67rem;font-weight:700}.vs-modal-block p{color:var(--vs-gray-700);margin:2px 0;font-size:.82rem}.vs-modal-block strong{color:var(--vs-gray-900);font-size:.95rem}.vs-modal-payment{border-radius:var(--vs-radius-sm);background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border:1px solid #c7d2fe;padding:14px}.vs-modal-payment__title{color:var(--vs-gray-900);margin-bottom:10px;font-size:.85rem;font-weight:700}.vs-modal-payment__grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;display:grid}@media (width<=420px){.vs-modal-payment__grid{grid-template-columns:repeat(2,1fr)}}.vs-modal-pay-cell{text-align:center;background:#fff;border-radius:7px;padding:8px 4px}.vs-modal-pay-cell__label{color:var(--vs-gray-500);margin-bottom:3px;font-size:.7rem}.vs-modal-pay-cell__value{font-size:.82rem;font-weight:700}.vs-modal-total{background:#fff;border-radius:7px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:.85rem;display:flex}.vs-modal-total__label{color:var(--vs-gray-700);font-weight:600}.vs-modal-total__value{color:var(--vs-gray-900);font-size:1rem;font-weight:800}.vs-modal-section{border-radius:var(--vs-radius-sm);padding:12px 14px}.vs-modal-section--cheque{background:var(--vs-blue-bg);border:1px solid #bfdbfe}.vs-modal-section--credit{background:var(--vs-orange-bg);border:1px solid #fed7aa}.vs-modal-section--return{background:var(--vs-red-bg);border:1px solid #fecaca}.vs-modal-section__title{color:var(--vs-gray-900);margin-bottom:8px;font-size:.82rem;font-weight:700}.vs-modal-row{background:#fff;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:7px 10px;font-size:.8rem;display:flex}.vs-modal-row:last-child{margin-bottom:0}.vs-modal-row__label{color:var(--vs-gray-500)}.vs-modal-row__value{font-weight:700}.vs-status-badge{text-transform:uppercase;border-radius:999px;align-items:center;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.vs-status-badge--PAID{background:var(--vs-green-bg);color:#166534}.vs-status-badge--PENDING{background:var(--vs-orange-bg);color:#9a3412}.vs-status-badge--CREDIT{background:var(--vs-red-bg);color:var(--vs-red)}.vs-product-item{background:var(--vs-gray-50);border:1px solid var(--vs-gray-200);border-radius:var(--vs-radius-sm);margin-bottom:8px;padding:12px}.vs-product-item:last-child{margin-bottom:0}.vs-product-item__top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.vs-product-item__name{color:var(--vs-gray-900);margin:0 0 2px;font-size:.88rem;font-weight:700}.vs-product-item__sku{color:var(--vs-gray-500);margin:0;font-size:.72rem}.vs-product-item__price{color:var(--vs-green);white-space:nowrap;font-size:1rem;font-weight:800}.vs-product-item__bottom{border-top:1px solid var(--vs-gray-200);color:var(--vs-gray-600);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding-top:7px;font-size:.78rem;display:flex}.vs-modal__footer{border-top:1px solid var(--vs-gray-200);background:#fff;flex-shrink:0;gap:8px;padding:12px 1.1rem;display:flex}.vs-btn-modal-close{border-radius:var(--vs-radius-sm);background:var(--vs-gray-100);color:var(--vs-gray-700);cursor:pointer;transition:var(--vs-transition);border:none;flex:1;padding:10px;font-size:.88rem;font-weight:600}.vs-btn-modal-close:hover{background:var(--vs-gray-200)}.vs-spin{animation:.9s linear infinite vsSpin}@media (width<=640px){.vs-main{padding:1rem .75rem 3rem}.vs-filters{padding:1rem}}.cl-root{--cl-primary:#0613cc;--cl-primary-dark:#040e99;--cl-primary-light:#e8eafc;--cl-primary-mid:#c7cef8;--cl-green:#16a34a;--cl-green-bg:#dcfce7;--cl-green-text:#166534;--cl-yellow:#ca8a04;--cl-yellow-bg:#fef9c3;--cl-yellow-text:#713f12;--cl-blue:#2563eb;--cl-blue-bg:#dbeafe;--cl-blue-text:#1e40af;--cl-red:#dc2626;--cl-red-bg:#fee2e2;--cl-red-text:#991b1b;--cl-orange:#ea580c;--cl-orange-bg:#ffedd5;--cl-orange-text:#9a3412;--cl-gray-50:#f9fafb;--cl-gray-100:#f3f4f6;--cl-gray-200:#e5e7eb;--cl-gray-300:#d1d5db;--cl-gray-400:#9ca3af;--cl-gray-500:#6b7280;--cl-gray-600:#4b5563;--cl-gray-700:#374151;--cl-gray-900:#111827;--cl-shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000f;--cl-shadow-md:0 4px 16px #0000001a;--cl-shadow-lg:0 10px 32px #00000024;--cl-shadow-xl:0 20px 48px #0000002e;--cl-radius:14px;--cl-radius-sm:8px;--cl-radius-xs:6px;--cl-transition:all .2s cubic-bezier(.4, 0, .2, 1);background:var(--cl-gray-50);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-y:auto}.cl-header{z-index:30;background:var(--cl-primary);position:sticky;top:0;box-shadow:0 2px 12px #0613cc59}.cl-header__inner{justify-content:space-between;align-items:center;max-width:1280px;height:64px;margin:0 auto;padding:0 1.25rem;display:flex}.cl-header__left{align-items:center;gap:.75rem;display:flex}.cl-header__menu-btn{border-radius:var(--cl-radius-sm);color:#fffc;cursor:pointer;width:36px;height:36px;transition:var(--cl-transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.cl-header__menu-btn:hover{color:#fff;background:#ffffff1f}.cl-header__menu-btn svg{width:22px;height:22px}@media (width>=1024px){.cl-header__menu-btn{display:none}}.cl-header__icon{color:#ffffffd9;flex-shrink:0;width:22px;height:22px}.cl-header__title{color:#fff;margin:0;font-size:1.1rem;font-weight:700}@media (width>=640px){.cl-header__title{font-size:1.2rem}}.cl-route-badge{color:#fff;white-space:nowrap;background:#ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.72rem;font-weight:600;display:inline-flex}.cl-route-badge svg{opacity:.85;width:15px;height:15px}@media (width>=640px){.cl-route-badge{font-size:.78rem}}.cl-main{max-width:860px;margin:0 auto;padding:1.5rem 1rem 3rem}@media (width>=640px){.cl-main{padding:2rem 1.5rem 3rem}}.cl-no-shift{border-radius:var(--cl-radius);box-shadow:var(--cl-shadow-md);text-align:center;background:#fff;padding:3rem 2rem}.cl-no-shift__icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.cl-no-shift__icon svg{width:40px;height:40px;color:var(--cl-blue)}.cl-no-shift h3{color:var(--cl-gray-900);margin:0 0 .6rem;font-size:1.4rem;font-weight:800}.cl-no-shift p{color:var(--cl-gray-500);max-width:28rem;margin:0 auto 1.5rem;font-size:.95rem}.cl-btn-start-shift{background:var(--cl-primary);color:#fff;border-radius:var(--cl-radius-sm);cursor:pointer;transition:var(--cl-transition);border:none;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #0613cc59}.cl-btn-start-shift:hover{background:var(--cl-primary-dark);transform:translateY(-1px);box-shadow:0 6px 20px #0613cc73}.cl-btn-start-shift:active{transform:scale(.97)}.cl-btn-start-shift svg{width:20px;height:20px}.cl-route-mobile{border-radius:var(--cl-radius-sm);background:var(--cl-blue-bg);border:1px solid #bfdbfe;align-items:center;gap:8px;margin-bottom:1rem;padding:10px 14px;display:flex}.cl-route-mobile svg{width:15px;height:15px;color:var(--cl-blue);flex-shrink:0}.cl-route-mobile span{color:#1e3a8a;font-size:.85rem;font-weight:600}@media (width>=640px){.cl-route-mobile{display:none}}.cl-filters{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.cl-search-wrap{position:relative}.cl-search-wrap svg{width:18px;height:18px;color:var(--cl-gray-400);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.cl-input{box-sizing:border-box;border:2px solid var(--cl-gray-200);border-radius:var(--cl-radius-sm);width:100%;color:var(--cl-gray-900);transition:var(--cl-transition);box-shadow:var(--cl-shadow-sm);background:#fff;outline:none;padding:10px 14px 10px 38px;font-size:.88rem}.cl-input:focus{border-color:var(--cl-primary);box-shadow:0 0 0 3px var(--cl-primary-light)}.cl-input:disabled{opacity:.55;cursor:not-allowed}.cl-input--no-icon{padding-left:14px}.cl-date-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.cl-date-group label{color:var(--cl-gray-700);margin-bottom:5px;font-size:.78rem;font-weight:600;display:block}.cl-btn-clear{border:2px solid var(--cl-gray-200);border-radius:var(--cl-radius-sm);color:var(--cl-gray-700);cursor:pointer;transition:var(--cl-transition);box-shadow:var(--cl-shadow-sm);background:#fff;align-self:flex-start;align-items:center;gap:6px;padding:9px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.cl-btn-clear:hover:not(:disabled){background:var(--cl-gray-100);border-color:var(--cl-gray-300)}.cl-btn-clear:disabled{opacity:.5;cursor:not-allowed}.cl-btn-clear svg{width:16px;height:16px}.cl-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:320px;display:flex}.cl-spinner{border:4px solid var(--cl-gray-200);border-top-color:var(--cl-primary);border-radius:50%;width:44px;height:44px;animation:.85s linear infinite clSpin}@keyframes clSpin{to{transform:rotate(360deg)}}.cl-loading p{color:var(--cl-gray-500);font-size:.9rem}.cl-empty{text-align:center;border-radius:var(--cl-radius);box-shadow:var(--cl-shadow-sm);border:1px solid var(--cl-gray-200);background:#fff;flex-direction:column;align-items:center;padding:4rem 1.5rem;display:flex}.cl-empty__icon{background:var(--cl-gray-100);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1.25rem;display:flex}.cl-empty__icon svg{width:34px;height:34px;color:var(--cl-gray-400)}.cl-empty h3{color:var(--cl-gray-900);margin:0 0 6px;font-size:1.1rem;font-weight:700}.cl-empty p{color:var(--cl-gray-500);margin:0;font-size:.88rem}.cl-cards{flex-direction:column;gap:1rem;display:flex}@media (width>=640px){.cl-cards{gap:1.25rem}}.cl-card{border-radius:var(--cl-radius);box-shadow:var(--cl-shadow-sm);border:1px solid var(--cl-gray-200);background:#fff;transition:box-shadow .2s;overflow:hidden}.cl-card:hover{box-shadow:var(--cl-shadow-md)}.cl-card__header{background:var(--cl-primary);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.cl-card__header-meta{flex-direction:column;gap:1px;display:flex}@media (width>=480px){.cl-card__header-meta{flex-direction:row;align-items:center;gap:10px}}.cl-card__id{color:#ffffffbf;font-size:.75rem;font-weight:500}.cl-card__code{color:#fff;font-size:.9rem;font-weight:700}.cl-badge{letter-spacing:.3px;white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:700}.cl-badge--Paid{background:var(--cl-green-bg);color:var(--cl-green-text)}.cl-badge--Partial{background:var(--cl-yellow-bg);color:var(--cl-yellow-text)}.cl-badge--Pending{background:var(--cl-blue-bg);color:var(--cl-blue-text)}.cl-badge--Overdue{background:var(--cl-red-bg);color:var(--cl-red-text)}.cl-card__body{flex-direction:column;gap:.85rem;padding:1rem;display:flex}.cl-card__section{flex-direction:column;gap:4px;display:flex}.cl-card__section--border{border-top:1px solid var(--cl-gray-100);padding-top:.85rem}.cl-field-label{color:var(--cl-gray-500);align-items:center;gap:6px;font-size:.73rem;font-weight:600;display:flex}.cl-field-label svg{flex-shrink:0;width:14px;height:14px}.cl-field-value{color:var(--cl-gray-900);margin:0;font-size:.88rem;font-weight:700}.cl-field-value--sub{color:var(--cl-gray-500);margin:2px 0 0;font-size:.75rem;font-weight:500}.cl-field-value--blue{color:var(--cl-blue)}.cl-field-value--red{color:var(--cl-red);font-size:1.1rem}.cl-field-value--green{color:var(--cl-green);font-size:1.1rem}.cl-field-value--customer{font-size:.9rem;font-weight:700}.cl-amount-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.cl-btn-collect{border-radius:var(--cl-radius-sm);cursor:pointer;width:100%;transition:var(--cl-transition);border:none;justify-content:center;align-items:center;gap:8px;padding:11px 0;font-size:.9rem;font-weight:700;display:flex}.cl-btn-collect--active{background:var(--cl-primary);color:#fff;box-shadow:0 3px 10px #0613cc4d}.cl-btn-collect--active:hover:not(:disabled){background:var(--cl-primary-dark);box-shadow:0 5px 16px #0613cc66}.cl-btn-collect--paid{background:var(--cl-green-bg);color:var(--cl-green-text);cursor:not-allowed}.cl-btn-collect:disabled{opacity:.55;cursor:not-allowed}.cl-btn-collect svg{width:18px;height:18px}.cl-pagination{border-radius:var(--cl-radius);box-shadow:var(--cl-shadow-sm);border:1px solid var(--cl-gray-200);background:#fff;flex-direction:column;align-items:center;gap:.75rem;margin-top:1.25rem;padding:1rem;display:flex}@media (width>=640px){.cl-pagination{flex-direction:row;justify-content:space-between}}.cl-pagination__info{text-align:center}.cl-pagination__info p{color:var(--cl-gray-900);margin:0;font-size:.88rem;font-weight:700}.cl-pagination__info small{color:var(--cl-gray-500);font-size:.75rem}.cl-btn-page{border-radius:var(--cl-radius-sm);background:var(--cl-primary);color:#fff;cursor:pointer;transition:var(--cl-transition);border:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px 18px;font-size:.85rem;font-weight:700;display:flex}.cl-btn-page:hover:not(:disabled){background:var(--cl-primary-dark)}.cl-btn-page:disabled{opacity:.45;cursor:not-allowed}.cl-btn-page svg{width:18px;height:18px}@media (width>=640px){.cl-btn-page{width:auto}}.cl-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.2s clBackdropIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes clBackdropIn{0%{opacity:0}to{opacity:1}}.cl-modal{border-radius:var(--cl-radius);width:100%;max-width:760px;max-height:85vh;box-shadow:var(--cl-shadow-xl);background:#fff;flex-direction:column;animation:.25s cubic-bezier(.4,0,.2,1) clModalIn;display:flex;overflow:hidden}@keyframes clModalIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media (width>=640px){.cl-modal-backdrop{padding:1.5rem}.cl-modal{max-height:90vh}}.cl-modal__header{background:var(--cl-primary);border-radius:var(--cl-radius) var(--cl-radius) 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cl-modal__header-text h2{color:#fff;margin:0 0 3px;font-size:1rem;font-weight:700}.cl-modal__header-text p{color:#ffffffbf;margin:0;font-size:.78rem}.cl-btn-close{border-radius:var(--cl-radius-xs);color:#ffffffd9;cursor:pointer;width:34px;height:34px;transition:var(--cl-transition);background:#ffffff26;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cl-btn-close:hover{color:#fff;background:#ffffff47}.cl-btn-close:disabled{opacity:.5;cursor:not-allowed}.cl-btn-close svg{width:17px;height:17px}.cl-modal__body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:1.25rem;min-height:0;padding:1.25rem;display:flex;overflow-y:auto}.cl-modal__info-panel{background:var(--cl-gray-50);border-radius:var(--cl-radius-sm);padding:1rem 1.1rem}.cl-modal__info-panel h3{color:var(--cl-gray-900);margin:0 0 .75rem;font-size:.85rem;font-weight:700}.cl-modal__info-grid{grid-template-columns:1fr;gap:.6rem;display:grid}@media (width>=480px){.cl-modal__info-grid{grid-template-columns:1fr 1fr}}.cl-modal__info-cell label{color:var(--cl-gray-500);margin-bottom:2px;font-size:.75rem;display:block}.cl-modal__info-cell p{color:var(--cl-gray-900);margin:0;font-size:.88rem;font-weight:700}.cl-modal__form-section{border:1.5px solid var(--cl-gray-200);border-radius:var(--cl-radius-sm);padding:1rem 1.1rem}.cl-modal__form-section h3{color:var(--cl-gray-900);margin:0 0 1rem;font-size:.85rem;font-weight:700}.cl-form-row{grid-template-columns:1fr;gap:.75rem;margin-bottom:.75rem;display:grid}@media (width>=480px){.cl-form-row{grid-template-columns:1fr 1fr}}.cl-form-row--three{grid-template-columns:1fr}@media (width>=600px){.cl-form-row--three{grid-template-columns:1fr 1fr 1fr}}.cl-form-group{flex-direction:column;gap:5px;display:flex}.cl-form-group label{color:var(--cl-gray-700);font-size:.78rem;font-weight:600}.cl-form-group label .cl-required{color:var(--cl-red);margin-left:2px}.cl-form-input,.cl-form-select{box-sizing:border-box;border:2px solid var(--cl-gray-200);border-radius:var(--cl-radius-xs);width:100%;color:var(--cl-gray-900);transition:var(--cl-transition);background:#fff;outline:none;padding:9px 12px;font-size:.88rem}.cl-form-input:focus,.cl-form-select:focus{border-color:var(--cl-primary);box-shadow:0 0 0 3px var(--cl-primary-light)}.cl-form-input:disabled,.cl-form-select:disabled{opacity:.55;cursor:not-allowed;background:var(--cl-gray-50)}.cl-form-hint{color:var(--cl-gray-400);margin:0;font-size:.72rem}.cl-btn-add-method{color:#fff;border-radius:var(--cl-radius-xs);cursor:pointer;width:100%;transition:var(--cl-transition);background:#1e40af;border:none;justify-content:center;align-items:center;gap:8px;margin-top:.5rem;padding:10px 0;font-size:.88rem;font-weight:700;display:flex}.cl-btn-add-method:hover:not(:disabled){background:#16a34a}.cl-btn-add-method:disabled{opacity:.5;cursor:not-allowed}.cl-btn-add-method svg{width:17px;height:17px}.cl-methods-section{border:1.5px solid var(--cl-gray-200);border-radius:var(--cl-radius-sm);padding:1rem 1.1rem}.cl-methods-section h3{color:var(--cl-gray-900);margin:0 0 1rem;font-size:.85rem;font-weight:700}.cl-methods-empty{flex-direction:column;align-items:center;padding:2rem 0;display:flex}.cl-methods-empty svg{width:44px;height:44px;color:var(--cl-gray-300);margin-bottom:.6rem}.cl-methods-empty p{color:var(--cl-gray-500);margin:0;font-size:.85rem}.cl-methods-list{flex-direction:column;gap:.65rem;display:flex}.cl-method-item{background:var(--cl-gray-50);border-radius:var(--cl-radius-xs);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:10px 12px;display:flex}.cl-method-item__info{flex:1}.cl-method-item__top{align-items:center;gap:8px;margin-bottom:3px;display:flex}.cl-method-item__name{color:var(--cl-gray-900);font-size:.88rem;font-weight:700}.cl-method-item__amount{color:var(--cl-blue);font-size:.88rem;font-weight:800}.cl-method-item__detail{color:var(--cl-gray-600);margin:0;font-size:.75rem}.cl-btn-remove{border-radius:var(--cl-radius-xs);width:30px;height:30px;color:var(--cl-red);cursor:pointer;transition:var(--cl-transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cl-btn-remove:hover:not(:disabled){background:var(--cl-red-bg)}.cl-btn-remove:disabled{opacity:.45;cursor:not-allowed}.cl-btn-remove svg{width:17px;height:17px}.cl-modal__summary{border:1px solid var(--cl-primary-mid);border-radius:var(--cl-radius-sm);background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);flex-direction:column;gap:.5rem;padding:1rem 1.1rem;display:flex}.cl-summary-row{justify-content:space-between;align-items:center;display:flex}.cl-summary-row__label{color:var(--cl-gray-700);font-size:.85rem;font-weight:600}.cl-summary-row__value{font-size:1.05rem;font-weight:800}.cl-summary-row__value--blue{color:var(--cl-blue)}.cl-summary-row__value--red{color:var(--cl-red)}.cl-summary-row__value--green{color:var(--cl-green)}.cl-modal__footer{border-top:1px solid var(--cl-gray-200);border-radius:0 0 var(--cl-radius) var(--cl-radius);background:#fff;flex-direction:column;flex-shrink:0;gap:.75rem;padding:.9rem 1.25rem;display:flex}@media (width>=480px){.cl-modal__footer{flex-direction:row}}.cl-btn-reset{border:2px solid var(--cl-gray-200);border-radius:var(--cl-radius-xs);color:var(--cl-gray-700);cursor:pointer;transition:var(--cl-transition);background:#fff;flex:1;padding:11px 0;font-size:.88rem;font-weight:700}.cl-btn-reset:hover:not(:disabled){background:var(--cl-gray-100)}.cl-btn-reset:disabled{opacity:.45;cursor:not-allowed}.cl-btn-submit{background:var(--cl-primary);color:#fff;border-radius:var(--cl-radius-xs);cursor:pointer;transition:var(--cl-transition);border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px 0;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 3px 10px #0613cc4d}.cl-btn-submit:hover:not(:disabled){background:var(--cl-primary-dark)}.cl-btn-submit:disabled{opacity:.45;cursor:not-allowed}.cl-btn-submit svg{width:18px;height:18px}.cl-btn-spinner{border:3px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite clSpin}.cl-sidebar-overlay{z-index:40;background:#00000080;transition:opacity .2s;position:fixed;inset:0}@media (width>=1024px){.cl-sidebar-overlay{display:none}}.co-root{--co-primary:#0613cc;--co-primary-dark:#040e99;--co-primary-light:#e8eafc;--co-green:#16a34a;--co-green-bg:#dcfce7;--co-green-text:#166534;--co-purple:#9333ea;--co-purple-bg:#f3e8ff;--co-purple-text:#6b21a8;--co-blue:#2563eb;--co-blue-bg:#dbeafe;--co-blue-text:#1e40af;--co-yellow:#ca8a04;--co-yellow-bg:#fef9c3;--co-yellow-text:#713f12;--co-orange:#ea580c;--co-orange-bg:#ffedd5;--co-orange-text:#9a3412;--co-red:#dc2626;--co-red-bg:#fee2e2;--co-red-text:#991b1b;--co-gray-50:#f9fafb;--co-gray-100:#f3f4f6;--co-gray-200:#e5e7eb;--co-gray-300:#d1d5db;--co-gray-400:#9ca3af;--co-gray-500:#6b7280;--co-gray-600:#4b5563;--co-gray-700:#374151;--co-gray-900:#111827;--co-shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000f;--co-shadow-md:0 4px 16px #0000001a;--co-shadow-lg:0 10px 32px #00000024;--co-radius:14px;--co-radius-sm:8px;--co-transition:all .2s cubic-bezier(.4, 0, .2, 1);background:var(--co-gray-50);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-y:auto}.co-fullpage{background:var(--co-gray-50);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.co-fullpage__inner{text-align:center;max-width:28rem}.co-spinner{border:4px solid var(--co-gray-200);border-top-color:var(--co-primary);border-radius:50%;width:44px;height:44px;margin:0 auto 1rem;animation:.85s linear infinite coSpin}@keyframes coSpin{to{transform:rotate(360deg)}}.co-fullpage p{color:var(--co-gray-500);font-size:.9rem}.co-error-icon{background:var(--co-red-bg);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}.co-error-icon svg{width:32px;height:32px;color:var(--co-red)}.co-fullpage h3{color:var(--co-gray-900);margin:0 0 .5rem;font-size:1.25rem;font-weight:800}.co-fullpage .co-error-msg{color:var(--co-gray-500);margin-bottom:1.25rem;font-size:.9rem}.co-btn-retry{background:var(--co-primary);color:#fff;border-radius:var(--co-radius-sm);cursor:pointer;transition:var(--co-transition);border:none;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #0613cc59}.co-btn-retry:hover{background:var(--co-primary-dark);transform:translateY(-1px)}.co-btn-retry:active{transform:scale(.97)}.co-btn-retry svg{width:18px;height:18px}.co-pull-indicator{z-index:50;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;top:0;left:0;right:0}.co-pull-indicator__circle{box-shadow:var(--co-shadow-md);background:#fff;border-radius:50%;padding:8px}.co-pull-indicator__circle svg{width:20px;height:20px;color:var(--co-primary)}.co-pull-indicator__circle--spinning{animation:.85s linear infinite coSpin}.co-header{z-index:30;background:var(--co-primary);position:sticky;top:0;box-shadow:0 2px 12px #0613cc59}.co-header__inner{justify-content:space-between;align-items:center;max-width:1280px;height:64px;margin:0 auto;padding:0 1.25rem;display:flex}.co-header__left{align-items:center;gap:.75rem;display:flex}.co-header__menu-btn{color:#ffffffe6;cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.co-header__menu-btn svg{width:22px;height:22px}.co-header__title{color:#fff;margin:0;font-size:1.1rem;font-weight:700}@media (width>=640px){.co-header__title{font-size:1.2rem}}.co-btn-refresh{border-radius:var(--co-radius-sm);color:#fff;cursor:pointer;transition:var(--co-transition);background:#ffffff2e;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.co-btn-refresh:hover:not(:disabled){background:#ffffff47}.co-btn-refresh:disabled{opacity:.55;cursor:not-allowed}.co-btn-refresh svg{width:17px;height:17px}.co-btn-refresh__text{display:none}@media (width>=640px){.co-btn-refresh__text{display:inline}}.co-sidebar-overlay{z-index:40;background:#00000080;transition:opacity .2s;position:fixed;inset:0}@media (width>=1024px){.co-sidebar-overlay{display:none}}.co-main{max-width:1280px;margin:0 auto;padding:1.5rem 1rem 3rem}@media (width>=640px){.co-main{padding:2rem 1.5rem 3rem}}.co-summary{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem;display:grid}@media (width>=1024px){.co-summary{grid-template-columns:repeat(2,1fr);gap:1rem}}.co-summary-card{border-radius:var(--co-radius);box-shadow:var(--co-shadow-sm);border:1px solid var(--co-gray-200);background:#fff;align-items:center;gap:.75rem;padding:1rem;display:flex}.co-summary-card__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}@media (width>=640px){.co-summary-card__icon{width:48px;height:48px}}.co-summary-card__icon svg{width:22px;height:22px}@media (width>=640px){.co-summary-card__icon svg{width:24px;height:24px}}.co-summary-card__icon--green{background:linear-gradient(135deg, var(--co-green-bg), #bbf7d0)}.co-summary-card__icon--green svg{color:var(--co-green)}.co-summary-card__icon--purple{background:linear-gradient(135deg, var(--co-purple-bg), #e9d5ff)}.co-summary-card__icon--purple svg{color:var(--co-purple)}.co-summary-card__icon--blue{background:linear-gradient(135deg, var(--co-blue-bg), #bfdbfe)}.co-summary-card__icon--blue svg{color:var(--co-blue)}.co-summary-card__body{flex:1;min-width:0}.co-summary-card__label{color:var(--co-gray-500);margin:0 0 2px;font-size:.75rem}@media (width>=640px){.co-summary-card__label{font-size:.82rem}}.co-summary-card__value{color:var(--co-gray-900);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:800;overflow:hidden}@media (width>=640px){.co-summary-card__value{font-size:1.1rem}}.co-summary-card__sub{color:var(--co-gray-500);margin:2px 0 0;font-size:.72rem}.co-filters{border-radius:var(--co-radius);box-shadow:var(--co-shadow-sm);border:1px solid var(--co-gray-200);background:#fff;margin-bottom:1.5rem;padding:1rem 1.25rem}@media (width>=640px){.co-filters{padding:1.25rem 1.5rem}}.co-filters__header{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}@media (width>=480px){.co-filters__header{flex-direction:row;justify-content:space-between;align-items:center}}.co-filters__title{color:var(--co-gray-900);align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:700;display:flex}.co-filters__title svg{width:18px;height:18px;color:var(--co-gray-600)}.co-btn-clear-filters{background:var(--co-gray-100);border-radius:var(--co-radius-sm);color:var(--co-gray-700);cursor:pointer;transition:var(--co-transition);border:none;align-self:flex-start;align-items:center;gap:4px;padding:7px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.co-btn-clear-filters:hover:not(:disabled){background:var(--co-gray-200)}.co-btn-clear-filters:disabled{opacity:.45;cursor:not-allowed}.co-filters__body{flex-direction:column;gap:1rem;display:flex}.co-filter-label{color:var(--co-gray-700);margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.co-filter-label svg{vertical-align:-2px;width:15px;height:15px;margin-right:4px;display:inline-block}.co-search-wrap{position:relative}.co-search-wrap svg{width:18px;height:18px;color:var(--co-gray-400);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.co-input{box-sizing:border-box;border:2px solid var(--co-gray-200);border-radius:var(--co-radius-sm);width:100%;color:var(--co-gray-900);transition:var(--co-transition);background:#fff;outline:none;padding:10px 14px 10px 38px;font-size:.88rem}.co-input:focus{border-color:var(--co-primary);box-shadow:0 0 0 3px var(--co-primary-light)}.co-input--plain{padding-left:14px}.co-date-row{flex-direction:column;gap:.5rem;display:flex}@media (width>=640px){.co-date-row{flex-direction:row;align-items:center}}.co-date-sep{color:var(--co-gray-500);white-space:nowrap;font-size:.82rem;display:none}@media (width>=640px){.co-date-sep{display:block}}.co-date-input{border:2px solid var(--co-gray-200);border-radius:var(--co-radius-sm);color:var(--co-gray-900);transition:var(--co-transition);box-sizing:border-box;background:#fff;outline:none;flex:1;width:100%;padding:10px 14px;font-size:.85rem}.co-date-input:focus{border-color:var(--co-primary);box-shadow:0 0 0 3px var(--co-primary-light)}.co-filters__footer{border-top:1px solid var(--co-gray-200);color:var(--co-gray-500);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;font-size:.85rem;display:flex}.co-filters__footer strong{color:var(--co-gray-900);font-weight:700}.co-search-badge{background:var(--co-primary-light);color:var(--co-primary);border-radius:999px;align-items:center;padding:2px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.co-cards{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.co-cards{grid-template-columns:1fr 1fr;gap:1.25rem}}@media (width>=1024px){.co-cards{grid-template-columns:repeat(3,1fr)}}.co-card{border-radius:var(--co-radius);box-shadow:var(--co-shadow-sm);border:1px solid var(--co-gray-200);cursor:pointer;background:#fff;transition:box-shadow .2s;overflow:hidden}.co-card:hover{box-shadow:var(--co-shadow-md)}.co-card__header{background:var(--co-primary);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.co-card__code{color:#fff;align-items:center;gap:6px;display:flex}.co-card__code svg{opacity:.85;width:15px;height:15px}.co-card__code span{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:600;overflow:hidden}.co-badge{letter-spacing:.3px;white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:700}.co-badge--Paid{background:var(--co-green-bg);color:var(--co-green-text)}.co-badge--Partially-Paid{background:var(--co-yellow-bg);color:var(--co-yellow-text)}.co-badge--Pending{background:var(--co-orange-bg);color:var(--co-orange-text)}.co-badge--Cancelled,.co-badge--Failed{background:var(--co-red-bg);color:var(--co-red-text)}.co-badge--Unknown{background:var(--co-gray-100);color:var(--co-gray-700)}.co-status-pill{letter-spacing:.3px;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.co-status-pill--Paid{background:var(--co-green-bg);color:var(--co-green-text)}.co-status-pill--Partially-Paid{background:var(--co-yellow-bg);color:var(--co-yellow-text)}.co-status-pill--Pending{background:var(--co-orange-bg);color:var(--co-orange-text)}.co-status-pill--Overdue,.co-status-pill--Cancelled,.co-status-pill--Failed{background:var(--co-red-bg);color:var(--co-red-text)}.co-status-pill--Unknown{background:var(--co-gray-100);color:var(--co-gray-700)}.co-card__body{flex-direction:column;gap:.85rem;padding:1rem;display:flex}.co-card__customer-row{justify-content:space-between;align-items:stretch;gap:.5rem;display:flex}.co-card__customer-info{flex:1;min-width:0}.co-field-label{color:var(--co-gray-500);align-items:center;gap:6px;margin-bottom:3px;font-size:.73rem;font-weight:600;display:flex}.co-field-label svg{flex-shrink:0;width:14px;height:14px}.co-field-value{color:var(--co-gray-900);margin:0;font-size:.88rem;font-weight:700}.co-field-value--green{color:var(--co-green);font-size:1.05rem}.co-field-value--purple{color:var(--co-purple)}.co-field-value--sub{color:var(--co-gray-500);margin:2px 0 0;font-size:.75rem;font-weight:500}.co-card__section--border{border-top:1px solid var(--co-gray-100);padding-top:.85rem}.co-detail-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.co-detail-label{color:var(--co-gray-500);margin-bottom:3px;font-size:.73rem}.co-detail-value{color:var(--co-gray-900);margin:0;font-size:.88rem;font-weight:700}.co-empty{text-align:center;border-radius:var(--co-radius);box-shadow:var(--co-shadow-sm);border:1px solid var(--co-gray-200);background:#fff;flex-direction:column;align-items:center;padding:4rem 1.5rem;display:flex}.co-empty__icon{background:linear-gradient(135deg, var(--co-gray-100), var(--co-gray-200));border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1.25rem;display:flex}.co-empty__icon svg{width:36px;height:36px;color:var(--co-gray-400)}.co-empty h3{color:var(--co-gray-900);margin:0 0 .5rem;font-size:1.15rem;font-weight:800}.co-empty p{color:var(--co-gray-500);margin:0 0 1.5rem;font-size:.9rem}.co-btn-clear-empty{background:var(--co-primary);color:#fff;border-radius:var(--co-radius-sm);cursor:pointer;transition:var(--co-transition);border:none;align-items:center;gap:6px;padding:12px 24px;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #0613cc59}.co-btn-clear-empty:hover{background:var(--co-primary-dark);transform:translateY(-1px)}.co-btn-clear-empty:active{transform:scale(.97)}.co-data-container{position:relative}.co-data-loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;border-radius:var(--co-radius);background:#f9fafbcc;justify-content:center;align-items:center;min-height:120px;display:flex;position:absolute;inset:0}.co-data-loading-overlay__inner{flex-direction:column;align-items:center;gap:.75rem;display:flex}.co-spin{animation:.85s linear infinite coSpin}.co-pagination{border-radius:var(--co-radius);box-shadow:var(--co-shadow-sm);border:1px solid var(--co-gray-200);background:#fff;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem;display:flex}.co-pagination__btn{background:var(--co-primary);color:#fff;border-radius:var(--co-radius-sm);cursor:pointer;transition:var(--co-transition);border:none;align-items:center;gap:6px;padding:9px 18px;font-size:.88rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #0613cc40}.co-pagination__btn:hover:not(:disabled){background:var(--co-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #0613cc59}.co-pagination__btn:active:not(:disabled){transform:scale(.97)}.co-pagination__btn:disabled{background:var(--co-gray-200);color:var(--co-gray-400);cursor:not-allowed;box-shadow:none;transform:none}.co-pagination__info{color:var(--co-gray-600);white-space:nowrap;text-align:center;min-width:100px;font-size:.88rem}.co-pagination__info strong{color:var(--co-gray-900);font-weight:800}