@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&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;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@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:#091738;--p-dk:#050e24;--p-md:#0f2456;--p-lt:#1d3b7a;--p-focus-ring:#09173814;--ink:#0b1329;--ink2:#1e293b;--ink3:#64748b;--ink4:#94a3b8;--ink5:#cbd5e1;--bg:#f8fafc;--card-bg:#fff;--input-bg:#f8fafc;--bdr:#e2e8f0;--bdr-focus:#091738;--wh:#fff;--success:#10b981;--success-glow:#10b98138;--error:#ef4444;--warning:#f59e0b;--sh-sm:0 1px 2px 0 #00000008;--sh-card:0 20px 45px -12px #0b132912, 0 0 1px 1px #0b132908;--sh-btn:0 4px 14px #09173838;--sh-btn-hover:0 6px 20px #0917384d}html{height:-webkit-fill-available}body{min-height:100vh;overscroll-behavior-y:none;background:var(--bg);min-height:-webkit-fill-available}.lx{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);flex-direction:column;width:100%;min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow-x:hidden}@media (width<=1023px){.lx:before{content:"";clip-path:polygon(0 0,100% 0,100% 72%,0 50%);filter:drop-shadow(0 14px 28px #09173838);pointer-events:none;z-index:0;background:linear-gradient(155deg,#091738 0%,#060e24 100%);height:380px;position:absolute;top:0;left:0;right:0}.lx:after{content:"";clip-path:polygon(0 48%,100% 72%,100% 100%,0 100%);filter:drop-shadow(0 -10px 22px #0917382e);pointer-events:none;z-index:0;background:linear-gradient(155deg,#091738 0%,#060e24 100%);height:340px;position:absolute;bottom:0;left:0;right:0}.lx-hero{z-index:1;padding:44px 24px 12px;position:relative}.lx-headline{text-shadow:0 2px 10px #0000002e;color:#fff!important}.lx-subline{color:#ffffffc7!important}.lx-live{-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 14px #00000014;background:#ffffff24!important;border:1px solid #ffffff3d!important}.lx-live-txt{color:#fff!important}.lx-body{z-index:2;position:relative}.lx-card{box-shadow:0 24px 50px -8px #09173833,0 2px 10px #0000000a!important}}.lx-desktop-divider{display:none}@media (width>=1024px){.lx{background:#fff}.lx:before,.lx:after{display:none}.lx-desktop-divider{pointer-events:none;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.lx-divider-svg{width:100%;height:100%;display:block}}.lx-hero{z-index:1;background:0 0;flex-shrink:0;padding:48px 24px 12px;position:relative}.lx-brand{z-index:1;margin-bottom:28px;display:none;position:relative}.lx-brand-name{color:var(--ink);letter-spacing:-.025em;margin-bottom:6px;font-family:Outfit,sans-serif;font-size:clamp(24px,5.2vw,32px);font-weight:800;line-height:1.15}.lx-brand-powered{align-items:center;gap:8px;display:inline-flex}.lx-brand-powered-text{color:var(--ink3);letter-spacing:.02em;font-size:12.5px;font-weight:500}.lx-brand-logo{object-fit:contain;vertical-align:middle;width:auto;max-width:130px;height:22px;box-shadow:none;background:0 0;border:none;padding:0;display:inline-block}.lx-copy{z-index:1;max-width:480px;position:relative}.lx-headline{color:var(--ink);letter-spacing:-.03em;margin-bottom:12px;font-family:Outfit,sans-serif;font-size:clamp(28px,6vw,36px);font-weight:800;line-height:1.15}.lx-headline-mobile{display:block}.lx-headline-desktop{display:none}.lx-subline{color:var(--ink3);max-width:360px;font-size:clamp(14px,3.5vw,15px);font-weight:400;line-height:1.6}.lx-live{background:var(--wh);border:1px solid var(--bdr);box-shadow:var(--sh-sm);border-radius:9999px;align-items:center;gap:8px;margin-top:20px;margin-bottom:24px;padding:6px 14px;display:inline-flex}.lx-live-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 3px var(--success-glow);border-radius:50%;flex-shrink:0;animation:2.4s ease-in-out infinite lxPulse}@keyframes lxPulse{0%,to{box-shadow:0 0 0 3px var(--success-glow)}50%{box-shadow:0 0 0 7px #10b9810f}}.lx-live-txt{color:var(--ink2);letter-spacing:.2px;font-size:12px;font-weight:600}.lx-wave-wrap{display:none}.lx-body{-webkit-overflow-scrolling:touch;z-index:1;background:0 0;flex-direction:column;flex:1;padding:0 16px 36px;display:flex;position:relative;overflow-y:auto}.lx-card{background:var(--card-bg);border:1px solid var(--bdr);box-shadow:var(--sh-card);opacity:0;will-change:opacity, transform;border-radius:24px;padding:32px 24px 28px;transition:opacity .38s cubic-bezier(.16,1,.3,1),transform .38s cubic-bezier(.16,1,.3,1);transform:translateY(18px)}.lx-card.on{opacity:1;transform:translateY(0)}.lx-card-title{color:var(--ink);letter-spacing:-.025em;margin-bottom:6px;font-family:Outfit,sans-serif;font-size:clamp(22px,5vw,26px);font-weight:700}.lx-card-sub{color:var(--ink3);margin-bottom:20px;font-size:13.5px;line-height:1.5}.lx-alert-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:10px;margin-bottom:18px;padding:11px 14px;font-size:13.5px;font-weight:500;line-height:1.4;animation:.24s cubic-bezier(.16,1,.3,1) lxAlertSlide;display:flex}.lx-alert-icon{color:#dc2626;flex-shrink:0}@keyframes lxAlertSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.lx-field{margin-bottom:18px}.lx-lbl{color:var(--ink3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;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:15px;transform:translateY(-50%)}.lx-input{border:1.5px solid var(--bdr);background:var(--input-bg);width:100%;color:var(--ink);appearance:none;border-radius:12px;outline:none;min-height:50px;padding:13px 16px 13px 44px;font-family:Outfit,sans-serif;font-size:14.5px;font-weight:500;transition:border-color .2s,box-shadow .2s,background-color .2s}.lx-input::placeholder{color:var(--ink4);font-weight:400}.lx-input:focus{border-color:var(--bdr-focus);background:var(--wh);box-shadow:0 0 0 3.5px var(--p-focus-ring)}.lx-iw:focus-within .lx-ico{color:var(--p)}.lx-input:disabled{opacity:.55;cursor:not-allowed;background:#f1f5f9}.lx-input-pr{padding-right:50px}.lx-eye{cursor:pointer;min-width:40px;min-height:40px;color:var(--ink4);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px;transition:color .15s,background-color .15s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.lx-eye:hover{color:var(--p);background:#f1f5f9}.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:6px 0 22px;display:flex}.lx-rem{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.lx-chk{width:17px;height:17px;accent-color:var(--p);cursor:pointer;border-radius:4px;flex-shrink:0}.lx-rem-txt{color:var(--ink2);font-size:13.5px;font-weight:500}.lx-forgot{color:var(--p);font-size:13.5px;font-weight:600;text-decoration:none;transition:color .15s}.lx-forgot:hover{color:var(--p-lt);text-decoration:underline}.lx-btn{cursor:pointer;background:var(--p);color:#fff;letter-spacing:.01em;width:100%;min-height:52px;box-shadow:var(--sh-btn);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;transition:background-color .2s,box-shadow .2s,transform .15s;display:flex}.lx-btn svg{transition:transform .2s}.lx-btn:hover:not(:disabled){background:var(--p-md);box-shadow:var(--sh-btn-hover);transform:translateY(-1px)}.lx-btn:hover:not(:disabled) svg:not(.lx-spin){transform:translate(3px)}.lx-btn:active:not(:disabled){box-shadow:var(--sh-sm);transform:scale(.985)}.lx-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.lx-back-link{cursor:pointer;width:100%;color:var(--ink3);text-align:center;background:0 0;border:none;margin-top:14px;padding:10px;font-family:Outfit,sans-serif;font-size:13.5px;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:22px 0 16px;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-div-tx:empty{display:none}.lx-foot{text-align:center;color:var(--ink4);margin-top:16px;padding-bottom:2px;font-size:12px;font-weight:500}.lx-foot a{color:var(--ink2);font-weight:600;text-decoration:none;transition:color .15s}.lx-foot a:hover{color:var(--p);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:1px solid var(--bdr);border-radius:50%;padding:10px;box-shadow:0 4px 20px #0f172a1f}.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;pointer-events:none;flex-direction:column;gap:10px;width:calc(100% - 32px);max-width:400px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{color:var(--ink);opacity:0;visibility:hidden;pointer-events:auto;background:#fff;border:1px solid #e2e8f0e6;border-radius:14px;align-items:center;gap:10px;padding:12px 18px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:opacity .28s,transform .28s cubic-bezier(.16,1,.3,1),visibility .28s;display:flex;transform:translateY(16px)scale(.96);box-shadow:0 16px 36px -6px #0f172a24,0 2px 8px #0000000a}.toast.show{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.toast.success{color:#065f46;background:#fff;border-color:#d1fae5}.toast-ico-success{flex-shrink:0}.toast.error{border-left:4px solid var(--error);color:#991b1b}.toast.info{border-left:4px solid var(--p)}.toast.warning{border-left:4px solid var(--warning)}@media (width<=360px){.lx-hero{padding:36px 16px 8px}.lx-body{padding:0 14px 28px}.lx-card{border-radius:20px;padding:24px 18px 20px}.lx-btn{min-height:48px}}@media (width>=430px){.lx-hero{padding:44px 24px 12px}.lx-body{padding:0 20px 36px}.lx-card{padding:32px 28px 26px}}@media (width>=600px){.lx-hero{width:100%;max-width:580px;margin:0 auto;padding:50px 36px 16px}.lx-body{width:100%;max-width:540px;margin:0 auto;padding:0 28px 44px}.lx-card{border-radius:26px;padding:36px 32px 30px}.lx-toasts{width:auto;max-width:380px;inset:24px 24px auto auto;transform:none}.toast{transform:translate(16px)scale(.96)}.toast.show{transform:translate(0)scale(1)}}@media (width>=768px){.lx-hero{padding:56px 48px 20px}.lx-card{padding:38px 36px 32px}}@media (width>=1024px){.lx{flex-direction:row;height:100vh;overflow:hidden}.lx-hero{flex-direction:column;flex:1;justify-content:space-between;max-width:none;min-height:100vh;margin:0;padding:64px 64px 64px 80px;display:flex;overflow:hidden}.lx-brand{margin-bottom:0;display:block}.lx-brand-name{margin-bottom:8px;font-size:clamp(36px,3.2vw,46px)}.lx-brand-powered-text{font-size:14px}.lx-brand-logo{max-width:300px;height:80px;box-shadow:none;background:0 0;border:none;border-radius:0;outline:none;margin:0;padding:0}.lx-copy{max-width:480px;margin-top:0}.lx-headline-mobile{display:none}.lx-headline-desktop{margin-bottom:14px;font-size:clamp(32px,3.2vw,40px);line-height:1.15;display:block}.lx-subline{max-width:420px;font-size:15.5px;line-height:1.65}.lx-live{margin-top:28px;margin-bottom:0}.lx-body{flex-direction:column;flex:0 0 500px;justify-content:center;max-width:500px;min-height:100vh;max-height:100vh;margin:0;padding:0 48px;display:flex;overflow-y:auto}.lx-card{background:var(--card-bg);border:1px solid var(--bdr);border-radius:28px;margin-top:0;padding:40px 36px 34px;box-shadow:0 30px 60px -12px #09173838,0 12px 28px -8px #0917381f,0 0 0 1px #e2e8f0d9}}@media (width>=1280px){.lx-hero{padding:72px 80px 72px 104px}.lx-brand-name{font-size:46px}.lx-headline{font-size:44px}.lx-body{flex:0 0 540px;max-width:540px;padding:0 56px}.lx-card{padding:44px 40px 36px}}@media (width>=1440px){.lx-hero{padding:80px 96px 80px 128px}.lx-brand-name{font-size:52px}.lx-headline{font-size:48px}.lx-body{flex:0 0 570px;max-width:570px;padding:0 68px}.lx-card{padding:48px 44px 40px}}.db{--db-brand:#040e99;--db-brand-deep:#0613cc;--db-brand-dark:#060b4d;--db-brand-mid:#0f2456;--db-brand-muted:#4a4d99;--db-brand-faint:#8a8dc9;--db-tint-bg:#f0f1ff;--db-tint-border:#c8cbf0;--db-tint-hover:#d8dbff;--db-bg:#f8f9fe;--db-card-bg:#fff;--db-border:#e4e6f5;--db-border-light:#eef0fa;--db-ink:#0b1329;--db-ink2:#1e293b;--db-ink3:#475569;--db-ink4:#94a3b8;--db-ink5:#cbd5e1;--db-success:#10b981;--db-success-bg:#10b98114;--db-success-text:#065f46;--db-danger:#ef4444;--db-danger-bg:#ef444414;--db-warning:#f59e0b;--db-sh-card:0 1px 3px #0b13290a, 0 4px 14px #0b13290f;--db-sh-card-hover:0 2px 6px #0b13290f, 0 8px 24px #0b13291a;--db-sh-elevated:0 8px 32px #060b4d1f, 0 1px 4px #060b4d0f;--db-radius-sm:8px;--db-radius:12px;--db-radius-lg:16px;--db-radius-xl:20px;--db-transition:.2s ease;--db-transition-slow:.3s ease;background:var(--db-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;min-height:100vh;color:var(--db-ink2);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-y:auto}.db svg{box-sizing:border-box;flex-shrink:0}.db-toasts{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;width:auto;max-width:400px;display:flex;position:fixed;top:24px;right:24px}@media (width<=600px){.db-toasts{width:calc(100% - 32px);max-width:380px;top:20px;left:50%;right:auto;transform:translate(-50%)}}.db-toast{color:var(--db-ink);opacity:0;visibility:hidden;pointer-events:auto;background:#fff;border:1px solid #e2e8f0e6;border-radius:14px;align-items:center;gap:10px;padding:12px 18px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:opacity .28s,transform .28s cubic-bezier(.16,1,.3,1),visibility .28s;display:flex;transform:translateY(-12px)scale(.96);box-shadow:0 16px 36px -6px #0f172a24,0 2px 8px #0000000a}.db-toast.show{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.db-toast__ico{flex-shrink:0}.db-toast.success{color:#065f46;background:#fff;border-color:#d1fae5;box-shadow:0 16px 36px -6px #10b9812e,0 2px 8px #10b98114}.db-toast.danger,.db-toast.error{color:#991b1b;background:#fff;border-color:#fee2e2;box-shadow:0 16px 36px -6px #ef44442e,0 2px 8px #ef444414}.db-toast.info{color:#1e40af;background:#fff;border-color:#dbeafe;box-shadow:0 16px 36px -6px #2563eb29,0 2px 8px #2563eb0f}.db-toast.warning{color:#92400e;background:#fff;border-color:#fef3c7;box-shadow:0 16px 36px -6px #f59e0b29,0 2px 8px #f59e0b0f}.db-main{flex-direction:column;gap:20px;max-width:1360px;margin:0 auto;padding:20px 16px 40px;display:flex}@media (width>=640px){.db-main{gap:24px;padding:28px 24px 48px}}@media (width>=1024px){.db-main{gap:28px;padding:32px 32px 56px}}.db-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.db-header__greeting{color:var(--db-ink);letter-spacing:-.5px;margin:0;font-size:1.5rem;font-weight:800;line-height:1.2}@media (width>=640px){.db-header__greeting{letter-spacing:-.7px;font-size:1.875rem}}.db-header__date{color:var(--db-ink4);align-items:center;gap:6px;margin-top:5px;font-size:.8125rem;font-weight:500;display:flex}.db-header__date-dot{background:var(--db-ink5);border-radius:50%;width:4px;height:4px;display:inline-block}.db-header__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.db-btn-refresh{border-radius:var(--db-radius);background:var(--db-card-bg);border:1px solid var(--db-border);width:38px;height:38px;color:var(--db-brand-muted);cursor:pointer;transition:all var(--db-transition);box-shadow:var(--db-sh-card);justify-content:center;align-items:center;display:flex}.db-btn-refresh:hover{background:var(--db-tint-bg);border-color:var(--db-tint-border);color:var(--db-brand-deep);transform:rotate(15deg)}.db-btn-refresh:active{transform:scale(.92)rotate(0)}.db-btn-refresh.db-btn-refresh--spinning svg{animation:.7s linear infinite db-spin}.db-btn-refresh svg{width:16px;height:16px}.db-btn-primary{border-radius:var(--db-radius);background:linear-gradient(135deg, var(--db-brand) 0%, var(--db-brand-deep) 100%);color:#fff;letter-spacing:-.1px;cursor:pointer;height:38px;transition:all var(--db-transition);white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:6px;padding:0 16px;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 3px 10px #040e9947}.db-btn-primary svg{flex-shrink:0;width:14px;height:14px}.db-btn-primary:hover{transform:translateY(-1px);box-shadow:0 5px 16px #040e9966}.db-btn-primary:active{transform:translateY(0)scale(.97);box-shadow:0 2px 8px #040e9947}.db-shift-banner{border-radius:var(--db-radius);background:#10b98112;border:1px solid #10b98138;align-items:center;gap:10px;padding:11px 16px;animation:.3s db-fade-in;display:flex}.db-shift-banner__pulse{background:var(--db-success);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite db-pulse-ring;box-shadow:0 0 #10b98180}@keyframes db-pulse-ring{0%{box-shadow:0 0 #10b98180}60%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.db-shift-banner__text{color:var(--db-success-text);flex:1;font-size:13px;font-weight:600}.db-shift-banner__time{color:var(--db-success);background:#10b9811f;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700}.db-card{background:var(--db-card-bg);border:1px solid var(--db-border);border-radius:var(--db-radius-lg);box-shadow:var(--db-sh-card);transition:box-shadow var(--db-transition-slow);overflow:hidden}.db-card:hover{box-shadow:var(--db-sh-card-hover)}.db-card__header{justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 0;display:flex}@media (width>=640px){.db-card__header{padding:22px 24px 0}}.db-card__title{color:var(--db-ink);letter-spacing:-.2px;align-items:center;gap:8px;min-width:0;margin:0;font-size:.9375rem;font-weight:700;display:flex;overflow:hidden}.db-card__title span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.db-card__title svg,.db-card__title-icon{width:18px;height:18px;color:var(--db-brand-muted);flex-shrink:0}.db-card__body{padding:16px 20px 20px}@media (width>=640px){.db-card__body{padding:18px 24px 24px}}.stp-card{background:var(--db-card-bg);border:1px solid var(--db-border);border-radius:var(--db-radius-lg);box-shadow:var(--db-sh-card);transition:box-shadow var(--db-transition-slow);box-sizing:border-box;width:100%;overflow:hidden}.stp-card:hover{box-shadow:var(--db-sh-card-hover)}.stp-card--muted{background:#f9fafb}.stp-inner{padding:20px 20px 22px}@media (width>=640px){.stp-inner{padding:22px 24px 24px}}.stp-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.stp-header__label{text-transform:uppercase;letter-spacing:.08em;color:var(--db-brand-muted);margin-bottom:4px;font-size:11px;font-weight:700}.stp-amounts{color:var(--db-brand-deep);letter-spacing:-.5px;font-size:1.5rem;font-weight:800;line-height:1}@media (width>=640px){.stp-amounts{font-size:1.75rem}}.stp-amounts__sep{color:var(--db-ink5);margin:0 4px;font-weight:500}.stp-amounts__target{color:var(--db-ink4);font-size:1rem;font-weight:600}.stp-percentage-badge{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.stp-percentage{color:var(--db-success);letter-spacing:-.5px;font-size:1.375rem;font-weight:800;line-height:1}.stp-percentage--overdue{color:var(--db-danger)}.stp-track-wrap{margin-bottom:14px}.stp-track-label{color:var(--db-ink4);justify-content:space-between;margin-bottom:6px;font-size:11px;font-weight:600;display:flex}.stp-track{background:var(--db-border-light);border-radius:9999px;width:100%;height:8px;overflow:hidden}.stp-fill{background:linear-gradient(90deg, var(--db-brand) 0%, #3b82f6 100%);border-radius:9999px;min-width:0;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.stp-fill--achieved{background:linear-gradient(90deg, var(--db-success) 0%, #34d399 100%)}.stp-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.stp-message{color:var(--db-ink3);margin:0;font-size:.875rem;font-weight:600;line-height:1.45}.stp-message strong{color:var(--db-ink)}.stp-message--achieved{color:var(--db-success-text);font-weight:700}.stp-daily-chip{background:var(--db-tint-bg);border:1px solid var(--db-tint-border);white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;display:flex}.stp-daily-chip__label{text-transform:uppercase;letter-spacing:.06em;color:var(--db-brand-muted);font-size:10px;font-weight:700}.stp-daily-chip__value{color:var(--db-brand-deep);font-size:12px;font-weight:800}.stp-error-text{color:var(--db-ink4);text-align:center;margin:0;padding:20px 0;font-size:.875rem;font-weight:500}.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:var(--db-border-light);border-radius:var(--db-radius-sm);height:20px}.stp-skeleton__bar--short{width:55%}.stp-skeleton__track{background:var(--db-border-light);border-radius:9999px;height:8px}.stp-skeleton__bar--footer{width:70%;height:14px}.db-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=480px){.db-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media (width>=1024px){.db-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}}@media (width>=1280px){.db-kpi-grid{gap:14px}}.db-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--db-ink4);align-items:center;gap:6px;margin:0 0 10px;font-size:11px;font-weight:700;display:flex}.db-section-label svg{width:14px;height:14px;color:var(--db-brand-muted);flex-shrink:0}.db-section-label:after{content:"";background:var(--db-border-light);flex:1;height:1px}.db-kpi{background:var(--db-card-bg);border:1px solid var(--db-border);border-radius:var(--db-radius);transition:all var(--db-transition);cursor:default;box-shadow:var(--db-sh-card);flex-direction:column;gap:6px;min-width:0;padding:12px 12px 14px;display:flex;position:relative;overflow:hidden}@media (width>=640px){.db-kpi{gap:8px;padding:14px 14px 16px}}.db-kpi:before{content:"";opacity:0;height:3px;transition:opacity var(--db-transition);border-radius:0;position:absolute;top:0;left:0;right:0}.db-kpi:hover{box-shadow:var(--db-sh-card-hover);border-color:var(--db-tint-border);transform:translateY(-2px)}.db-kpi:hover:before{opacity:1}.db-kpi--blue:before{background:linear-gradient(90deg,#2563eb,#3b82f6)}.db-kpi--purple:before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.db-kpi--green:before{background:linear-gradient(90deg,#059669,#34d399)}.db-kpi--amber:before{background:linear-gradient(90deg,#d97706,#fbbf24)}.db-kpi--orange:before{background:linear-gradient(90deg,#ea580c,#fb923c)}.db-kpi--teal:before{background:linear-gradient(90deg,#0d9488,#2dd4bf)}.db-kpi__top{justify-content:space-between;align-items:center;display:flex}.db-kpi__icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.db-kpi__icon svg{flex-shrink:0;width:14px;height:14px}.db-kpi--blue .db-kpi__icon{color:#2563eb;background:#eff6ff}.db-kpi--purple .db-kpi__icon{color:#7c3aed;background:#f5f3ff}.db-kpi--green .db-kpi__icon{color:#059669;background:#ecfdf5}.db-kpi--amber .db-kpi__icon{color:#d97706;background:#fffbeb}.db-kpi--orange .db-kpi__icon{color:#ea580c;background:#fff7ed}.db-kpi--teal .db-kpi__icon{color:#0d9488;background:#f0fdfa}.db-kpi__label{text-transform:uppercase;letter-spacing:.07em;color:var(--db-ink4);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:10px;font-weight:700;overflow:hidden}.db-kpi__value{color:var(--db-ink);letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:800;overflow:hidden}@media (width>=640px){.db-kpi__value{font-size:1.0625rem}}.db-two-col{flex-direction:column;gap:20px;display:flex}@media (width>=1024px){.db-two-col{flex-direction:row;align-items:stretch;gap:24px}}.db-col-main{flex-direction:column;flex:1;min-width:0;display:flex}.db-col-side{flex-direction:column;flex:0 0 100%;width:100%;min-width:0;display:flex}@media (width>=1024px){.db-col-side{flex:0 0 340px;width:340px}}@media (width>=1280px){.db-col-side{flex:0 0 360px;width:360px}}.db-col-main .db-card,.db-col-side .db-card{flex-direction:column;height:100%;display:flex}.db-col-main .db-card{position:relative}.db-col-main .db-card:before{content:"";border-radius:var(--db-radius-lg) var(--db-radius-lg) 0 0;z-index:2;background:linear-gradient(90deg,#060b4d 0%,#0613cc 100%);height:3.5px;position:absolute;top:0;left:0;right:0}.db-progress__header{flex-direction:column;gap:12px;padding:18px 20px 0;display:flex}@media (width>=480px){.db-progress__header{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}}@media (width>=640px){.db-progress__header{padding:22px 24px 0}}.db-date-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.db-date-input{border-radius:var(--db-radius-sm);border:1px solid var(--db-border);background:var(--db-bg);color:var(--db-ink2);transition:border-color var(--db-transition);box-sizing:border-box;outline:none;height:34px;padding:7px 10px;font-family:Outfit,sans-serif;font-size:13px}.db-date-input:focus{border-color:var(--db-brand-muted);box-shadow:0 0 0 3px var(--db-tint-bg)}.db-date-input:disabled{opacity:.5;cursor:not-allowed}.db-today-btn{border-radius:var(--db-radius-sm);background:var(--db-tint-bg);border:1px solid var(--db-tint-border);height:34px;color:var(--db-brand-deep);cursor:pointer;transition:all var(--db-transition);white-space:nowrap;padding:0 12px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:700}.db-today-btn:hover{background:var(--db-tint-hover);border-color:var(--db-brand-muted)}.db-today-btn:disabled{opacity:.5;cursor:not-allowed}.db-progress__body{flex-direction:column;flex:1;padding:14px 20px 20px;display:flex}@media (width>=640px){.db-progress__body{padding:16px 24px 24px}}.db-progress-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=480px){.db-progress-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media (width>=1024px){.db-progress-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}.db-pstat{background:var(--db-bg);border:1px solid var(--db-border-light);border-radius:var(--db-radius);transition:all var(--db-transition);flex-direction:column;justify-content:center;min-width:0;padding:12px 12px 13px;display:flex;overflow:hidden}@media (width>=640px){.db-pstat{padding:14px 14px 15px}}.db-pstat:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0b132914}.db-pstat--blue{background:#eff6ff;border-color:#dbeafe}.db-pstat--blue .db-pstat__label{color:#2563eb}.db-pstat--purple{background:#faf5ff;border-color:#f3e8ff}.db-pstat--purple .db-pstat__label{color:#7c3aed}.db-pstat--green{background:#f0fdf4;border-color:#dcfce7}.db-pstat--green .db-pstat__label{color:#16a34a}.db-pstat--amber{background:#fffbeb;border-color:#fef3c7}.db-pstat--amber .db-pstat__label{color:#d97706}.db-pstat--orange{background:#fff7ed;border-color:#ffedd5}.db-pstat--orange .db-pstat__label{color:#ea580c}.db-pstat--teal{background:#f0fdfa;border-color:#ccfbf1}.db-pstat--teal .db-pstat__label{color:#0d9488}.db-pstat--indigo{background:#eef2ff;border-color:#e0e7ff}.db-pstat--indigo .db-pstat__label{color:#4f46e5}.db-pstat--indigo.db-pstat--count .db-pstat__value{color:#4338ca}.db-pstat__label{text-transform:uppercase;letter-spacing:.07em;color:var(--db-ink4);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:10px;font-weight:700;overflow:hidden}.db-pstat__value{color:var(--db-ink);letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:800;overflow:hidden}.db-pstat--count .db-pstat__value{font-size:1.375rem}.db-card-loader{color:var(--db-ink4);flex:1;justify-content:center;align-items:center;gap:10px;padding:40px 0;font-size:13px;font-weight:500;display:flex}.db-card-loader__spinner{border:2.5px solid var(--db-border);border-top-color:var(--db-brand-deep);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite db-spin}.db-shift-card{min-width:0}.db-shift-card__body{flex-direction:column;flex:1;justify-content:space-between;padding:16px 18px 20px;display:flex}@media (width>=640px){.db-shift-card__body{padding:18px 22px 22px}}.db-shift-status{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:9999px;flex-shrink:0;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.db-shift-status--active{color:var(--db-success-text);background:#10b9811a;border:1px solid #10b98140}.db-shift-status--active:before{content:"";background:var(--db-success);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite db-pulse-ring;box-shadow:0 0 #10b98180}.db-shift-status--inactive{background:var(--db-bg);border:1px solid var(--db-border);color:var(--db-ink4)}.db-shift-status--loading{background:var(--db-bg);border:1px solid var(--db-border);color:var(--db-ink4);opacity:.6}.db-shift-fields{flex-direction:column;gap:10px;width:100%;min-width:0;margin-bottom:18px;display:flex}.db-shift-field{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}.db-shift-field__label{text-transform:uppercase;letter-spacing:.08em;color:var(--db-ink4);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;overflow:hidden}.db-shift-field__value{background:var(--db-bg);border:1px solid var(--db-border-light);border-radius:var(--db-radius-sm);box-sizing:border-box;align-items:center;gap:6px;width:100%;min-width:0;min-height:38px;padding:8px 10px;display:flex;overflow:hidden}.db-shift-field__value--active{background:#10b9810f;border-color:#10b98138}.db-shift-field__icon{width:14px;height:14px;color:var(--db-ink4);flex-shrink:0;justify-content:center;align-items:center;display:flex}.db-shift-field__icon svg{flex-shrink:0;width:14px;height:14px}.db-shift-field__value--active .db-shift-field__icon{color:var(--db-success)}.db-shift-field__text{color:var(--db-ink2);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.db-shift-field__value--active .db-shift-field__text{color:var(--db-success-text)}.db-shift-field__input{width:100%;color:var(--db-ink2);cursor:default;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;outline:none;flex:1;min-width:0;margin:0;padding:0;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;overflow:hidden}.db-shift-field__input[readonly]{cursor:default}.db-shift-field__input:disabled{opacity:.55;cursor:not-allowed}.db-shift-field__input::-webkit-calendar-picker-indicator{filter:opacity(.4);cursor:pointer}.db-shift-times{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%;min-width:0;display:grid}.db-shift-btn{border-radius:var(--db-radius);letter-spacing:-.1px;cursor:pointer;width:100%;height:44px;transition:all var(--db-transition);border:none;justify-content:center;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;display:flex}.db-shift-btn svg{flex-shrink:0;width:16px;height:16px}.db-shift-btn:hover{transform:translateY(-2px)}.db-shift-btn:active{transform:translateY(0)scale(.97)}.db-shift-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.db-shift-btn--start{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px #10b98159}.db-shift-btn--start:hover{box-shadow:0 6px 20px #10b98173}.db-shift-btn--end{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ef4444 100%);box-shadow:0 4px 14px #ef444452}.db-shift-btn--end:hover{box-shadow:0 6px 20px #ef44446b}.db-skeleton{background:var(--db-bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;font-family:Outfit,sans-serif;display:flex}.db-skeleton__spinner{border:3px solid var(--db-border);border-top-color:var(--db-brand-deep);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite db-spin}.db-skeleton__text{color:var(--db-ink4);font-size:13.5px;font-weight:500}.db-ptr{z-index:50;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.db-ptr__dot{background:var(--db-card-bg);border:1px solid var(--db-border);color:var(--db-ink3);border-radius:9999px;align-items:center;gap:8px;padding:8px 14px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;display:flex;box-shadow:0 4px 16px #0b13291f}.db-ptr__dot svg{width:16px;height:16px;color:var(--db-brand-deep);flex-shrink:0}.db-ptr__dot--spinning svg{animation:.7s linear infinite db-spin}.db-empty{text-align:center;color:var(--db-ink4);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.db-empty__icon{width:40px;height:40px;color:var(--db-ink5);margin-bottom:4px}.db-empty__title{color:var(--db-ink3);margin:0;font-size:14px;font-weight:700}.db-empty__sub{color:var(--db-ink4);margin:0;font-size:12.5px;font-weight:500}@keyframes db-spin{to{transform:rotate(360deg)}}@keyframes db-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes db-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.db-main>*{animation:.3s both db-slide-up}.db-main>:first-child{animation-delay:0s}.db-main>:nth-child(2){animation-delay:40ms}.db-main>:nth-child(3){animation-delay:80ms}.db-main>:nth-child(4){animation-delay:.12s}.db-main>:nth-child(5){animation-delay:.16s}.stg-root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e293b;box-sizing:border-box;background:#f8fafc;min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.stg-root *{box-sizing:border-box}.stg-root--loading{justify-content:center;align-items:center;height:100vh;display:flex}.stg-loading-spinner{border:3px solid #00214726;border-top-color:#002147;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite stg-spin-kf}.stg-main{flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;padding:24px 20px 48px;display:flex}@media (width>=768px){.stg-main{gap:24px;padding:32px 28px 56px}}.stg-in{opacity:0;animation:.32s cubic-bezier(.16,1,.3,1) forwards stg-up-kf;transform:translateY(12px)}@keyframes stg-up-kf{to{opacity:1;transform:translateY(0)}}@keyframes stg-spin-kf{to{transform:rotate(360deg)}}.stg-spin{animation:.8s linear infinite stg-spin-kf}.stg-page-header{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}@media (width>=640px){.stg-page-header{flex-direction:row;align-items:center}}.stg-page-header__left{flex:1;min-width:0}.stg-page-title{color:#002147;letter-spacing:-.3px;white-space:nowrap;margin:0;font-size:1.45rem;font-weight:700}.stg-page-subtitle{color:#94a3b8;margin:2px 0 0;font-size:.8125rem;font-weight:500}.stg-tabs-pill-group{background:#e2e8f0;border-radius:14px;flex-shrink:0;align-items:center;gap:4px;padding:4px;display:inline-flex}.stg-tab-pill{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.825rem;font-weight:700;transition:all .18s;display:inline-flex}.stg-tab-pill:hover:not(.stg-tab-pill--active){color:#0f172a;background:#ffffff80}.stg-tab-pill--active{color:#002147;background:#fff;box-shadow:0 2px 6px #00000014}.stg-tab-panel{flex-direction:column;gap:20px;display:none}.stg-tab-panel--active{display:flex}.stg-hero-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px 24px;box-shadow:0 4px 16px -4px #0f172a0d}.stg-hero-card__body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.stg-hero-card__left{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.stg-avatar-wrap{flex-shrink:0;position:relative}.stg-avatar{color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#002147 0%,#036 100%);border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;font-size:1.4rem;font-weight:800;display:flex;box-shadow:0 4px 14px #00214740}.stg-avatar__status-dot{background:#10b981;border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;bottom:-2px;right:-2px}.stg-hero-info{flex-direction:column;gap:6px;display:flex}.stg-hero-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stg-hero-name{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:800}.stg-emp-code-pill{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.725rem;font-weight:600;display:inline-flex}.stg-copy-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s;display:inline-flex}.stg-copy-btn:hover{color:#002147}.stg-hero-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stg-pill-badge{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:.725rem;font-weight:600;display:inline-flex}.stg-pill-badge--primary{color:#002147;background:#0021470f;border-color:#00214726;font-weight:700}.stg-info-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=900px){.stg-info-grid{grid-template-columns:1fr 1fr;align-items:stretch}}.stg-right-col{flex-direction:column;justify-content:space-between;gap:16px;display:flex}.stg-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 16px -4px #0f172a0d}.stg-info-card__header{background:#fff;border-bottom:1px solid #f1f5f9;padding:16px 20px 14px}.stg-info-card__title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:800}.stg-info-card__subtitle{color:#94a3b8;margin:2px 0 0;font-size:.725rem;font-weight:500}.stg-info-list{flex-direction:column;padding:4px 0;display:flex}.stg-info-row{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;gap:12px;padding:11px 20px;display:flex}.stg-info-row:last-child{border-bottom:none}.stg-info-row--col{flex-direction:column;align-items:flex-start;gap:8px}.stg-info-row__label{color:#64748b;flex-shrink:0;font-size:.8rem;font-weight:600}.stg-info-row__val{color:#1e293b;text-align:right;word-break:break-word;font-size:.825rem;font-weight:500}.stg-info-row__val-wrap{align-items:center;gap:6px;display:inline-flex}.stg-link{color:#2563eb;font-weight:600;text-decoration:none}.stg-link:hover{text-decoration:underline}.stg-inventory-inline-list{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.stg-inventory-inline-entry{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.stg-inventory-entry__name{color:#1e293b;font-size:.825rem;font-weight:700}.stg-inventory-type-badge{color:#002147;text-transform:uppercase;letter-spacing:.04em;background:#0021470f;border:1px solid #00214724;border-radius:9999px;align-items:center;gap:4px;padding:2px 7px;font-size:.675rem;font-weight:700;display:inline-flex}.stg-inventory-code{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.725rem;font-weight:600}.stg-about-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:16px 20px;box-shadow:0 4px 16px -4px #0f172a0d}.stg-about-card__header{text-transform:uppercase;letter-spacing:.08em;color:#64748b;align-items:center;gap:6px;margin-bottom:12px;font-size:.725rem;font-weight:800;display:flex}.stg-about-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stg-about-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.stg-about-box__label{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;font-size:.65rem;font-weight:700}.stg-about-box__val{color:#1e293b;font-size:.8rem;font-weight:700}.stg-about-footer{color:#94a3b8;text-align:center;border-top:1px solid #f1f5f9;margin-top:12px;padding-top:10px;font-size:.725rem;font-weight:500}.stg-about-link{color:#002147;font-weight:700;text-decoration:none}.stg-about-link:hover{text-decoration:underline}.stg-printer-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px -4px #0f172a0d}.stg-printer-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.stg-printer-header__left{align-items:center;gap:14px;display:flex}.stg-printer-icon-wrap{background:#0021470f;border:1px solid #0021471f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stg-printer-header__title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.stg-printer-header__sub{color:#64748b;margin:2px 0 0;font-size:.75rem}.stg-card-divider{background:#f1f5f9;height:1px;margin:0}.stg-printer-body{flex-direction:column;gap:18px;padding:20px 24px 24px;display:flex}.stg-info-banner{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.stg-info-banner__icon{flex-shrink:0;margin-top:1px}.stg-info-banner__text{color:#1e40af;margin:0;font-size:.8rem;font-weight:500;line-height:1.45}.stg-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;flex-shrink:0;align-items:center;gap:6px;padding:4px 12px;font-size:.725rem;font-weight:800;display:inline-flex}.stg-status-dot{border-radius:50%;width:7px;height:7px}.stg-status-badge--connected{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.stg-status-badge--connected .stg-status-dot{background:#10b981}.stg-status-badge--connecting{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.stg-status-badge--connecting .stg-status-dot{background:#f59e0b}.stg-status-badge--idle{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.stg-status-badge--idle .stg-status-dot{background:#94a3b8}.stg-pulse{animation:1.6s ease-in-out infinite stg-pulse-kf}@keyframes stg-pulse-kf{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.stg-btn-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stg-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .18s;display:inline-flex}.stg-btn--primary{color:#fff;background:#002147;box-shadow:0 4px 12px #00214733}.stg-btn--primary:hover:not(:disabled){background:#036;box-shadow:0 6px 16px #00214747}.stg-btn--linked{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.stg-btn--connecting{color:#b45309;cursor:wait;background:#fffbeb;border:1px solid #fde68a}.stg-btn--secondary{color:#002147;background:#fff;border:1.5px solid #e2e8f0}.stg-btn--secondary:hover{background:#f8fafc;border-color:#cbd5e1}.stg-btn--secondary-disabled{color:#94a3b8;cursor:not-allowed;opacity:.65;background:#f8fafc;border:1px solid #e2e8f0}.stg-modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:99999;background:#0f172a99;animation:.2s ease-out stg-fade-in;position:fixed;inset:0}.stg-modal{z-index:100000;background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:90%;max-width:440px;animation:.25s cubic-bezier(.16,1,.3,1) stg-modal-up;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 25px 50px -12px #00000040}@keyframes stg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes stg-modal-up{0%{opacity:0;transform:translate(-50%,-46%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.stg-modal__header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.stg-modal__header-icon{background:#00214714;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.stg-modal__title{color:#0f172a;flex:1;font-size:.95rem;font-weight:800}.stg-modal__close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:flex}.stg-modal__close:hover{color:#0f172a;background:#e2e8f0}.stg-modal__body{flex-direction:column;gap:10px;padding:16px 20px 20px;display:flex}.stg-modal-option{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;font-family:inherit;transition:all .18s;display:flex}.stg-modal-option:hover{background:#f8fafc;border-color:#002147;transform:translateY(-1px);box-shadow:0 4px 12px #00214714}.stg-modal-option__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stg-modal-option__icon--blue{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 3px 8px #2563eb4d}.stg-modal-option__icon--navy{background:linear-gradient(135deg,#002147 0%,#036 100%);box-shadow:0 3px 8px #0021474d}.stg-modal-option__text{flex-direction:column;flex:1;gap:2px;display:flex}.stg-modal-option__label{color:#0f172a;font-size:.85rem;font-weight:700}.stg-modal-option__desc{color:#64748b;font-size:.725rem;font-weight:500}.ct-page{--ct-brand:#002147;--ct-brand-hover:#036;--ct-brand-deep:#002147;--ct-brand-dark:#001733;--ct-bg:#f4f6fa;--ct-card-bg:#fff;--ct-border:#e2e8f0;--ct-border-light:#f1f5f9;--ct-ink:#002147;--ct-ink2:#1e293b;--ct-ink3:#475569;--ct-ink4:#94a3b8;--ct-success:#16a34a;--ct-success-bg:#dcfce7;--ct-success-text:#15803d;--ct-danger:#dc2626;--ct-danger-bg:#fee2e2;--ct-warning:#d97706;--ct-th-bg:#002147;--ct-th-text:#fff;--ct-sh-card:0 1px 3px #0000000a, 0 1px 2px #00000005;--ct-sh-elevated:0 8px 30px #00214714;--ct-radius-sm:8px;--ct-radius:12px;--ct-radius-lg:16px;--ct-transition:.18s ease;background:var(--ct-bg);-webkit-font-smoothing:antialiased;min-height:100%;color:var(--ct-ink2);flex-direction:column;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.ct-page svg{box-sizing:border-box;flex-shrink:0}.ct-header{box-shadow:none;box-sizing:border-box;background:0 0;border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 1.5rem .5rem;display:flex}.ct-header__left{align-items:center;gap:1rem;display:flex}.ct-header__title{color:var(--ct-ink);letter-spacing:-.3px;white-space:nowrap;margin:0;font-size:1.45rem;font-weight:700}.ct-header__hamburger{border:1px solid var(--ct-border);cursor:pointer;color:#1e293b;width:40px;height:40px;transition:all var(--ct-transition);background:#fff;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:3.5px;padding:0;display:flex;box-shadow:0 1px 2px #0000000a}.ct-header__hamburger:hover{background:var(--ct-brand);border-color:var(--ct-brand);color:#fff;transform:translateY(-.5px)}.ct-header__hamburger:active{transform:scale(.95)}.ct-header__hb-bar{width:18px;height:2px;transition:transform .22s cubic-bezier(.4, 0, .2, 1), opacity .2s ease, background-color var(--ct-transition);background:currentColor;border-radius:2px;display:block}.ct-header__hamburger--active{background:var(--ct-brand);border-color:var(--ct-brand);color:#fff}.ct-header__hamburger--active .ct-header__hb-bar:first-child{transform:translateY(5.5px)rotate(45deg)}.ct-header__hamburger--active .ct-header__hb-bar:nth-child(2){opacity:0;transform:scaleX(0)}.ct-header__hamburger--active .ct-header__hb-bar:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}.ct-add-btn{background:var(--ct-brand);color:#fff;cursor:pointer;white-space:nowrap;transition:background var(--ct-transition), transform var(--ct-transition), box-shadow var(--ct-transition);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #00214733}.ct-add-btn:hover{background:var(--ct-brand-hover);transform:translateY(-1px);box-shadow:0 6px 16px #00214747}.ct-add-btn:active{transform:scale(.97)}.ct-add-btn--empty{margin-top:1rem}.ct-offline-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;align-items:center;gap:.6rem;margin-bottom:.25rem;padding:.75rem 1rem;font-size:.825rem;font-weight:600;animation:.2s ease-out ct-fade-in;display:flex}.ct-offline-banner svg{color:#ef4444;flex-shrink:0}.ct-main{box-sizing:border-box;flex-direction:column;flex:1;gap:1rem;width:100%;max-width:1400px;margin:0 auto;padding:.75rem 1.5rem 2rem;display:flex}.ct-search-container{border:1px solid var(--ct-border);background:#fff;border-radius:16px;align-items:center;gap:.75rem;padding:1.15rem 1.25rem;display:flex;box-shadow:0 1px 3px #0000000a}.ct-search-wrap{flex:1;align-items:center;min-width:200px;display:flex;position:relative}.ct-search-icon{color:#94a3b8;pointer-events:none;flex-shrink:0;width:16px;height:16px;position:absolute;left:.875rem}.ct-search-input{color:#1e293b;width:100%;height:40px;transition:all var(--ct-transition);box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;outline:none;padding:0 2.25rem 0 2.5rem;font-family:inherit;font-size:.875rem}.ct-search-input:focus{border-color:#002147;box-shadow:0 0 0 2px #00214714}.ct-search-input::placeholder{color:#94a3b8}.ct-search-clear{color:#64748b;cursor:pointer;width:20px;height:20px;transition:all var(--ct-transition);background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:.75rem}.ct-search-clear:hover{color:#1e293b;background:#e2e8f0}.ct-refresh-btn{color:#64748b;cursor:pointer;width:40px;height:40px;transition:all var(--ct-transition);box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ct-refresh-btn:hover:not(:disabled){color:#002147;background:#f8fafc;border-color:#002147}.ct-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.ct-active-filters-group{flex-shrink:0;align-items:center;gap:.5rem;animation:.15s ease-out ct-fade-in;display:flex}.ct-active-filters-badge{color:#002147;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#00214714;border:1px solid #0021472e;border-radius:12px;align-items:center;gap:.4rem;height:40px;padding:0 .875rem;font-size:.75rem;font-weight:700;display:inline-flex}.ct-clear-filters-btn{color:#e11d48;cursor:pointer;white-space:nowrap;height:40px;transition:all var(--ct-transition);box-sizing:border-box;background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:0 1rem;font-family:inherit;font-size:.75rem;font-weight:700;display:inline-flex}.ct-clear-filters-btn:hover{color:#be123c;background:#ffe4e6;border-color:#fda4af;transform:translateY(-.5px)}.ct-clear-filters-btn:active{transform:scale(.97)}@keyframes ct-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.ct-spin{animation:.75s linear infinite ct-spin-kf;display:inline-block}@keyframes ct-spin-kf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ct-spin{to{transform:rotate(360deg)}}.ct-table-wrap{background:var(--ct-card-bg);border:1px solid var(--ct-border);border-radius:var(--ct-radius-lg);box-shadow:var(--ct-sh-card);transition:opacity .18s;display:block;overflow:hidden}.ct-table-wrap--fetching{opacity:.7}.ct-table{border-collapse:collapse;width:100%;font-size:.875rem}.ct-table thead{background:var(--ct-th-bg)}.ct-th{text-align:left;color:var(--ct-th-text);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:.75rem 1rem;font-size:.72rem;font-weight:700}.ct-th--right{text-align:right}.ct-th--center,.ct-th--actions{text-align:center}.ct-row{border-bottom:1px solid var(--ct-border-light);transition:background var(--ct-transition)}.ct-row:last-child{border-bottom:none}.ct-row:hover{background:#f8fafc}.ct-td{vertical-align:middle;color:var(--ct-ink2);padding:.75rem 1rem;line-height:1.35}.ct-td--right{text-align:right}.ct-td--center{text-align:center}.ct-td--actions{text-align:center;white-space:nowrap;padding:.6rem .85rem}.ct-code{color:#334155;white-space:nowrap;letter-spacing:-.01em;font-family:inherit;font-size:.85rem;font-weight:500}.ct-primary{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:220px;margin:0;font-size:.875rem;font-weight:600;overflow:hidden}.ct-secondary{color:var(--ct-ink4);white-space:nowrap;text-overflow:ellipsis;max-width:220px;margin:.15rem 0 0;font-size:.75rem;overflow:hidden}.ct-phone{color:#1e293b;letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.82rem;font-weight:600}.ct-address{color:var(--ct-ink4);white-space:nowrap;text-overflow:ellipsis;max-width:160px;margin-top:.15rem;font-size:.72rem;overflow:hidden}.ct-email{color:var(--ct-ink3);word-break:break-all;font-size:.85rem}.ct-dash{color:var(--ct-ink4);font-size:1rem}.ct-credit{color:#d97706;white-space:nowrap;letter-spacing:.01em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.82rem;font-weight:700}.ct-badge{letter-spacing:.02em;white-space:nowrap;border-radius:9999px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.ct-badge__dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.ct-badge--active{background:var(--ct-success-bg);color:var(--ct-success-text)}.ct-badge--active .ct-badge__dot{background:var(--ct-success)}.ct-badge--inactive{background:var(--ct-danger-bg);color:#b91c1c}.ct-badge--inactive .ct-badge__dot{background:var(--ct-danger)}.ct-action-group{justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.ct-action-btn{cursor:pointer;width:34px;height:34px;transition:all var(--ct-transition);border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.ct-action-btn:hover{transform:translateY(-1px)}.ct-action-btn:active{transform:scale(.94)}.ct-action-btn--view{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.ct-action-btn--view:hover{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.ct-action-btn--edit{background:var(--ct-brand);border:1px solid var(--ct-brand);color:#fff}.ct-action-btn--edit:hover{background:var(--ct-brand-hover);border-color:var(--ct-brand-hover)}.ct-skeleton-row td{padding:1rem 1.25rem}.ct-skel{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:6px;height:14px;animation:1.4s infinite ct-shimmer}.ct-skel--sm{width:55px}.ct-skel--md{width:100px}.ct-skel--lg{width:150px}@keyframes ct-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ct-empty-cell{text-align:center;padding:4rem 1.5rem!important}.ct-empty{flex-direction:column;justify-content:center;align-items:center;max-width:320px;margin:0 auto;display:flex}.ct-empty__icon{width:64px;height:64px;color:var(--ct-ink4);background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.ct-empty__title{color:var(--ct-ink);margin:0 0 .35rem;font-size:1rem;font-weight:700}.ct-empty__text{color:var(--ct-ink4);margin:0;font-size:.83rem;line-height:1.45}.ct-mobile-view{display:none}.ct-mcard{background:var(--ct-card-bg);border:1px solid var(--ct-border);border-radius:var(--ct-radius-lg);box-shadow:var(--ct-sh-card);flex-direction:column;gap:.75rem;padding:1.1rem;display:flex}.ct-mcard--empty{text-align:center;align-items:center;padding:3rem 1.5rem}.ct-mcard__head{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.ct-mcard__title{color:var(--ct-ink2);margin:0;font-size:.95rem;font-weight:700}.ct-mcard__sub{color:var(--ct-ink4);margin:.15rem 0 0;font-size:.78rem}.ct-mcard__grid{border-top:1px solid var(--ct-border-light);border-bottom:1px solid var(--ct-border-light);grid-template-columns:repeat(2,1fr);gap:.65rem .85rem;padding:.75rem 0;font-size:.8rem;display:grid}.ct-mcard__field{flex-direction:column;gap:.15rem;display:flex}.ct-mcard__label{color:var(--ct-ink4);text-transform:uppercase;font-size:.7rem;font-weight:600}.ct-mcard__val{color:var(--ct-ink2);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.ct-mcard__val.ct-credit,.ct-credit{white-space:nowrap;letter-spacing:.01em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.82rem;font-weight:700;color:#d97706!important}.ct-mcard__actions{gap:.5rem;padding-top:.25rem;display:flex}.ct-mcard__btn{cursor:pointer;transition:all var(--ct-transition);border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.ct-mcard__btn--view{color:#2563eb;background:#eff6ff;border-color:#dbeafe}.ct-mcard__btn--view:hover{color:#1d4ed8;background:#dbeafe}.ct-mcard__btn--edit{background:var(--ct-brand);color:#fff}.ct-mcard__btn--edit:hover{background:var(--ct-brand-hover)}@media (width<=767px){.ct-header{flex-direction:column;align-items:stretch;gap:.85rem;padding:1rem 1rem .25rem}.ct-header__left{justify-content:flex-start;width:100%}.ct-header__title{white-space:normal;font-size:1.25rem}.ct-add-btn{box-sizing:border-box;justify-content:center;width:100%;padding:.65rem 1rem}.ct-main{padding:.75rem 1rem 4rem}.ct-table-wrap{display:none}.ct-mobile-view{flex-direction:column;gap:.85rem;display:flex}.ct-pagination{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem}.ct-pagination__info{text-align:center;width:auto}.ct-pagination__nav{justify-content:center;width:100%}}.ct-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;margin-bottom:1.5rem;display:flex}.ct-pagination__info{background:var(--ct-card-bg);border:1px solid var(--ct-border);border-radius:var(--ct-radius);color:var(--ct-ink3);box-shadow:var(--ct-sh-card);padding:.5rem 1rem;font-size:.85rem;font-weight:500}.ct-pagination__info strong{color:var(--ct-ink2);font-weight:700}.ct-pagination__nav{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.ct-pagination__btn{border:1px solid var(--ct-border);border-radius:var(--ct-radius);background:var(--ct-card-bg);height:38px;color:var(--ct-ink3);cursor:pointer;box-shadow:var(--ct-sh-card);transition:all var(--ct-transition);white-space:nowrap;justify-content:center;align-items:center;padding:0 .95rem;font-family:inherit;font-size:.85rem;font-weight:700;display:inline-flex}.ct-pagination__btn:hover:not(:disabled){color:var(--ct-brand);background:#f8fafc;border-color:#cbd5e1}.ct-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.ct-pagination__page{border:1px solid var(--ct-border);border-radius:var(--ct-radius);background:var(--ct-card-bg);width:38px;height:38px;color:var(--ct-ink3);cursor:pointer;box-shadow:var(--ct-sh-card);transition:all var(--ct-transition);justify-content:center;align-items:center;font-family:inherit;font-size:.85rem;font-weight:700;display:inline-flex}.ct-pagination__page:hover:not(.ct-pagination__page--active){color:var(--ct-brand);background:#f8fafc;border-color:#cbd5e1}.ct-pagination__page--active{background:var(--ct-brand);border-color:var(--ct-brand);color:#fff;cursor:default;box-shadow:0 4px 12px #00214738}.ct-pagination__ellipsis{color:var(--ct-ink4);align-items:center;padding:0 .35rem;font-size:.9rem;line-height:1;display:inline-flex}.cust-toast-container{z-index:99999;pointer-events:none;flex-direction:column;gap:10px;width:auto;max-width:400px;display:flex;position:fixed;top:24px;right:24px}@media (width<=600px){.cust-toast-container{width:calc(100% - 32px);max-width:380px;top:20px;left:50%;right:auto;transform:translate(-50%)}}.cust-toast{color:#0f172a;opacity:0;visibility:hidden;pointer-events:auto;background:#fff;border:1px solid #e2e8f0e6;border-radius:14px;align-items:center;gap:10px;padding:12px 18px;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;transition:opacity .28s,transform .28s cubic-bezier(.16,1,.3,1),visibility .28s;display:flex;transform:translateY(-12px)scale(.96);box-shadow:0 16px 36px -6px #0f172a24,0 2px 8px #0000000a}.cust-toast.show{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.cust-toast__ico{flex-shrink:0}.cust-toast.success{color:#065f46;background:#fff;border-color:#d1fae5;box-shadow:0 16px 36px -6px #10b9812e,0 2px 8px #10b98114}.cust-toast.danger,.cust-toast.error{color:#991b1b;background:#fff;border-color:#fee2e2;box-shadow:0 16px 36px -6px #ef44442e,0 2px 8px #ef444414}.cust-toast.info{color:#1e40af;background:#fff;border-color:#dbeafe;box-shadow:0 16px 36px -6px #2563eb29,0 2px 8px #2563eb0f}.cust-toast.warning{color:#92400e;background:#fff;border-color:#fef3c7;box-shadow:0 16px 36px -6px #f59e0b29,0 2px 8px #f59e0b0f}.cm-overlay{-webkit-backdrop-filter:blur(6px);z-index:9999;background:#0f172a99;justify-content:center;align-items:flex-start;padding:1rem;animation:.2s ease-out cvm-fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}@media (width>=640px){.cm-overlay{align-items:center;padding:1.5rem}}.cm-panel{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.25s ease-out cvm-slide-up;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.cm-header{color:#fff;background:linear-gradient(135deg,#002147 0%,#036 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.cm-header__info{flex:1;min-width:0;padding-right:1rem}.cm-header__subtitle{text-transform:uppercase;letter-spacing:.12em;color:#fff9;margin-bottom:.2rem;font-size:.65rem;font-weight:700}.cm-header__title{color:#fff;margin:0;font-size:1.15rem;font-weight:800;line-height:1.2}.cm-header__close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .18s;display:flex}.cm-header__close:hover:not(:disabled){background:#fff3}.cm-header__close:disabled{opacity:.5;cursor:not-allowed}.cm-body{background:#fff;flex-direction:column;flex:1;display:flex;overflow:hidden}.cm-scroll{flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem;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-section{border-top:1px solid #f1f5f9;margin-top:.25rem;padding-top:1.15rem}.cm-section__header{margin-bottom:.85rem}.cm-section__title{color:#0f172a;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800;display:block}.cm-field{flex-direction:column;gap:.35rem;display:flex}.cm-label{text-transform:uppercase;letter-spacing:.05em;color:#475569;font-size:.72rem;font-weight:700}.cm-required{color:#f43f5e;margin-left:.15rem}.cm-optional{text-transform:none;letter-spacing:normal;color:#94a3b8;margin-left:.25rem;font-size:.68rem;font-weight:500}.cm-input{color:#1e293b;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;transition:all .18s}.cm-input:focus{background:#fff;border-color:#002147;box-shadow:0 0 0 3px #0021471a}.cm-input:disabled{opacity:.6;cursor:not-allowed}.cm-input--error{background:#fff!important;border-color:#ef4444!important}.cm-input--error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441f!important}.cm-inline-error{color:#ef4444;align-items:center;gap:.35rem;margin-top:-.15rem;font-size:.75rem;font-weight:500;line-height:1.3;display:flex}.cm-inline-error svg{color:#ef4444;flex-shrink:0}.cm-footer{background:#fff;border-top:1px solid #f1f5f9;flex-shrink:0;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.cm-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:all .18s;display:inline-flex}.cm-btn:disabled{opacity:.6;cursor:not-allowed}.cm-btn:active:not(:disabled){transform:scale(.98)}.cm-btn--cancel{color:#334155;background:#f1f5f9}.cm-btn--cancel:hover:not(:disabled){color:#0f172a;background:#e2e8f0}.cm-btn--save{color:#fff;background:#002147;box-shadow:0 4px 12px #00214733}.cm-btn--save:hover:not(:disabled){background:#036;box-shadow:0 6px 16px #00214747}.cm-spin{animation:.8s linear infinite ct-spin-kf;display:inline-block}.cvm-backdrop{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#0f172a99;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out cvm-fade-in;display:flex;position:fixed;inset:0;overflow-y:auto}.cvm-card{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:28rem;max-height:92vh;animation:.28s cubic-bezier(.16,1,.3,1) cvm-slide-up;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.cvm-header-top{background:#002147;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem 0;display:flex}.cvm-header-label{text-transform:uppercase;letter-spacing:.15em;color:#fff6;font-size:.6rem;font-weight:900}.cvm-close-btn{color:#fff9;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .18s;display:flex}.cvm-close-btn:hover{color:#fff;background:#fff3}.cvm-hero{background:#002147;flex-shrink:0;padding:.75rem 1.25rem 1.25rem}.cvm-hero__info{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.cvm-hero__title-wrap{flex:1;min-width:0}.cvm-hero__title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.25rem;font-weight:900;line-height:1.25;overflow:hidden}.cvm-hero__sub{color:#fff9;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.35rem;margin-top:.15rem;font-size:.75rem;display:flex;overflow:hidden}.cvm-hero__code{color:#ffffff80;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.cvm-status-badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:9999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.62rem;font-weight:900;display:inline-flex}.cvm-status-badge__dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.cvm-status-badge--active{color:#6ee7b7;background:#34d39926;border-color:#34d3994d}.cvm-status-badge--active .cvm-status-badge__dot{background:#34d399}.cvm-status-badge--inactive{color:#fda4af;background:#fb718526;border-color:#fb71854d}.cvm-status-badge--inactive .cvm-status-badge__dot{background:#fb7185}.cvm-chips-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.cvm-chip{text-align:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;padding:.6rem .5rem}.cvm-chip__label{text-transform:uppercase;letter-spacing:.12em;color:#fff6;margin-bottom:.25rem;font-size:.55rem;font-weight:900}.cvm-chip__val{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:900;overflow:hidden}.cvm-phone-link{color:#fff;text-decoration:none}.cvm-phone-link:hover{text-decoration:underline}.cvm-kpi-wrap{flex-shrink:0;margin-top:.75rem;padding:0 1.25rem}.cvm-kpi-card{border:2px solid;border-radius:12px;padding:.75rem 1rem}.cvm-kpi-card__head{text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:.35rem;margin-bottom:.25rem;font-size:.58rem;font-weight:900;display:flex}.cvm-kpi-card__amount{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.25rem;font-weight:900;line-height:1.1;overflow:hidden}.cvm-kpi-card__hint{white-space:nowrap;text-overflow:ellipsis;margin-top:.25rem;font-size:.62rem;font-weight:600;overflow:hidden}.cvm-kpi-card--success{background:#ecfdf5;border-color:#a7f3d0}.cvm-kpi-card--success .cvm-kpi-card__head{color:#059669}.cvm-kpi-card--success .cvm-kpi-card__amount{color:#047857}.cvm-kpi-card--success .cvm-kpi-card__hint{color:#059669}.cvm-kpi-card--danger{background:#fff1f2;border-color:#fecdd3}.cvm-kpi-card--danger .cvm-kpi-card__head{color:#e11d48}.cvm-kpi-card--danger .cvm-kpi-card__amount{color:#be123c}.cvm-kpi-card--danger .cvm-kpi-card__hint{color:#e11d48}.cvm-kpi-card--warning{background:#fffbeb;border-color:#fde68a}.cvm-kpi-card--warning .cvm-kpi-card__head{color:#d97706}.cvm-kpi-card--warning .cvm-kpi-card__amount{color:#92400e}.cvm-kpi-card--warning .cvm-kpi-card__hint{color:#b45309}.cvm-kpi-card--neutral{background:#f8fafc;border-color:#e2e8f0}.cvm-kpi-card--neutral .cvm-kpi-card__head{color:#64748b}.cvm-kpi-card--neutral .cvm-kpi-card__amount{color:#475569}.cvm-kpi-card--neutral .cvm-kpi-card__hint{color:#94a3b8}.cvm-details-wrap{flex:1;margin-top:.75rem;padding:0 1.25rem;overflow-y:auto}.cvm-details-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.cvm-details-card__header{text-transform:uppercase;letter-spacing:.12em;color:#94a3b8;background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.63rem;font-weight:900;display:flex}.cvm-details-list{flex-direction:column;display:flex}.cvm-detail-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem 1rem;display:flex}.cvm-detail-row:last-child{border-bottom:none}.cvm-detail-row--align-top{align-items:flex-start}.cvm-detail-label{color:#64748b;flex-shrink:0;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex}.cvm-icon-slate{color:#94a3b8}.cvm-detail-val{color:#1e293b;text-align:right;word-break:break-word;font-size:.75rem;font-weight:500}.cvm-detail-val--date{color:#334155;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700}.cvm-detail-val--multiline{color:#334155;max-width:60%;font-weight:500;line-height:1.35}.cvm-detail-val--link{font-weight:700;text-decoration:none}.cvm-detail-val--green{color:#047857;font-family:ui-monospace,monospace}.cvm-detail-val--green:hover{text-decoration:underline}.cvm-detail-val--blue{color:#2563eb;font-weight:500}.cvm-detail-val--blue:hover{text-decoration:underline}.cvm-detail-val--muted{color:#94a3b8}.cvm-footer{background:#fff;border-top:1px solid #f1f5f9;flex-shrink:0;align-items:center;gap:.65rem;margin-top:.75rem;padding:1rem 1.25rem;display:flex}.cvm-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1rem;font-family:inherit;font-size:.75rem;font-weight:700;transition:all .18s;display:inline-flex}.cvm-btn--cancel{color:#334155;background:#f1f5f9;flex:1}.cvm-btn--cancel:hover{color:#0f172a;background:#e2e8f0}.cvm-btn--edit{color:#fff;background:#002147;flex:2;box-shadow:0 4px 12px #00214733}.cvm-btn--edit:hover:not(:disabled){background:#036;box-shadow:0 6px 16px #00214747}.cvm-btn--edit:disabled{opacity:.5;cursor:not-allowed}@keyframes cvm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cvm-slide-up{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.stk-page{--stk-brand:#002147;--stk-brand-hover:#036;--stk-brand-deep:#002147;--stk-brand-dark:#001733;--stk-bg:#f4f6fa;--stk-card-bg:#fff;--stk-border:#e2e8f0;--stk-border-light:#f1f5f9;--stk-ink:#002147;--stk-ink2:#1e293b;--stk-ink3:#475569;--stk-ink4:#94a3b8;--stk-success:#16a34a;--stk-success-bg:#dcfce7;--stk-success-text:#15803d;--stk-danger:#dc2626;--stk-danger-bg:#fee2e2;--stk-danger-text:#b91c1c;--stk-warning:#d97706;--stk-warning-bg:#fef3c7;--stk-warning-text:#b45309;--stk-sh-card:0 1px 3px #0000000a, 0 1px 2px #00000005;--stk-sh-elevated:0 8px 30px #00214714;--stk-radius-sm:8px;--stk-radius:12px;--stk-radius-lg:16px;--stk-transition:.18s ease;background:var(--stk-bg);-webkit-font-smoothing:antialiased;min-height:100%;color:var(--stk-ink2);flex-direction:column;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.stk-page svg{box-sizing:border-box;flex-shrink:0}.stk-header{box-shadow:none;box-sizing:border-box;background:0 0;border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1400px;margin:0 auto;padding:1.5rem 1.5rem .5rem;display:flex}.stk-header__left{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.stk-header__title{color:var(--stk-ink);letter-spacing:-.3px;white-space:nowrap;margin:0;font-size:1.45rem;font-weight:700}.stk-inv-badge{color:var(--stk-ink);white-space:nowrap;background:#00214714;border:1px solid #00214726;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.75rem;font-weight:700;display:inline-flex}.stk-inv-badge-mobile{color:var(--stk-ink);background:#0021470f;border:1px solid #0021471f;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem .85rem;font-size:.8rem;font-weight:700;display:none}.stk-header__right{align-items:center;gap:.75rem;display:flex}.stk-refresh-btn{background:var(--stk-brand);color:#fff;cursor:pointer;white-space:nowrap;transition:background var(--stk-transition), transform var(--stk-transition), box-shadow var(--stk-transition);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.625rem 1.15rem;font-family:inherit;font-size:.875rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #0021472e}.stk-refresh-btn:hover:not(:disabled){background:var(--stk-brand-hover);transform:translateY(-1px);box-shadow:0 6px 16px #00214740}.stk-refresh-btn:active:not(:disabled){transform:scale(.97)}.stk-refresh-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.stk-main{box-sizing:border-box;flex-direction:column;flex:1;gap:1.25rem;width:100%;max-width:1400px;margin:0 auto;padding:.75rem 1.5rem 2rem;display:flex}.stk-kpi-grid{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;display:grid}.stk-kpi-card{border:1px solid var(--stk-border);transition:transform var(--stk-transition), box-shadow var(--stk-transition);background:#fff;border-radius:14px;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;box-shadow:0 1px 3px #0000000a}.stk-kpi-card:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0021470f}.stk-kpi-card__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stk-kpi-card__icon--total{color:var(--stk-brand);background:#00214714}.stk-kpi-card__icon--available{background:var(--stk-success-bg);color:var(--stk-success)}.stk-kpi-card__icon--low{background:var(--stk-warning-bg);color:var(--stk-warning)}.stk-kpi-card__content{flex-direction:column;gap:.15rem;min-width:0;display:flex}.stk-kpi-card__label{color:var(--stk-ink4);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.stk-kpi-card__value{color:var(--stk-ink);font-size:1.35rem;font-weight:800;line-height:1.2}.stk-search-container{border:1px solid var(--stk-border);box-sizing:border-box;background:#fff;border-radius:14px;align-items:center;gap:.75rem;width:100%;padding:.85rem 1.1rem;display:flex;box-shadow:0 1px 3px #0000000a}.stk-search-wrap{flex:auto;align-items:center;min-width:220px;display:flex;position:relative}.stk-search-icon{color:#94a3b8;pointer-events:none;flex-shrink:0;width:16px;height:16px;position:absolute;left:.875rem}.stk-search-input{color:#1e293b;width:100%;height:42px;transition:all var(--stk-transition);box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:0 2.25rem 0 2.5rem;font-family:inherit;font-size:.875rem}.stk-search-input:focus{border-color:#002147;box-shadow:0 0 0 2px #00214714}.stk-search-input::placeholder{color:#94a3b8}.stk-search-clear{color:#64748b;cursor:pointer;width:20px;height:20px;transition:all var(--stk-transition);background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:.75rem}.stk-search-clear:hover{color:#1e293b;background:#e2e8f0}.stk-status-filter-wrap{flex-shrink:0;width:190px;min-width:160px;position:relative}.stk-dropdown{width:100%;position:relative}.stk-dropdown__trigger{color:#1e293b;cursor:pointer;box-sizing:border-box;width:100%;height:42px;min-height:42px;transition:all var(--stk-transition);text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:.4rem;padding:0 .85rem;font-family:inherit;font-size:.875rem;font-weight:500;display:flex}.stk-dropdown__trigger:hover{border-color:#cbd5e1}.stk-dropdown__trigger--open,.stk-dropdown__trigger:focus{border-color:#002147;outline:none;box-shadow:0 0 0 2px #00214714}.stk-dropdown__value{white-space:nowrap;text-overflow:ellipsis;color:#1e293b;flex:1;font-weight:500;overflow:hidden}.stk-dropdown__chevron{color:#94a3b8;flex-shrink:0;transition:transform .2s}.stk-dropdown__chevron--up{transform:rotate(180deg)}.stk-dropdown__panel{z-index:60;background:#fff;border:1px solid #e2e8f0;border-radius:10px;animation:.15s cubic-bezier(.16,1,.3,1) stk-dropdown-in;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0021471f,0 8px 10px -6px #0021470f}@keyframes stk-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.stk-dropdown__list{margin:0;padding:4px;list-style:none}.stk-dropdown__item{color:#334155;cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-family:inherit;font-size:.86rem;transition:background .12s,color .12s;display:flex}.stk-dropdown__item:hover{color:#002147;background:#f8fafc}.stk-dropdown__item--selected{color:#002147;background:#0021470f;font-weight:600}.stk-dropdown__item--selected:hover{background:#0021471a}.stk-dropdown__check{color:#002147;flex-shrink:0}.stk-active-filters-group{flex-shrink:0;align-items:center;gap:.5rem;animation:.15s ease-out stk-fade-in;display:flex}.stk-active-filters-badge{color:#002147;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#00214714;border:1px solid #0021472e;border-radius:10px;align-items:center;gap:.4rem;height:42px;padding:0 .875rem;font-size:.75rem;font-weight:700;display:inline-flex}.stk-clear-filters-btn{color:#e11d48;cursor:pointer;white-space:nowrap;height:42px;transition:all var(--stk-transition);box-sizing:border-box;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:0 1rem;font-family:inherit;font-size:.75rem;font-weight:700;display:inline-flex}.stk-clear-filters-btn:hover{color:#be123c;background:#ffe4e6;border-color:#fda4af;transform:translateY(-.5px)}.stk-clear-filters-btn:active{transform:scale(.97)}.stk-grid{grid-template-columns:repeat(3,1fr);gap:1.15rem;width:100%;display:grid}@media (width<=1120px){.stk-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.stk-grid{grid-template-columns:1fr}}.stk-card{border:1px solid var(--stk-border);box-shadow:var(--stk-sh-card);transition:transform var(--stk-transition), box-shadow var(--stk-transition), border-color var(--stk-transition);box-sizing:border-box;background:#fff;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.stk-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 28px #00214714}.stk-card__head{border-bottom:1px solid var(--stk-border-light);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1.1rem 1.15rem .85rem;display:flex}.stk-card__head-info{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.stk-card__title{color:var(--stk-ink);letter-spacing:-.2px;word-break:break-word;margin:0;font-size:1rem;font-weight:700;line-height:1.35}.stk-card__category-badge{color:var(--stk-ink3);background:#f1f5f9;border-radius:6px;align-items:center;gap:.3rem;width:fit-content;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.stk-badge{letter-spacing:.02em;white-space:nowrap;border-radius:9999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.stk-badge__dot{border-radius:50%;width:6px;height:6px;display:inline-block}.stk-badge--available{background:var(--stk-success-bg);color:var(--stk-success-text)}.stk-badge--available .stk-badge__dot{background:var(--stk-success)}.stk-badge--low{background:var(--stk-warning-bg);color:var(--stk-warning-text)}.stk-badge--low .stk-badge__dot{background:var(--stk-warning)}.stk-badge--out{background:var(--stk-danger-bg);color:var(--stk-danger-text)}.stk-badge--out .stk-badge__dot{background:var(--stk-danger)}.stk-badge--inactive{color:#64748b;background:#f1f5f9}.stk-badge--inactive .stk-badge__dot{background:#94a3b8}.stk-card__body{flex-direction:column;flex:1;gap:.85rem;padding:.95rem 1.15rem 1.15rem;display:flex}.stk-card__identifiers{flex-wrap:wrap;gap:.5rem;display:flex}.stk-chip{color:var(--stk-ink3);background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-family:inherit;font-size:.75rem;display:inline-flex}.stk-chip__label{color:var(--stk-ink4);text-transform:uppercase;font-size:.68rem;font-weight:700}.stk-chip__val{color:var(--stk-ink2);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600}.stk-card__stats{grid-template-columns:1fr 1fr;gap:.65rem;margin-top:auto;padding-top:.5rem;display:grid}.stk-stat-box{background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;flex-direction:column;gap:.2rem;padding:.75rem .85rem;display:flex}.stk-stat-box--price{background:#00214708;border-color:#00214714}.stk-stat-box__label{color:var(--stk-ink4);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:700}.stk-stat-box__val{color:var(--stk-ink2);align-items:center;gap:.35rem;font-size:1.25rem;font-weight:800;line-height:1.2;display:flex}.stk-stat-box__val--price{color:#059669;font-size:1.05rem}.stk-stat-box__val--low{color:#d97706}.stk-stat-box__val--out{color:#dc2626}.stk-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;margin-bottom:1.5rem;display:flex}.stk-pagination__info{background:var(--stk-card-bg,#fff);border:1px solid var(--stk-border,#e2e8f0);border-radius:var(--stk-radius,12px);color:var(--stk-ink3,#475569);box-shadow:var(--stk-sh-card,0 1px 3px #0000000a);padding:.5rem 1rem;font-size:.85rem;font-weight:500}.stk-pagination__info strong{color:var(--stk-ink2,#1e293b);font-weight:700}.stk-pagination__nav,.stk-pagination__controls{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.stk-pagination__btn{border:1px solid var(--stk-border,#e2e8f0);border-radius:var(--stk-radius,12px);background:var(--stk-card-bg,#fff);height:38px;color:var(--stk-ink3,#475569);cursor:pointer;box-shadow:var(--stk-sh-card,0 1px 3px #0000000a);transition:all var(--stk-transition,.18s ease);white-space:nowrap;justify-content:center;align-items:center;padding:0 .95rem;font-family:inherit;font-size:.85rem;font-weight:700;display:inline-flex}.stk-pagination__btn:hover:not(:disabled){color:var(--stk-brand,#002147);background:#f8fafc;border-color:#cbd5e1}.stk-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.stk-pagination__page{border:1px solid var(--stk-border,#e2e8f0);border-radius:var(--stk-radius,12px);background:var(--stk-card-bg,#fff);width:38px;height:38px;color:var(--stk-ink3,#475569);cursor:pointer;box-shadow:var(--stk-sh-card,0 1px 3px #0000000a);transition:all var(--stk-transition,.18s ease);justify-content:center;align-items:center;font-family:inherit;font-size:.85rem;font-weight:700;display:inline-flex}.stk-pagination__page:hover:not(.stk-pagination__page--active){color:var(--stk-brand,#002147);background:#f8fafc;border-color:#cbd5e1}.stk-pagination__page--active{background:var(--stk-brand,#002147);border-color:var(--stk-brand,#002147);color:#fff;cursor:default;box-shadow:0 4px 12px #00214738}.stk-pagination__ellipsis{color:var(--stk-ink4,#94a3b8);align-items:center;padding:0 .35rem;font-size:.9rem;line-height:1;display:inline-flex}.stk-skel{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s infinite stk-shimmer}.stk-card--skel{flex-direction:column;gap:.75rem;padding:1.15rem;display:flex}@keyframes stk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stk-empty{text-align:center;border:1px solid var(--stk-border);box-sizing:border-box;background:#fff;border-radius:16px;flex-direction:column;align-items:center;width:100%;padding:4rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000000a}.stk-empty__icon{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:1.25rem;display:flex}.stk-empty__icon--error{color:#dc2626;background:#fee2e2}.stk-empty__title{color:var(--stk-ink);margin:0 0 .4rem;font-size:1.2rem;font-weight:700}.stk-empty__text{color:var(--stk-ink3);max-width:380px;margin:0 0 1.25rem;font-size:.9rem;line-height:1.5}.stk-no-shift{text-align:center;border:1px solid var(--stk-border);background:#fff;border-radius:20px;flex-direction:column;align-items:center;max-width:500px;margin:2rem auto;padding:4rem 1.5rem;display:flex;box-shadow:0 4px 20px #0021470f}.stk-no-shift__icon{width:72px;height:72px;color:var(--stk-brand);background:#00214714;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.stk-no-shift__title{color:var(--stk-ink);margin:0 0 .5rem;font-size:1.35rem;font-weight:800}.stk-no-shift__text{color:var(--stk-ink3);max-width:360px;margin:0 0 1.5rem;font-size:.92rem;line-height:1.5}.stk-btn-primary{background:var(--stk-brand);color:#fff;cursor:pointer;transition:all var(--stk-transition);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-family:inherit;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #00214733}.stk-btn-primary:hover{background:var(--stk-brand-hover);transform:translateY(-1px);box-shadow:0 6px 16px #00214747}.stk-toast-container,.stk-toasts{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;width:auto;max-width:400px;display:flex;position:fixed;top:24px;right:24px}@media (width<=600px){.stk-toast-container,.stk-toasts{width:calc(100% - 32px);max-width:380px;top:20px;left:50%;right:auto;transform:translate(-50%)}}.stk-toast{color:var(--stk-ink,#0f172a);opacity:0;visibility:hidden;pointer-events:auto;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0e6;border-radius:14px;align-items:center;gap:10px;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:opacity .28s,transform .28s cubic-bezier(.16,1,.3,1),visibility .28s;display:flex;transform:translateY(-12px)scale(.96);box-shadow:0 16px 36px -6px #0f172a24,0 2px 8px #0000000a}.stk-toast.show{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.stk-toast__ico{flex-shrink:0}.stk-toast.success{color:#065f46;background:#fff;border-color:#d1fae5;box-shadow:0 16px 36px -6px #10b9812e,0 2px 8px #10b98114}.stk-toast.danger,.stk-toast.error{color:#991b1b;background:#fff;border-color:#fee2e2;box-shadow:0 16px 36px -6px #ef44442e,0 2px 8px #ef444414}.stk-toast.info{color:#1e40af;background:#fff;border-color:#dbeafe;box-shadow:0 16px 36px -6px #2563eb29,0 2px 8px #2563eb0f}.stk-toast.warning{color:#92400e;background:#fff;border-color:#fef3c7;box-shadow:0 16px 36px -6px #f59e0b29,0 2px 8px #f59e0b0f}.stk-spin{animation:.75s linear infinite stk-spin-kf;display:inline-block}@keyframes stk-spin-kf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes stk-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.stk-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.25rem 1rem .25rem}.stk-header__left{justify-content:space-between;width:100%}.stk-header__right{width:100%}.stk-refresh-btn{justify-content:center;width:100%}.stk-inv-badge{display:none}.stk-inv-badge-mobile{display:flex}.stk-main{padding:.5rem 1rem 1.5rem}.stk-kpi-grid{grid-template-columns:1fr;gap:.65rem}.stk-search-container{flex-direction:column;align-items:stretch;gap:.6rem;padding:.75rem}.stk-search-wrap{flex:none;width:100%;min-width:0;max-width:100%;height:42px}.stk-status-filter-wrap{flex:none;width:100%;min-width:0;height:42px}.stk-active-filters-group{justify-content:space-between;gap:.5rem;width:100%;margin-top:.15rem;display:flex}.stk-active-filters-badge,.stk-clear-filters-btn{flex:1;justify-content:center;height:38px}.stk-pagination{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem}.stk-pagination__info{text-align:center;width:auto}.stk-pagination__nav,.stk-pagination__controls{justify-content:center;width:100%}}:root{--sb-width:260px;--sb-bg:#fff;--sb-border:#eef0f8;--sb-border-subtle:#f1f3fa;--sb-shadow:#0917380a;--sb-brand:#091738;--sb-brand-deep:#0613cc;--sb-brand-dark:#050e24;--sb-brand-accent:#2563eb;--sb-brand-light:#f0f4ff;--sb-brand-hover:#e8edfc;--sb-ink:#0b1329;--sb-ink2:#1e293b;--sb-ink3:#475569;--sb-ink4:#64748b;--sb-ink5:#94a3b8;--sb-ink6:#cbd5e1;--sb-success:#10b981;--sb-success-bg:#ecfdf5;--sb-danger:#ef4444;--sb-danger-bg:#fef2f2;--sb-warning:#f59e0b;--sb-warning-bg:#fffbeb;--sb-active-bg:#0613cc0d;--sb-active-border:#0613cc24;--sb-active-text:#0613cc;--sb-active-indicator:#0613cc;--sb-ease:cubic-bezier(.16, 1, .3, 1);--sb-speed:.24s;--sb-speed-fast:.16s}.sb-body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sb-overlay{z-index:40;-webkit-backdrop-filter:blur(8px);transition:opacity var(--sb-speed) ease, visibility var(--sb-speed) ease;opacity:0;visibility:hidden;pointer-events:none;background:#0917386b;position:fixed;inset:0}.sb-overlay.sb-overlay--visible{opacity:1;visibility:visible;pointer-events:auto}@media (width>=1024px){.sb-overlay{display:none!important}}.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 24px var(--sb-shadow);transition:transform var(--sb-speed) var(--sb-ease);-webkit-user-select:none;user-select:none;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)!important}}.sb-header{border-bottom:1px solid var(--sb-border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 16px 16px;display:flex}.sb-header__brand{align-items:center;gap:12px;min-width:0;display:flex}.sb-header__icon{color:#fff;width:38px;height:38px;transition:transform var(--sb-speed-fast) ease, box-shadow var(--sb-speed-fast) ease;background:linear-gradient(135deg,#091738 0%,#0f2456 100%);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #09173838}.sb-header__icon:hover{transform:scale(1.04);box-shadow:0 6px 16px #0917384d}.sb-header__info{flex-direction:column;min-width:0;display:flex}.sb-header__title{color:var(--sb-ink);letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:800;line-height:1.2;overflow:hidden}.sb-header__subtitle{color:var(--sb-ink4);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.1px;margin-top:2px;font-size:11.5px;font-weight:500;overflow:hidden}.sb-header__close{border:1px solid var(--sb-border);width:32px;height:32px;color:var(--sb-ink4);cursor:pointer;transition:all var(--sb-speed-fast) ease;background:#f8fafc;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sb-header__close:hover{color:var(--sb-ink);background:#f1f5f9;transform:rotate(90deg)}@media (width>=1024px){.sb-header__close{display:none}}.sb-user-wrapper{flex-shrink:0;padding:12px 12px 6px}.sb-user{cursor:pointer;transition:all var(--sb-speed-fast) ease;background:#f8fafc;border:1px solid #eef0f8;border-radius:14px;outline:none;align-items:center;gap:10px;padding:10px 12px;display:flex;position:relative}.sb-user:hover{background:#fff;border-color:#dbeafe;transform:translateY(-1px);box-shadow:0 4px 16px #09173814}.sb-user:focus-visible{border-color:var(--sb-brand-accent);box-shadow:0 0 0 3px #2563eb26}.sb-user--active,.sb-user--pinned{background:#fff;border-color:#bfdbfe;box-shadow:0 4px 18px #2563eb1f}.sb-user__avatar-box{flex-shrink:0;position:relative}.sb-user__avatar{color:#fff;background:linear-gradient(135deg,#091738 0%,#1e3a8a 100%);border-radius:11px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13.5px;font-weight:700;display:flex;box-shadow:0 2px 8px #09173833}.sb-user__status-dot{background:var(--sb-success);border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.sb-user__info{flex:1;min-width:0}.sb-user__name{color:var(--sb-ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;line-height:1.25;overflow:hidden}.sb-user__role-row{margin-top:3px}.sb-user__role-badge{color:#1d4ed8;letter-spacing:.2px;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;max-width:100%;padding:1px 6px;font-size:9.5px;font-weight:700;line-height:1.2;display:inline-block;overflow:hidden}.sb-user__action-indicator{color:var(--sb-ink5);transition:transform var(--sb-speed-fast) ease, color var(--sb-speed-fast) ease;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sb-user:hover .sb-user__action-indicator{color:var(--sb-brand-accent);transform:translate(2px)}.sb-user--active .sb-user__action-indicator{color:var(--sb-brand-accent);transform:rotate(90deg)}.sb-nav-section-head{padding:14px 20px 6px}.sb-label{text-transform:uppercase;letter-spacing:1px;color:var(--sb-ink5);font-size:10px;font-weight:800}.sb-nav{overscroll-behavior:contain;flex:1;padding:0 10px;overflow-y:auto}.sb-nav::-webkit-scrollbar{width:4px}.sb-nav::-webkit-scrollbar-track{background:0 0}.sb-nav::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.sb-nav::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.sb-nav__list{flex-direction:column;gap:3px;margin:0;padding:0 0 16px;list-style:none;display:flex}.sb-nav__item{margin:0;padding:0}.sb-nav-link{min-height:42px;transition:all var(--sb-speed-fast) ease;cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;padding:9px 12px;text-decoration:none;display:flex;position:relative}.sb-nav-link:hover{background:#f8fafc;transform:translate(2px)}.sb-nav-link.active{background:var(--sb-active-bg);border-color:var(--sb-active-border)}.sb-nav-link__indicator{background:var(--sb-active-indicator);border-radius:0 4px 4px 0;width:3.5px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 8px #0613cc66}.sb-nav-link__icon{width:30px;height:30px;transition:all var(--sb-speed-fast) ease;color:var(--sb-ink4);background:#f1f5f9;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sb-nav-link:hover .sb-nav-link__icon{color:var(--sb-ink);background:#e2e8f0}.sb-nav-link.active .sb-nav-link__icon{color:#fff;background:linear-gradient(135deg,#0613cc 0%,#040e99 100%);box-shadow:0 3px 10px #0613cc47}.sb-nav-link__label{letter-spacing:-.15px;color:var(--sb-ink3);transition:color var(--sb-speed-fast) ease;flex:1;font-size:13.5px;font-weight:600}.sb-nav-link:hover .sb-nav-link__label{color:var(--sb-ink)}.sb-nav-link.active .sb-nav-link__label{color:var(--sb-active-text);font-weight:700}.sb-nav-link__badge{background:var(--sb-brand-deep);color:#fff;letter-spacing:.3px;border-radius:20px;padding:2px 7px;font-size:9.5px;font-weight:700;line-height:1}.sb-footer{border-top:1px solid var(--sb-border-subtle);background:#fff;flex-shrink:0;padding:10px 12px 16px}.sb-footer__meta{justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 8px;display:flex}.sb-footer__brand-tag{align-items:center;gap:6px;display:flex}.sb-footer__dot{background:var(--sb-success);border-radius:50%;width:6px;height:6px}.sb-footer__app-name{color:var(--sb-ink4);font-size:11px;font-weight:600}.sb-footer__version{color:var(--sb-ink5);background:#f1f5f9;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:600}.sb-logout{cursor:pointer;width:100%;min-height:42px;transition:all var(--sb-speed-fast) ease;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;padding:9px 12px;font-family:inherit;display:flex}.sb-logout:hover{background:#fef2f2;border-color:#fee2e2}.sb-logout__icon{width:30px;height:30px;color:var(--sb-ink4);transition:all var(--sb-speed-fast) ease;background:#f8fafc;border-radius:9px;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-ink3);letter-spacing:-.15px;transition:color var(--sb-speed-fast) ease;flex:1;font-size:13.5px;font-weight:600}.sb-logout:hover .sb-logout__label{color:#ef4444}.up-card{z-index:200;width:388px;animation:up-pop-in .22s var(--sb-ease) forwards;background:#fff;border:1px solid #e2e8f0;border-radius:20px;font-family:Outfit,sans-serif;overflow:hidden;box-shadow:0 24px 60px -12px #0917382e,0 0 1px 1px #0917380a}@keyframes up-pop-in{0%{opacity:0;transform:scale(.95)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width>=1024px){.up-backdrop{display:none}.up-card{left:calc(var(--sb-width) + 14px);position:fixed}}@media (width<=1023px){.up-backdrop{z-index:199;-webkit-backdrop-filter:blur(8px);background:#09173873;animation:.2s forwards up-backdrop-fade;position:fixed;inset:0}@keyframes up-backdrop-fade{0%{opacity:0}to{opacity:1}}.up-card{animation:up-modal-in .24s var(--sb-ease) forwards;width:min(390px,100vw - 32px);max-height:90vh;position:fixed;overflow-y:auto;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}@keyframes up-modal-in{0%{opacity:0;transform:translate(-50%,calc(14px - 50%))scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}}.up-header{background:#fff;border-bottom:1px solid #eef0f8;padding:16px 16px 14px;position:relative}.up-header__user-row{align-items:center;gap:12px;display:flex}.up-header__avatar{color:#fff;background:linear-gradient(135deg,#091738 0%,#1e3a8a 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:flex;box-shadow:0 2px 8px #0917382e}.up-header__info{flex:1;min-width:0}.up-header__name{color:var(--sb-ink);letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:15px;font-weight:800;line-height:1.25;overflow:hidden}.up-header__code{color:var(--sb-ink4);letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11.5px;font-weight:600;overflow:hidden}.up-header__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.up-header__pinned-badge{color:#2563eb;text-transform:uppercase;letter-spacing:.4px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:700}.up-header__close-btn{color:var(--sb-ink4);cursor:pointer;width:28px;height:28px;transition:all var(--sb-speed-fast) ease;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;display:flex}.up-header__close-btn:hover{color:var(--sb-ink);background:#f1f5f9;border-color:#cbd5e1}.up-grid{background:#f8fafc;grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.up-field{transition:all var(--sb-speed-fast) ease;background:#fff;border:1px solid #e8eaf2;border-radius:13px;align-items:flex-start;gap:10px;padding:12px;display:flex;position:relative}.up-field:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0917380f}.up-field--copyable{cursor:pointer}.up-field__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.up-field__body{flex:1;min-width:0}.up-field__header-row{justify-content:space-between;align-items:center;gap:4px;margin-bottom:3px;display:flex}.up-field__label{letter-spacing:.6px;text-transform:uppercase;color:var(--sb-ink5);white-space:nowrap;font-size:9.5px;font-weight:800}.up-field__copy-btn{color:var(--sb-brand-accent);cursor:pointer;transition:color var(--sb-speed-fast) ease;background:0 0;border:none;align-items:center;gap:3px;padding:0;font-size:9.5px;font-weight:700;display:inline-flex}.up-field__copy-btn:hover{color:#1d4ed8}.up-field__copy-btn--copied{color:#059669!important}.up-field__value{color:var(--sb-ink);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12.5px;font-weight:700;line-height:1.35;overflow:hidden}@keyframes up-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.up-field--skeleton{pointer-events:none}.up-skeleton{background:linear-gradient(90deg,#eef0f8 25%,#f8f9fe 50%,#eef0f8 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s ease-in-out infinite up-shimmer}.up-skeleton--icon{border-radius:10px;flex-shrink:0;width:34px;height:34px}.up-skeleton--label{width:60%;height:9px;margin-bottom:6px}.up-skeleton--value{width:85%;height:13px}.sb-user__name-skeleton,.sb-user__role-skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite up-shimmer}.sb-user__name-skeleton{width:90px;height:12px;margin-bottom:4px}.sb-user__role-skeleton{width:60px;height:10px}.up-footer{text-align:center;background:#f8fafc;border-top:1px solid #eef0f8;padding:8px 14px 10px}.up-footer__hint{color:var(--sb-ink5);font-size:10.5px;font-weight:600}.sb-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);animation:sb-fade-in var(--sb-speed) ease forwards;background:#0917387a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}@keyframes sb-fade-in{0%{opacity:0}to{opacity:1}}.sb-modal-card{text-align:center;width:100%;max-width:360px;animation:sb-modal-pop var(--sb-speed) var(--sb-ease) forwards;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:30px 24px 22px;box-shadow:0 24px 60px -12px #09173838,0 0 1px 1px #0917380f}@keyframes sb-modal-pop{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:16px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;display:flex;position:relative}.sb-modal-icon-ring{pointer-events:none;background:#ef44441f;border-radius:20px;position:absolute;inset:-4px}.sb-modal-title{color:var(--sb-ink);letter-spacing:-.3px;margin:0 0 6px;font-family:Outfit,sans-serif;font-size:18px;font-weight:800}.sb-modal-text{color:var(--sb-ink4);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-speed-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:700}.sb-modal-btn:active{transform:scale(.97)}.sb-modal-btn--cancel{color:var(--sb-ink2);background:#f1f5f9;border-color:#e2e8f0}.sb-modal-btn--cancel:hover{color:var(--sb-ink);background:#e2e8f0}.sb-modal-btn--confirm{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 14px #ef444459}.sb-modal-btn--confirm:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);box-shadow:0 6px 18px #ef444473}@media (width<=400px){.sb-modal-card{padding:24px 18px 18px}.sb-modal-actions{flex-direction:column}}.cc-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:1rem;transition:opacity .3s;display:flex;position:fixed;inset:0}@media (width>=768px){.cc-overlay{padding:2rem}}.cc-panel{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:480px;max-height:85vh;font-family:Outfit,sans-serif;animation:.25s cubic-bezier(.16,1,.3,1) forwards scale-up;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cc-header{color:#fff;background:linear-gradient(135deg,#0613cc 0%,#0a1ee8 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;display:flex}.cc-header__info{flex:1}.cc-header__title{color:#fffc;letter-spacing:1.5px;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700}.cc-header__subtitle{color:#fff;margin:.2rem 0 0;font-size:1.2rem;font-weight:700}.cc-header__close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,transform .1s;display:flex}.cc-header__close:hover{background:#ffffff40}.cc-header__close:active{transform:scale(.95)}.cc-content{background:#f8f9fe;flex:1;padding:1rem 1.25rem;overflow-y:auto}.cc-section-label{color:#8a8dc9;letter-spacing:.5px;margin-bottom:.75rem;font-size:.75rem;font-weight:700}.cc-denom-list{flex-direction:column;gap:.5rem;display:flex}.cc-denom-row{background:#fff;border:1px solid #e8ecff;border-radius:10px;align-items:center;gap:.75rem;padding:.6rem .8rem;transition:border-color .2s;display:flex}.cc-denom-row:focus-within{border-color:#a5b4fc}.cc-denom-label{color:#060b4d;width:90px;font-size:.9rem;font-weight:600}.cc-denom-input-wrap{flex:1;justify-content:center;display:flex}.cc-denom-input{text-align:center;color:#060b4d;background:#fcfdff;border:1px solid #c8cbf0;border-radius:6px;outline:none;width:80px;padding:.4rem .5rem;font-size:.95rem;font-weight:600;transition:border-color .2s}.cc-denom-input:focus{border-color:#0613cc}.cc-denom-total{text-align:right;color:#059669;width:110px;font-size:.9rem;font-weight:700}.cc-total-bar{color:#fff;background:#060b4d;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;display:flex}.cc-total-label{font-size:1rem;font-weight:600}.cc-total-value{font-size:1.35rem;font-weight:800}.cc-footer{background:#fff;border-top:1px solid #e8ecff;flex-shrink:0;gap:.5rem;padding:.75rem 1.25rem;display:flex}.cc-btn{cursor:pointer;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;padding:.7rem 0;font-size:.85rem;font-weight:700;transition:background .15s,transform .1s,opacity .15s;display:flex}.cc-btn:disabled{opacity:.55;cursor:not-allowed}.cc-btn:active:not(:disabled){transform:scale(.97)}.cc-btn--cancel{color:#4b5563;background:#f3f4f6}.cc-btn--cancel:hover{background:#e5e7eb}.cc-btn--clear{color:#dc2626;background:#fee2e2}.cc-btn--clear:hover:not(:disabled){background:#fecaca}.cc-btn--copy{color:#fff;background:#10b981;box-shadow:0 2px 8px #10b98140}.cc-btn--copy:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b98166}.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,260px)}}.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 #eef0f8;flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 6px #0917380a}}.layout__hamburger{color:#091738;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-family:Outfit,sans-serif;transition:all .18s;display:flex}.layout__hamburger:hover{background:#f1f5f9;border-color:#cbd5e1}.layout__hamburger:active{transform:scale(.94)}.layout__hamburger-icon{flex-direction:column;gap:4px;width:17px;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:#0b1329;letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;font-family:Outfit,sans-serif;font-size:15px;font-weight:800;line-height:1.2;overflow:hidden}.layout__topbar-subtitle{color:#64748b;margin-top:1px;font-family:Outfit,sans-serif;font-size:11px;font-weight:500}.layout__fab{color:#fff;cursor:pointer;z-index:900;background:linear-gradient(135deg,#091738 0%,#0613cc 100%);border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 18px #09173852}.layout__fab:hover{transform:scale(1.08);box-shadow:0 8px 24px #0613cc6b}.layout__fab:active{transform:scale(.95)}@media (width<=767px){.layout__fab{width:48px;height:48px;bottom:16px;right:16px;box-shadow:0 4px 14px #09173847}}.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}:root{--ms-primary:#3538e0;--ms-primary-dark:#2a2dc4;--ms-primary-light:#eef0ff;--ms-page-bg:#f5f6fa;--ms-border:#e5e7eb;--ms-text-main:#1f2330;--ms-text-sub:#6b7280;--ms-amber-bg:#fdf3d8;--ms-amber-text:#92700c;--ms-green-bg:#e3f8ec;--ms-green-text:#127a45;--ms-cash:#17a673;--ms-cheque:#3538e0;--ms-credit:#e08a2e;--ms-danger:#e5484d;--ms-radius:10px}.pos-page{background:var(--ms-page-bg);flex-direction:column;height:100%;min-height:100%;display:flex;overflow:hidden}.pos-two-pane{flex:1;grid-template-columns:1fr 340px;min-height:100vh;display:grid}@media (width<=980px){.pos-two-pane{grid-template-columns:1fr}}.pos-pane-left{flex-direction:column;gap:0;padding:18px 22px;display:flex;overflow-y:auto}.pos-main-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.pos-main-title{align-items:center;gap:12px;display:flex}.pos-title-icon{background:var(--ms-primary);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.pos-title-icon svg{width:19px;height:19px}.pos-main-title h1{color:var(--ms-text-main);margin:0;font-size:17px;font-weight:700}.pos-main-title p{color:var(--ms-text-sub);margin:1px 0 0;font-size:12.5px}.pos-main-header__right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pos-items-pill{background:var(--ms-primary);color:#fff;white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.pos-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:filter .15s,transform 50ms;display:inline-flex}.pos-btn:active{transform:scale(.98)}.pos-btn-ghost{border:1px solid var(--ms-border);color:var(--ms-text-main);background:#fff}.pos-btn-ghost:hover{background:#f7f7fb}.pos-btn-primary{background:var(--ms-primary);color:#fff}.pos-btn-primary:hover{filter:brightness(1.08)}.pos-take-return-btn{background:var(--ms-danger);color:#fff}.pos-take-return-btn:hover{filter:brightness(1.08)}.pos-search-row{gap:10px;margin-bottom:14px;display:flex}.pos-search-box{flex:1;position:relative}.pos-search-box svg{color:#a0a4b0;width:15px;height:15px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.pos-search-box input{border:1px solid var(--ms-border);box-sizing:border-box;background:#fff;border-radius:9px;outline:none;width:100%;padding:11px 14px 11px 36px;font-size:13.5px}.pos-search-box input:focus{border-color:var(--ms-primary)}.pos-category-tabs{gap:8px;margin-bottom:18px;padding-bottom:2px;display:flex;overflow-x:auto}.pos-category-tabs::-webkit-scrollbar{height:5px}.pos-category-tabs::-webkit-scrollbar-thumb{background:#e0e2ee;border-radius:4px}.pos-cat-pill{border:1px solid var(--ms-border);color:var(--ms-text-sub);cursor:pointer;white-space:nowrap;background:#fff;border-radius:20px;flex-shrink:0;padding:8px 18px;font-size:12.5px;font-weight:700;transition:background .12s,color .12s,border-color .12s}.pos-cat-pill:hover{background:#f4f5fb}.pos-cat-pill.active{background:var(--ms-primary);color:#fff;border-color:var(--ms-primary)}.pos-products-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pos-products-header h3{letter-spacing:.04em;color:#8b90a0;margin:0;font-size:12px;font-weight:700}.pos-products-header span{color:var(--ms-text-sub);font-size:12px}.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(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.pos-product-card{border:1px solid var(--ms-border);cursor:pointer;background:#fff;border-radius:12px;padding:16px;transition:box-shadow .15s,border-color .15s;position:relative}.pos-product-card:hover{border-color:#d6d9f5;box-shadow:0 4px 14px #1e1e3c0f}.pos-product-card--out{opacity:.55;pointer-events:none}.pos-product-name{color:var(--ms-text-main);margin-bottom:6px;font-size:14.5px;font-weight:700}.pos-product-price{color:var(--ms-primary);margin-bottom:4px;font-size:15px;font-weight:700}.pos-product-sku{color:#9aa0ab;margin-bottom:14px;font-size:11px}.pos-product-meta{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pos-cat-tag{color:#8b90a0;font-size:11px}.pos-stock-tag{border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700}.stock-low{background:var(--ms-amber-bg);color:var(--ms-amber-text)}.stock-ok{background:var(--ms-green-bg);color:var(--ms-green-text)}.pos-add-btn{background:var(--ms-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;line-height:1;display:flex;position:absolute;top:14px;right:14px}.pos-add-btn:hover{filter:brightness(1.1)}.pos-add-btn:disabled{opacity:.4;cursor:not-allowed}.pos-customize-btn{width:100%;color:var(--ms-primary);cursor:pointer;background:#fff;border:1px dashed #c7cbf7;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12.5px;font-weight:600;display:flex}.pos-customize-btn:hover{background:var(--ms-primary-light)}.pos-customize-btn:disabled{opacity:.4;cursor:not-allowed}.pos-panel{border-left:1px solid var(--ms-border);background:#fff;flex-direction:column;height:100vh;padding:0;display:flex;position:sticky;top:0;overflow:hidden}.pos-panel-scroll{flex:1;min-height:0;padding:18px 18px 8px;overflow-y:auto}.pos-panel-scroll::-webkit-scrollbar{width:5px}.pos-panel-scroll::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.pos-panel-scroll::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:10px}.pos-panel-scroll::-webkit-scrollbar-thumb:hover{background:#818cf8}.pos-panel-scroll{scrollbar-width:thin;scrollbar-color:#c7d2fe #f3f4f6}.pos-panel-bottom{border-top:1px solid var(--ms-border);background:#fff;flex-shrink:0;padding:14px 18px 18px}.pos-panel-section-title{letter-spacing:.04em;color:#8b90a0;align-items:center;gap:6px;margin-bottom:10px;font-size:11.5px;font-weight:700;display:flex}.pos-panel-section-title svg{width:14px;height:14px}.pos-selected-customer{border:1px solid var(--ms-primary);background:var(--ms-primary-light);border-radius:9px;align-items:center;gap:10px;margin:12px 0 16px;padding:10px 12px;display:flex}.pos-selected-customer.pos-walkin{background:#f9fafb;border:1px dashed #c7cad4}.pos-cust-avatar{background:var(--ms-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.pos-cust-avatar.walkin{color:#fff;background:#c7cad4;font-size:15px}.pos-cust-info{flex:1;min-width:0}.pos-cust-info strong{color:var(--ms-text-main);font-size:13px;display:block}.pos-cust-sub{color:var(--ms-text-sub);font-size:11px}.pos-cust-outstanding{text-align:right;color:var(--ms-text-sub);flex-shrink:0;font-size:10.5px}.pos-cust-outstanding b{color:var(--ms-green-text);font-size:12.5px;display:block}.pos-cust-close-x{color:#b3b7c2;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px;font-size:15px}.pos-cust-close-x:hover{color:var(--ms-danger)}.pos-sale-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pos-cart-items-badge{background:var(--ms-primary);color:#fff;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.pos-cart-empty{color:var(--ms-text-sub);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 0;display:flex}.pos-cart-empty__icon-circle{background:var(--ms-primary-light);width:52px;height:52px;color:var(--ms-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.pos-cart-empty__text{color:var(--ms-text-main);margin:2px 0;font-size:13.5px;font-weight:600}.pos-cart-empty__hint{color:var(--ms-text-sub);font-size:12px}.pos-cart-list{flex-direction:column;gap:0;margin-bottom:6px;display:flex}.pos-cart-item{border-bottom:1px solid #f1f2f7;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:14px;display:flex}.pos-cart-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.pos-ci-info{cursor:pointer;border-radius:6px;flex-shrink:1;min-width:0;margin:-2px -4px;padding:2px 4px;transition:background .12s;overflow:hidden}.pos-ci-info:hover{background:var(--ms-primary-light)}.pos-ci-info:hover strong{color:var(--ms-primary)}.pos-ci-info strong{color:var(--ms-text-main);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;display:block;overflow:hidden}.pos-ci-info span{color:var(--ms-text-sub);font-size:11.5px}.pos-ci-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.pos-qty-stepper{border:1px solid var(--ms-border);border-radius:7px;align-items:center;gap:8px;padding:3px 6px;display:flex}.pos-qty-stepper button{cursor:pointer;width:20px;height:20px;color:var(--ms-text-main);background:#f2f3f8;border:none;border-radius:5px;justify-content:center;align-items:center;font-size:13px;display:flex}.pos-qty-stepper button:hover{background:#e6e7f5}.pos-qty-val{text-align:center;min-width:14px;font-size:13px;font-weight:600}.pos-ci-price{white-space:nowrap;color:var(--ms-text-main);font-size:13.5px;font-weight:700}.pos-ci-remove{color:var(--ms-danger);cursor:pointer;background:#fdecec;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex}.pos-ci-remove:hover{background:#fbd6d6}.pos-returns-label{color:#8b90a0;letter-spacing:.04em;margin:16px 0 8px;font-size:11px;font-weight:700}.pos-returns-block{flex-direction:column;gap:10px;display:flex}.pos-return-row{background:#fef2f2;border:1px solid #fecaca;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.pos-ri-info strong{color:#7f1d1d;font-size:12.5px;display:block}.pos-ri-tag{color:var(--ms-danger);align-items:center;gap:3px;margin-top:3px;font-size:10px;font-weight:700;display:inline-flex}.pos-ri-meta{color:#b3676a;margin-top:1px;font-size:11px}.pos-ri-total{color:var(--ms-danger);white-space:nowrap;font-size:13px;font-weight:800}.pos-subtotal-row{color:var(--ms-text-sub);justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.pos-returns-row-summary span:last-child{color:var(--ms-danger);font-weight:700}.pos-total-row{background:var(--ms-primary-light);border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:12px 14px;display:flex}.pos-total-row span{color:var(--ms-text-main);font-size:12.5px;font-weight:600}.pos-total-row b{color:var(--ms-primary);font-size:18px}.pos-paid-row{color:var(--ms-green-text);justify-content:space-between;margin:8px 2px 4px;font-size:13px;font-weight:600;display:flex}.pos-take-payment-btn{background:var(--ms-primary);color:#fff;cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:14px;padding:13px;font-size:13.5px;font-weight:700;display:flex}.pos-take-payment-btn svg{width:16px;height:16px}.pos-take-payment-btn:hover{filter:brightness(1.08)}.pos-take-payment-btn:disabled{cursor:not-allowed;filter:none;background:#c7cad4}.pos-complete-btn{background:var(--ms-cash);color:#fff;cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:10px;padding:12px;font-size:13.5px;font-weight:700;display:flex}.pos-complete-btn:hover{filter:brightness(1.07)}.pos-complete-btn:disabled{opacity:.6;cursor:not-allowed}.pos-overlay{z-index:100;background:#14142373;justify-content:center;align-items:center;padding:20px;animation:.2s pos-fadeIn;display:flex;position:fixed;inset:0}@keyframes pos-fadeIn{0%{opacity:0}to{opacity:1}}.pos-modal{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:440px;max-height:90vh;animation:.15s pos-pop;display:flex;overflow:hidden;box-shadow:0 20px 60px #0a0a1e40}@keyframes pos-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.pos-modal-head{background:var(--ms-primary);color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pos-modal-head h2{align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.pos-modal-head>button{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:flex}.pos-modal-head>button:hover{background:#ffffff4d}.pos-modal-body{flex:1;min-height:0;padding:20px;overflow-y:auto}.pos-modal-foot{border-top:1px solid var(--ms-border);flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.pos-modal-foot .pos-btn-ghost,.pos-modal-foot .pos-btn-primary{flex:1;justify-content:center}.pos-stock-line{background:#f7f7fb;border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:10px 14px;display:flex}.pos-stock-badge-modal{background:var(--ms-amber-bg);color:var(--ms-amber-text);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.pos-default-price{color:var(--ms-text-sub);font-size:12.5px}.pos-field-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.pos-field{flex-direction:column;gap:0;margin-bottom:16px;display:flex}.pos-field label{color:#8b90a0;letter-spacing:.03em;margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}.pos-field input:not(.sd-combobox__input),.pos-field select{border:1px solid var(--ms-border);box-sizing:border-box;color:#111827;background:#f9fafb;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px}.pos-field input:not(.sd-combobox__input):focus,.pos-field select:focus{border-color:var(--ms-primary);background:#fff}.pos-modal-sd-compact .sd-combobox{border-radius:7px;min-height:36px;padding:0 .65rem}.pos-modal-sd-compact .sd-combobox__input{padding:.3rem 0;font-size:13px}.pos-modal-sd-compact .sd-combobox--open,.pos-modal-sd-compact .sd-combobox:focus-within{box-shadow:0 0 0 2.5px #0613cc1a}.pos-modal-total{background:var(--ms-primary-light);border-radius:9px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.pos-modal-total span{font-size:12.5px;font-weight:600}.pos-modal-total b{color:var(--ms-primary);font-size:18px}.pos-pay-summary{background:#f7f7fb;border-radius:9px;margin-bottom:16px;padding:12px 14px}.pos-pay-summary-row{justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.pos-pay-net b{font-size:14px}.pos-pay-remaining b{color:var(--ms-danger)}.pos-pay-remaining.zero b,.pos-pay-paid b{color:var(--ms-green-text)}.pos-tabs{background:#f2f3f8;border-radius:9px;grid-template-columns:1fr 1fr 1fr;margin-bottom:16px;padding:4px;display:grid}.pos-tab{text-align:center;color:var(--ms-text-sub);cursor:pointer;border-radius:7px;padding:9px 4px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.pos-tab.active{color:var(--ms-primary);background:#fff;box-shadow:0 1px 4px #1414281a}.pos-amount-label{color:#8b90a0;letter-spacing:.03em;margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}.pos-amount-row{align-items:flex-end;gap:10px;margin-bottom:18px;display:flex}.pos-amount-row .pos-btn-primary{white-space:nowrap;padding:10px 18px}.pos-cheque-fields{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.pos-recorded-payments-label{color:#8b90a0;letter-spacing:.03em;margin-bottom:6px;font-size:11.5px;font-weight:700}.pos-payments-table{border-collapse:collapse;width:100%;margin-bottom:4px}.pos-payments-table th{text-align:left;color:#8b90a0;text-transform:uppercase;letter-spacing:.03em;padding:0 4px 8px;font-size:10.5px;font-weight:700}.pos-payments-table td{vertical-align:middle;border-top:1px solid #f0f1f5;padding:8px 4px;font-size:13px}.pos-pill{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.pos-pill-cash{background:var(--ms-green-bg);color:var(--ms-green-text)}.pos-pill-cheque{color:var(--ms-primary);background:#e5e6fb}.pos-pill-credit{background:var(--ms-amber-bg);color:var(--ms-amber-text)}.pos-row-remove{color:var(--ms-danger);cursor:pointer;background:#fdecec;border:none;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex}.pos-row-remove:hover{background:#fbd6d6}.pos-no-payments{color:var(--ms-text-sub);text-align:center;padding:14px 4px;font-size:13px}.pos-return-head{gap:10px;padding:16px 18px;background:linear-gradient(135deg,#fecaca,#f87171)!important}.pos-return-back{cursor:default;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;align-items:center;gap:6px;min-width:0;padding:2px;font-size:14.5px;font-weight:800;display:flex;overflow:hidden;color:#7f1d1d!important;background:0 0!important;border:none!important;border-radius:0!important;width:auto!important;height:auto!important}.pos-return-tabs{background:#ffffff80;border-radius:20px;flex-shrink:0;gap:2px;padding:3px;display:flex}.pos-return-tab{color:#7f1d1d;cursor:pointer;white-space:nowrap;opacity:.7;background:0 0;border:none;border-radius:16px;width:auto;height:auto;padding:8px 14px;font-size:12px;font-weight:700}.pos-return-tab:hover{opacity:.9;background:0 0}.pos-return-tab.active{background:var(--ms-danger);color:#fff;opacity:1;box-shadow:0 2px 8px #c5303059}.pos-btn-add-return{border:1.5px solid var(--ms-danger);color:var(--ms-danger);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;justify-content:center;align-items:center;height:41px;padding:0 18px;font-size:12.5px;font-weight:700;display:flex}.pos-btn-add-return:hover{background:#fdecec}.pos-btn-add-return:disabled{opacity:.45;cursor:not-allowed}.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__spinner{border:3px solid #e5e7eb;border-top-color:var(--ms-primary);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite pos-spin}@keyframes pos-spin{to{transform:rotate(360deg)}}.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}@media (width<=980px){.pos-panel{border-left:none;border-top:1px solid var(--ms-border);height:auto;position:relative}.pos-panel-scroll{max-height:400px}}.pos-confirm-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);background:#060b4d73;justify-content:center;align-items:center;padding:20px;animation:.3s forwards pos-confirm-fade-in;display:flex;position:fixed;inset:0}@keyframes pos-confirm-fade-in{0%{opacity:0}to{opacity:1}}.pos-confirm-card{text-align:center;background:#fff;border:1px solid #c8cbf0;border-radius:16px;width:100%;max-width:360px;padding:32px 28px 24px;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards pos-confirm-pop-in;box-shadow:0 12px 40px #060b4d2e,0 2px 8px #060b4d14}@keyframes pos-confirm-pop-in{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.pos-confirm-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}.pos-confirm-icon-wrap svg{stroke:#ef4444;width:20px;height:20px}.pos-confirm-title{color:#060b4d;letter-spacing:-.2px;margin:0 0 6px;font-family:Outfit,sans-serif;font-size:17px;font-weight:700}.pos-confirm-text{color:#4a4d99;margin:0 0 24px;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:500;line-height:1.5}.pos-confirm-actions{gap:10px;display:flex}.pos-confirm-btn{letter-spacing:-.1px;cursor:pointer;border:1px solid #0000;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:44px;padding:11px 16px;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.pos-confirm-btn:active{transform:scale(.97)}.pos-confirm-btn--cancel{color:#0e1466;background:#f0f1ff;border-color:#b8bcf5}.pos-confirm-btn--cancel:hover{background:#d8dbff;border-color:#8a8dc9}.pos-confirm-btn--confirm{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 2px 8px #ef44444d}.pos-confirm-btn--confirm:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #ef444466}@media (width<=400px){.pos-confirm-card{padding:24px 20px 20px}}.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}