@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Lora:wght@600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Lora:wght@600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Lora:wght@600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--p:#0613cc;--p-dk:#040e99;--p-md:#0a1fe0;--p-lt:#4d6bff;--p-xl:#e8eaff;--p-xxl:#f0f1ff;--ink:#060b4d;--ink2:#0e1466;--ink3:#4a4d99;--ink4:#8a8dc9;--bdr:#c8cbf0;--bg:#f5f5ff;--wh:#fff;--sh:0 2px 16px #0613cc14, 0 1px 4px #0000000a;--sh-lg:0 8px 40px #0613cc1f, 0 2px 8px #0000000d}html{height:-webkit-fill-available}body{min-height:100vh;overscroll-behavior-y:none;min-height:-webkit-fill-available}.lx{-webkit-font-smoothing:antialiased;background:var(--bg);flex-direction:column;width:100%;min-height:100vh;font-family:Outfit,sans-serif;display:flex;position:relative;overflow-x:hidden}.lx-hero{background:var(--p-dk);flex-shrink:0;padding:52px 22px 0;position:relative;overflow:hidden}.lx-hero:before{content:"";pointer-events:none;border:48px solid #ffffff0d;border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-70px}.lx-hero:after{content:"";pointer-events:none;border:28px solid #ffffff0a;border-radius:50%;width:120px;height:120px;position:absolute;bottom:60px;left:-40px}.lx-brand{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.lx-brand-icon{background:#ffffff24;border:1.5px solid #ffffff38;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.lx-brand-name{color:#fff;letter-spacing:-.2px;font-family:Lora,serif;font-size:17px;font-weight:700}.lx-brand-tag{color:#ffffff80;text-transform:uppercase;letter-spacing:.8px;background:#ffffff1a;border:1px solid #ffffff24;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:600}.lx-copy{z-index:1;margin-top:26px;position:relative}.lx-headline{color:#fff;letter-spacing:-.4px;margin-bottom:10px;font-family:Lora,serif;font-size:clamp(24px,7vw,34px);font-weight:700;line-height:1.15}.lx-subline{color:#fff9;max-width:340px;font-size:clamp(13px,3.6vw,14.5px);font-weight:400;line-height:1.65}.lx-live{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:40px;align-items:center;gap:8px;margin-top:18px;margin-bottom:28px;padding:7px 14px;display:inline-flex}.lx-live-dot{background:var(--p-lt);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2.4s ease-in-out infinite lxPulse;box-shadow:0 0 0 3px #4d6bff38}@keyframes lxPulse{0%,to{box-shadow:0 0 0 3px #4d6bff38}50%{box-shadow:0 0 0 8px #4d6bff0f}}.lx-live-txt{color:#fffc;font-size:12px;font-weight:600}.lx-wave-wrap{background:var(--p-dk);flex-shrink:0;line-height:0;position:relative}.lx-wave{width:100%;height:48px;display:block}.lx-body{-webkit-overflow-scrolling:touch;background:var(--bg);flex-direction:column;flex:1;padding:0 16px 36px;display:flex;overflow-y:auto}.lx-card{background:var(--wh);border:1px solid var(--bdr);box-shadow:0 -3px 0 0 #0613cc24 inset, var(--sh-lg);opacity:0;will-change:opacity, transform;border-radius:24px;padding:26px 20px 22px;transition:opacity .42s cubic-bezier(.22,.68,0,1.16),transform .42s cubic-bezier(.22,.68,0,1.16);transform:translateY(22px)}.lx-card.on{opacity:1;transform:translateY(0)}.lx-card-title{color:var(--ink);letter-spacing:-.4px;margin-bottom:4px;font-family:Lora,serif;font-size:clamp(20px,5.5vw,24px);font-weight:700}.lx-card-sub{color:var(--ink3);margin-bottom:22px;font-size:13.5px}.lx-field{margin-bottom:16px}.lx-lbl{color:var(--ink2);text-transform:uppercase;letter-spacing:.6px;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.lx-iw{position:relative}.lx-ico{color:var(--ink4);pointer-events:none;align-items:center;transition:color .2s;display:flex;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.lx-input{border:1.5px solid var(--bdr);background:var(--p-xxl);width:100%;color:var(--ink);appearance:none;border-radius:11px;outline:none;min-height:52px;padding:13px 14px 13px 41px;font-family:Outfit,sans-serif;font-size:clamp(14px,3.8vw,15px);font-weight:500;transition:border-color .2s,box-shadow .2s,background .2s}.lx-input::placeholder{color:var(--ink4);font-weight:400}.lx-input:focus{border-color:var(--p);background:var(--wh);box-shadow:0 0 0 3.5px #0613cc1c}.lx-iw:focus-within .lx-ico{color:var(--p)}.lx-input:disabled{opacity:.5;cursor:not-allowed}.lx-input-pr{padding-right:50px}.lx-eye{cursor:pointer;min-width:44px;min-height:44px;color:var(--ink4);background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;padding:10px;transition:color .15s,background .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.lx-eye:hover{color:var(--p);background:var(--p-xl)}.lx-eye:active{background:var(--bdr)}.lx-eye:disabled{opacity:.4;cursor:not-allowed}.lx-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 22px;display:flex}.lx-rem{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;display:flex}.lx-chk{width:18px;height:18px;accent-color:var(--p);cursor:pointer;flex-shrink:0}.lx-rem-txt{color:var(--ink2);font-size:clamp(13px,3.6vw,14px);font-weight:500}.lx-forgot{color:var(--p);font-size:clamp(13px,3.6vw,14px);font-weight:700;text-decoration:none;transition:color .15s}.lx-forgot:hover{color:var(--p-dk);text-decoration:underline}.lx-btn{cursor:pointer;background:var(--p);color:#fff;letter-spacing:.1px;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:54px;padding:15px 20px;font-family:Outfit,sans-serif;font-size:clamp(14.5px,4vw,15.5px);font-weight:700;transition:background .2s,box-shadow .2s,transform .15s;display:flex;box-shadow:0 4px 18px #0613cc47}.lx-btn:hover:not(:disabled){background:var(--p-dk);transform:translateY(-1px);box-shadow:0 6px 26px #0613cc5c}.lx-btn:active:not(:disabled){transform:scale(.975);box-shadow:0 2px 8px #0613cc33}.lx-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.lx-div{align-items:center;gap:12px;margin:20px 0 18px;display:flex}.lx-div-ln{background:var(--bdr);flex:1;height:1px}.lx-div-tx{color:var(--ink4);white-space:nowrap;font-size:12px;font-weight:500}.lx-foot{text-align:center;color:var(--ink4);margin-top:20px;padding-bottom:4px;font-size:12px;font-weight:500}.lx-foot a{color:var(--p);font-weight:700;text-decoration:none}.lx-foot a:hover{text-decoration:underline}.lx-ptr{z-index:300;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.lx-ptr-dot{background:var(--wh);border-radius:50%;padding:10px;box-shadow:0 4px 18px #0613cc29}.lx-ptr-arrow{justify-content:center;align-items:center;transition:transform .15s;display:flex}.lx-ptr-arrow.ready{transform:rotate(180deg)}.lx-ptr-arrow.spinning{animation:.85s linear infinite lxSpin}.lx-spin{flex-shrink:0;animation:.85s linear infinite lxSpin}@keyframes lxSpin{to{transform:rotate(360deg)}}.lx-toasts{z-index:9999;flex-direction:column;gap:9px;width:calc(100% - 28px);max-width:380px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.toast{background:var(--wh);color:var(--ink);opacity:0;visibility:hidden;border-left:4px solid #0000;border-radius:12px;padding:13px 16px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:opacity .26s,transform .26s cubic-bezier(.22,.68,0,1.2),visibility .26s;transform:translateY(12px)scale(.96);box-shadow:0 4px 24px #0000001a}.toast.show{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.toast.error{border-left-color:#ef4444}.toast.info{border-left-color:var(--p)}.toast.success{border-left-color:var(--p-lt)}.toast.warning{border-left-color:#f59e0b}@media (width<=360px){.lx-hero{padding:42px 18px 0}.lx-body{padding:0 14px 30px}.lx-card{border-radius:20px;padding:22px 16px 18px}.lx-btn{min-height:50px}}@media (width>=430px){.lx-hero{padding:54px 28px 0}.lx-body{padding:0 20px 38px}.lx-card{padding:28px 24px 22px}}@media (width>=600px){.lx-hero{padding:58px 40px 0}.lx-body{width:100%;max-width:580px;margin:0 auto;padding:0 28px 44px}.lx-card{border-radius:26px;padding:32px 28px 26px}.lx-toasts{width:auto;max-width:360px;inset:20px 20px auto auto;transform:none}.toast{transform:translate(12px)scale(.96)}.toast.show{transform:translate(0)scale(1)}}@media (width>=768px){.lx-hero{padding:62px 52px 0}.lx-card{padding:36px 34px 30px}.lx-input{min-height:54px;font-size:15px}.lx-btn{min-height:56px;font-size:15.5px}}@media (width>=1024px){.lx{flex-direction:row;height:100vh;overflow:hidden}.lx-hero{flex-direction:column;flex:1;justify-content:space-between;min-height:100vh;padding:56px 60px;display:flex;overflow:hidden}.lx-hero:before{width:340px;height:340px;top:-100px;right:-80px}.lx-hero:after{width:180px;height:180px;bottom:-50px;left:-50px}.lx-copy{margin-top:36px;padding-bottom:0}.lx-headline{font-size:clamp(30px,3vw,48px)}.lx-subline{max-width:380px;font-size:15.5px}.lx-live{margin-bottom:0}.lx-wave-wrap{display:none}.lx-metrics{flex-direction:column;gap:14px;display:flex!important}.lx-body{background:var(--bg);flex-direction:column;flex:0 0 440px;justify-content:center;max-width:440px;min-height:100vh;max-height:100vh;margin:0;padding:0 44px;display:flex;overflow-y:auto}.lx-card{margin-top:0}}@media (width>=1280px){.lx-body{flex:0 0 480px;max-width:480px;padding:0 52px}.lx-hero{padding:60px 72px}}@media (width>=1440px){.lx-body{flex:0 0 520px;max-width:520px;padding:0 60px}.lx-hero{padding:68px 88px}.lx-card{padding:42px 38px 36px}.lx-headline{font-size:52px}}.lx-metrics{display:none}.lx-mc{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:16px;padding:18px 22px}.lx-mc-row{gap:12px;display:flex}.lx-mc-mini{background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;flex:1;padding:14px 16px}.lx-mc-lbl{text-transform:uppercase;letter-spacing:.8px;color:#ffffff7a;margin-bottom:6px;font-size:10.5px;font-weight:600}.lx-mc-val{color:#fff;letter-spacing:-.3px;font-family:Lora,serif;font-size:26px;font-weight:700}.lx-mc-mini .lx-mc-val{font-size:22px}.lx-mc-chg{color:var(--p-lt);margin-top:4px;font-size:12px;font-weight:600}.lx-bars{align-items:flex-end;gap:4px;height:28px;margin-top:12px;display:flex}.lx-bar{background:#ffffff38;border-radius:3px;flex:1;transition:height .5s cubic-bezier(.22,.68,0,1.2)}.db{-webkit-overflow-scrolling:touch;background-color:#f9fafb;min-height:100vh;overflow-y:auto}.db-toasts{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.db-toasts .toast{pointer-events:auto;color:#fff;opacity:0;border-radius:10px;padding:10px 22px;font-size:13px;font-weight:500;transition:opacity .25s,transform .25s;transform:translateY(-12px);box-shadow:0 4px 14px #0000002e}.db-toasts .toast.show{opacity:1;transform:translateY(0)}.db-toasts .toast.error{background:#ef4444}.db-toasts .toast.success{background:#22c55e}.db-toasts .toast.info{background:#3b82f6}.db-toasts .toast.warning{background:#f59e0b}.db-main{max-width:1280px;margin:0 auto;padding:24px 16px}@media (width>=640px){.db-main{padding:32px 24px}}@media (width>=1024px){.db-main{padding:32px}}.db-greeting{margin-bottom:24px}@media (width>=640px){.db-greeting{margin-bottom:32px}}.db-greeting__title{color:#111827;margin:0;font-size:1.5rem;font-weight:700}@media (width>=640px){.db-greeting__title{font-size:1.875rem}}.db-greeting__date{color:#6b7280;margin-top:4px;font-size:.875rem}@media (width>=640px){.db-greeting__date{font-size:1rem}}.db-section{background:linear-gradient(135deg,#0613cc,#0613cc);border-radius:16px;margin-bottom:24px;padding:20px;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}@media (width>=640px){.db-section{padding:24px}}.db-section__title{color:#fff;align-items:center;gap:8px;margin:0 0 16px;font-size:1.125rem;font-weight:600;display:flex}.db-section__title-icon{color:#ffffffe6;flex-shrink:0;width:20px;height:20px}.db-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width>=640px){.db-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.db-stats-grid--overview{grid-template-columns:repeat(6,1fr)}}.db-stats-grid--progress{grid-template-columns:repeat(1,1fr)}@media (width>=640px){.db-stats-grid--progress{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.db-stats-grid--progress{grid-template-columns:repeat(4,1fr)}}.db-stat{border-style:solid;border-width:1px;border-radius:12px;padding:16px}.db-stat--progress{padding:20px}.db-stat--blue{background:linear-gradient(to bottom right,#eff6ff,#dbeafe);border-color:#bfdbfe}.db-stat--purple{background:linear-gradient(to bottom right,#faf5ff,#f3e8ff);border-color:#e9d5ff}.db-stat--green{background:linear-gradient(to bottom right,#f0fdf4,#dcfce7);border-color:#bbf7d0}.db-stat--yellow{background:linear-gradient(to bottom right,#fefce8,#fef9c3);border-color:#fde68a}.db-stat--orange{background:linear-gradient(to bottom right,#fff7ed,#ffedd5);border-color:#fed7aa}.db-stat--teal{background:linear-gradient(to bottom right,#f0fdfa,#ccfbf1);border-color:#99f6e4}.db-stat--indigo{background:linear-gradient(to bottom right,#eef2ff,#e0e7ff);border-color:#c7d2fe}.db-stat__label{text-transform:uppercase;margin-bottom:4px;font-size:.75rem;font-weight:500}.db-stat__label--progress{margin-bottom:8px;font-size:.875rem}.db-stat--blue .db-stat__label{color:#1d4ed8}.db-stat--purple .db-stat__label{color:#7e22ce}.db-stat--green .db-stat__label{color:#15803d}.db-stat--yellow .db-stat__label{color:#a16207}.db-stat--orange .db-stat__label{color:#c2410c}.db-stat--teal .db-stat__label{color:#0f766e}.db-stat--indigo .db-stat__label{color:#4338ca}.db-stat__value{margin:0;font-size:1.125rem;font-weight:700}@media (width>=640px){.db-stat__value{font-size:1.25rem}}.db-stat__value--progress{margin-bottom:4px;font-size:1.5rem}.db-stat--blue .db-stat__value{color:#1e3a5f}.db-stat--purple .db-stat__value{color:#581c87}.db-stat--green .db-stat__value{color:#14532d}.db-stat--yellow .db-stat__value{color:#713f12}.db-stat--orange .db-stat__value{color:#7c2d12}.db-stat--teal .db-stat__value{color:#134e4a}.db-stat--indigo .db-stat__value{color:#312e81}.db-stat__sub{margin-top:2px;font-size:.75rem}.db-stat--blue .db-stat__sub{color:#2563eb}.db-stat--purple .db-stat__sub{color:#7c3aed}.db-stat--green .db-stat__sub{color:#16a34a}.db-stat--yellow .db-stat__sub{color:#ca8a04}.db-stat--orange .db-stat__sub{color:#ea580c}.db-stat--teal .db-stat__sub{color:#0d9488}.db-stat--indigo .db-stat__sub{color:#4f46e5}.db-shift-grid{grid-template-columns:1fr;gap:16px;margin-bottom:20px;display:grid}@media (width>=640px){.db-shift-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.db-shift-grid{grid-template-columns:repeat(3,1fr)}}.db-shift-label{color:#ffffffe6;text-transform:uppercase;margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.db-shift-select,.db-shift-input{color:#111827;box-sizing:border-box;background:#fffffff2;border:2px solid #ffffff4d;border-radius:8px;outline:none;width:100%;padding:10px 16px;font-size:.875rem;transition:all .2s}.db-shift-select:focus,.db-shift-input:focus{border-color:#0000;box-shadow:0 0 0 2px #fff}.db-shift-select:disabled,.db-shift-input:disabled{opacity:.6;cursor:not-allowed}.db-shift-input--readonly{color:#6b7280;cursor:not-allowed;background:#ffffffb3}.db-shift-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 32px;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 10px 15px -3px #0000001a}@media (width>=640px){.db-shift-btn{width:auto}}.db-shift-btn:hover{transform:scale(1.05)}.db-shift-btn:active{transform:scale(.95)}.db-shift-btn--start{color:#16a34a;background:#fff}.db-shift-btn--start:hover{background:#f0fdf4}.db-shift-btn--end{color:#dc2626;background:#fff}.db-shift-btn--end:hover{background:#fef2f2}.db-make-sale{cursor:pointer;border:none;border-radius:12px;width:100%;margin-bottom:24px;padding:16px 24px;font-size:1.125rem;font-weight:700;transition:all .2s;box-shadow:0 10px 15px -3px #0000001a}.db-make-sale--active{color:#fff;background:linear-gradient(135deg,#0613cc,#0613cc)}.db-make-sale--active:hover{transform:scale(1.02)}.db-make-sale--active:active{transform:scale(.95)}.db-make-sale--locked{color:#fff;cursor:not-allowed;background:#9ca3af}.db-make-sale__inner{justify-content:center;align-items:center;gap:12px;display:flex}.db-make-sale__icon{flex-shrink:0;width:24px;height:24px}.db-progress-header{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}@media (width>=640px){.db-progress-header{flex-direction:row;justify-content:space-between;align-items:center}}.db-date-controls{align-items:center;gap:8px;display:flex}.db-date-input{color:#111827;background:#fffffff2;border:2px solid #ffffff4d;border-radius:8px;outline:none;padding:8px 12px;font-size:.875rem}.db-date-input:focus{box-shadow:0 0 0 2px #fff}.db-date-input:disabled{opacity:.6}.db-today-btn{color:#1565ff;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:background .2s}.db-today-btn:hover{background:#ffffffe6}.db-today-btn:disabled{opacity:.6;cursor:not-allowed}.db-loader{justify-content:center;align-items:center;padding:48px 0;display:flex}.db-loader__spinner{border:2px solid #0000;border-bottom-color:#fff;border-radius:50%;width:40px;height:40px;animation:.7s linear infinite db-spin}@keyframes db-spin{to{transform:rotate(360deg)}}.db-skeleton{background:#f9fafb;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.db-skeleton__spinner{border:3px solid #e5e7eb;border-top-color:#0613cc;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite db-spin}.db-skeleton__text{color:#6b7280;font-size:.875rem}.db-ptr{z-index:50;justify-content:center;align-items:center;transition:all .2s;display:flex;position:fixed;top:0;left:0;right:0}.db-ptr__dot{background:#fff;border-radius:50%;padding:8px;box-shadow:0 10px 15px -3px #0000001a}.db-ptr__dot svg{color:#2563eb;width:20px;height:20px}.db-ptr__dot--spinning svg{animation:.7s linear infinite db-spin}.db-shift-badge{border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-flex}@media (width>=640px){.db-shift-badge{font-size:.875rem}}.db-shift-badge--on{color:#14532d;background:#4ade80}.db-shift-badge--off{color:#fff;background:#fff3}.st-root{--st-primary:#0613cc;--st-primary-dark:#040e99;--st-primary-light:#0613cc1f;--st-primary-mid:#0613ccbf;--st-surface:#f5f5ff;--st-surface-card:#f0f1ff;--st-white:#fff;--st-border:#c8cbf0;--st-border-info:#b8bcf5;--st-text-dark:#060b4d;--st-text-base:#0e1466;--st-text-muted:#4a4d99;--st-text-disabled:#8a8dc9;--st-text-green:#0f6652;--st-status-connected-bg:#4d6bff33;--st-status-connected-bdr:#4d6bff59;--st-status-connected-txt:#4d6bff;--st-status-connecting-bg:#facc1533;--st-status-connecting-bdr:#fde04759;--st-status-connecting-txt:#fef08a;--st-status-idle-bg:#ffffff1a;--st-status-idle-bdr:#fff3;--st-status-idle-txt:#fff9;--st-radius-lg:16px;--st-radius-md:12px;--st-radius-sm:10px;--st-radius-xs:8px;--st-shadow-card:0 2px 8px #060b4d0f;--st-shadow-btn:0 2px 10px #0613cc47;--st-shadow-btn-hv:0 4px 16px #0613cc57;--st-shadow-icon:0 1px 6px #0613cc38;-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif}.st-serif{font-family:Lora,serif}.st-root{background-color:var(--st-surface);min-height:100%}.st-in{opacity:0;animation:.38s cubic-bezier(.22,.68,0,1.16) forwards stUp;transform:translateY(14px)}.st-in:first-child{animation-delay:40ms}.st-in:nth-child(2){animation-delay:90ms}.st-in:nth-child(3){animation-delay:.14s}@keyframes stUp{to{opacity:1;transform:translateY(0)}}.st-spinner-anim{animation:.75s linear infinite stSpin}@keyframes stSpin{to{transform:rotate(360deg)}}.st-pulse{animation:1.4s ease-in-out infinite stPulse}@keyframes stPulse{0%,to{opacity:1}50%{opacity:.4}}.st-main{max-width:896px;margin:0 auto;padding:24px 16px}@media (width>=640px){.st-main{padding:32px 24px}}@media (width>=1024px){.st-main{padding:40px 24px}}.st-title-block{margin-bottom:24px}@media (width>=640px){.st-title-block{margin-bottom:32px}}.st-title{color:var(--st-text-dark);letter-spacing:-.4px;margin:0;font-size:1.375rem;font-weight:700}@media (width>=640px){.st-title{font-size:1.625rem}}.st-subtitle{color:var(--st-text-muted);margin:4px 0 0;font-size:.8125rem;font-weight:500}.st-cards{flex-direction:column;gap:16px;display:flex}.st-card{background:var(--st-white);border-radius:var(--st-radius-lg);border:1px solid var(--st-border);box-shadow:var(--st-shadow-card);overflow:hidden}.st-card__header{background:var(--st-primary);border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:14px 20px;display:flex}.st-card__icon-wrap{border-radius:var(--st-radius-xs);background:#ffffff26;border:1px solid #fff3;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.st-card__title{color:#fff;letter-spacing:-.15px;flex:1;font-size:.875rem;font-weight:700}.st-status-badge{border-style:solid;border-width:1px;border-radius:9999px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:.6875rem;font-weight:700;transition:background-color .2s,border-color .2s,color .2s;display:flex}.st-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.st-status-badge--connected{background:var(--st-status-connected-bg);border-color:var(--st-status-connected-bdr);color:var(--st-status-connected-txt)}.st-status-badge--connected .st-status-dot{background:var(--st-status-connected-txt)}.st-status-badge--connecting{background:var(--st-status-connecting-bg);border-color:var(--st-status-connecting-bdr);color:var(--st-status-connecting-txt)}.st-status-badge--connecting .st-status-dot{background:var(--st-status-connecting-txt)}.st-status-badge--idle{background:var(--st-status-idle-bg);border-color:var(--st-status-idle-bdr);color:var(--st-status-idle-txt)}.st-status-badge--idle .st-status-dot{background:#ffffff59}.st-card__body{padding:20px}.st-info-banner{border-radius:var(--st-radius-sm);background:var(--st-surface-card);border:1px solid var(--st-border-info);align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px;display:flex}.st-info-banner__icon-wrap{border-radius:var(--st-radius-xs);background:#0613cc1f;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;display:flex}.st-info-banner__text{color:var(--st-text-base);margin:0;font-size:.84375rem;font-weight:500;line-height:1.55}.st-btn-group{flex-wrap:wrap;gap:12px;display:flex}.st-btn{border-radius:var(--st-radius-sm);cursor:pointer;white-space:nowrap;border-style:solid;border-width:1px;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:.84375rem;font-weight:600;line-height:1;transition:background-color .2s,box-shadow .2s,transform .15s;display:inline-flex}.st-btn:focus-visible{outline-offset:2px;outline:3px solid #0613cc73}.st-btn--primary{background:var(--st-primary);color:#fff;box-shadow:var(--st-shadow-btn);border-color:#0000}.st-btn--primary:hover:not(:disabled){background:var(--st-primary-dark);box-shadow:var(--st-shadow-btn-hv);transform:translateY(-1px)}.st-btn--primary:active:not(:disabled){transform:scale(.98)}.st-btn--primary-linked{background:var(--st-surface-card);border-color:var(--st-border-info);color:var(--st-primary);cursor:not-allowed}.st-btn--primary-connecting{background:var(--st-primary-mid);color:#fff;cursor:not-allowed;border-color:#0000}.st-btn--secondary{background:var(--st-white);border-color:var(--st-border);color:var(--st-text-base);box-shadow:0 1px 4px #060b4d0f}.st-btn--secondary:hover:not(:disabled){background:var(--st-surface);border-color:var(--st-border-info);transform:translateY(-1px)}.st-btn--secondary:active:not(:disabled){transform:scale(.98)}.st-btn--secondary-disabled{background:var(--st-surface);border-color:var(--st-border);color:var(--st-text-disabled);cursor:not-allowed}.st-about-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=640px){.st-about-grid{grid-template-columns:repeat(2,1fr)}}.st-about-tile{border-radius:var(--st-radius-sm);background:var(--st-surface);border:1px solid var(--st-border);align-items:center;gap:12px;padding:14px 16px;display:flex}.st-about-tile__icon-wrap{border-radius:var(--st-radius-xs);background:var(--st-primary);width:32px;height:32px;box-shadow:var(--st-shadow-icon);flex-shrink:0;justify-content:center;align-items:center;display:flex}.st-about-tile__label{text-transform:uppercase;letter-spacing:.55px;color:var(--st-text-muted);margin:0;font-size:.65625rem;font-weight:700}.st-about-tile__value{color:var(--st-text-dark);margin:2px 0 0;font-size:.875rem;font-weight:700}.st-about-credit{color:var(--st-text-green);text-align:center;margin-top:16px;font-size:.71875rem;font-weight:500}.st-about-credit__link{color:var(--st-text-green);font-weight:700;text-decoration:none}.st-about-credit__link:hover{text-decoration:underline}@media (width<=479px){.st-btn-group{flex-direction:column}.st-btn{justify-content:center;width:100%}}.cust-page{background:#f4f6fb;flex-direction:column;min-height:100%;display:flex}.cust-topbar{z-index:20;background:linear-gradient(135deg,#0613cc 0%,#0a1ee8 100%);padding:0 1.5rem;position:sticky;top:0;box-shadow:0 2px 12px #0613cc40}.cust-topbar__inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1280px;height:68px;margin:0 auto;display:flex}.cust-topbar__left{align-items:center;gap:.75rem;display:flex}.cust-topbar__icon-wrap{color:#fff;background:#ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cust-topbar__title{color:#fff;margin:0;font-size:1.15rem;font-weight:700;line-height:1.2}.cust-topbar__subtitle{color:#ffffffb3;margin:0;font-size:.75rem}.cust-topbar__right{align-items:center;gap:.75rem;display:flex}.cust-route-badge{color:#fff;white-space:nowrap;background:#ffffff2e;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.78rem;font-weight:600;display:none}@media (width>=640px){.cust-route-badge{display:flex}}.cust-route-badge-mobile{color:#0613cc;background:#e8ecff;border:1px solid #c5ceff;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .85rem;font-size:.8rem;font-weight:600;display:flex}@media (width>=640px){.cust-route-badge-mobile{display:none}}.cust-add-btn{color:#0613cc;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:9px;align-items:center;gap:.45rem;padding:.55rem 1.1rem;font-size:.88rem;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;display:flex;box-shadow:0 2px 8px #0000001f}.cust-add-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #0000002e}.cust-add-btn:active:not(:disabled){transform:scale(.97)}.cust-add-btn:disabled{opacity:.55;cursor:not-allowed}.cust-add-btn--empty{color:#fff;background:linear-gradient(135deg,#0613cc,#0a1ee8);margin-top:1rem;box-shadow:0 4px 14px #0613cc4d}.cust-main{box-sizing:border-box;flex:1;width:100%;max-width:1280px;margin:0 auto;padding:1.5rem}.cust-controls{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.cust-search-wrap{flex:1;max-width:480px;position:relative}.cust-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.cust-search-input{color:#111827;box-sizing:border-box;background:#fff;border:2px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:.65rem .65rem .65rem 2.6rem;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.cust-search-input:focus{border-color:#0613cc;box-shadow:0 0 0 3px #0613cc1a}.cust-search-input:disabled{opacity:.6;cursor:not-allowed}.cust-search-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:.2rem;display:flex;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.cust-search-clear:hover{color:#374151}.cust-refresh-btn{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s,border-color .15s;display:flex}.cust-refresh-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.cust-refresh-btn:disabled{opacity:.55;cursor:not-allowed}.cust-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.cust-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.cust-grid{grid-template-columns:repeat(3,1fr)}}.cust-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000012}.cust-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.cust-card__header{background:linear-gradient(135deg,#0613cc,#0a1ee8);justify-content:space-between;align-items:center;padding:.7rem 1rem;display:flex}.cust-card__id{color:#ffffffbf;font-size:.72rem;font-weight:600}.cust-card__body{flex-direction:column;flex:1;gap:.85rem;padding:1rem;display:flex}.cust-card__field-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.35rem;margin-bottom:.3rem;font-size:.72rem;font-weight:600;display:flex}.cust-card__name{color:#111827;margin:0;font-size:.9rem;font-weight:700}.cust-card__shop{color:#6b7280;margin:.2rem 0 0;font-size:.82rem}.cust-card__contact{color:#111827;margin:0;font-size:.88rem;font-weight:600}.cust-card__email{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;margin:.2rem 0 0;font-size:.76rem;overflow:hidden}.cust-card__address{color:#111827;margin:0;font-size:.85rem}.cust-card__province{color:#6b7280;margin:.15rem 0 0;font-size:.76rem}.cust-card__meta{border-top:1px solid #f3f4f6;grid-template-columns:1fr 1fr;gap:.5rem;padding-top:.75rem;display:grid}.cust-card__meta-item{flex-direction:column;gap:.15rem;display:flex}.cust-card__meta-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.cust-card__credit{color:#d97706;font-size:.85rem;font-weight:700}.cust-card__birthday{color:#111827;font-size:.85rem;font-weight:600}.cust-card__footer{gap:.5rem;padding:.75rem 1rem 1rem;display:flex}.cust-card__btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .6rem;font-size:.82rem;font-weight:600;transition:opacity .15s,transform .15s;display:flex}.cust-card__btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.cust-card__btn:active:not(:disabled){transform:scale(.97)}.cust-card__btn:disabled{opacity:.4;cursor:not-allowed}.cust-card__btn--map{color:#fff;background:#1e40af}.cust-card__btn--edit{color:#fff;background:#0613cc}.cust-card--skeleton{pointer-events:none}.cust-card__header--skeleton{background:linear-gradient(90deg,#e2e8ff 25%,#c7d2ff 50%,#e2e8ff 75%) 0 0/200% 100%;height:44px;animation:1.4s infinite cust-shimmer}.cust-skeleton-line{background:linear-gradient(90deg,#f0f1f5 25%,#e4e6ed 50%,#f0f1f5 75%) 0 0/200% 100%;border-radius:6px;height:12px;margin-bottom:.6rem;animation:1.4s infinite cust-shimmer}.cust-skeleton-line--wide{width:85%}.cust-skeleton-line--medium{width:65%}.cust-skeleton-line--narrow{width:45%}@keyframes cust-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cust-badge{letter-spacing:.03em;border-radius:999px;align-items:center;padding:.22rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.cust-badge--active{color:#065f46;background:#d1fae5}.cust-badge--inactive{color:#ef4444;background:#f3f4f6}.cust-pagination{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;margin-top:2rem;padding:1rem 1.25rem;display:flex;box-shadow:0 2px 8px #00000012}@media (width>=640px){.cust-pagination{flex-direction:row;justify-content:space-between}}.cust-pagination__btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0613cc,#0a1ee8);border:none;border-radius:9px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.55rem 1.1rem;font-size:.86rem;font-weight:600;transition:opacity .15s;display:flex}@media (width>=640px){.cust-pagination__btn{width:auto}}.cust-pagination__btn:disabled{opacity:.45;cursor:not-allowed}.cust-pagination__btn:hover:not(:disabled){opacity:.9}.cust-pagination__info{text-align:center}.cust-pagination__pages{color:#111827;font-size:.9rem;font-weight:700;display:block}.cust-pagination__total{color:#6b7280;margin-top:.15rem;font-size:.75rem;display:block}.cust-empty{text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;padding:4rem 1.5rem;display:flex;box-shadow:0 2px 10px #00000012}.cust-empty__icon-wrap{color:#0613cc;background:linear-gradient(135deg,#e8ecff,#d6dcff);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.25rem;display:flex}.cust-empty__title{color:#111827;margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.cust-empty__text{color:#6b7280;max-width:340px;margin:0;font-size:.9rem}.cust-toast-container{z-index:9999;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.cust-toast{color:#fff;opacity:0;border-radius:10px;max-width:340px;padding:.75rem 1.2rem;font-size:.88rem;font-weight:600;transition:transform .3s,opacity .3s;transform:translate(120%);box-shadow:0 4px 16px #0003}.cust-toast--show{opacity:1;transform:translate(0)}.cust-toast--success{background:#059669}.cust-toast--error{background:#dc2626}.cust-toast--info{background:#0613cc}.cust-spin{animation:.8s linear infinite cust-spin-kf;display:inline-block}@keyframes cust-spin-kf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cm-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;justify-content:center;align-items:flex-start;padding:0;display:flex;position:fixed;inset:0;overflow-y:auto}@media (width>=640px){.cm-overlay{align-items:center;padding:1.5rem}}.cm-panel{background:#fff;flex-direction:column;width:100%;min-height:100vh;max-height:100vh;display:flex;overflow:hidden}@media (width>=640px){.cm-panel{border-radius:18px;max-width:760px;min-height:0;max-height:90vh;box-shadow:0 20px 60px #00000040}}.cm-header{z-index:10;background:linear-gradient(135deg,#0613cc,#0a1ee8);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;display:flex;position:sticky;top:0}@media (width>=640px){.cm-header{border-radius:18px 18px 0 0}}.cm-header__info{flex:1;min-width:0;padding-right:1rem}.cm-header__title{color:#fff;margin:0;font-size:1.1rem;font-weight:700}.cm-header__subtitle{color:#ffffffbf;margin:.2rem 0 0;font-size:.78rem}.cm-header__close{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.cm-header__close:hover:not(:disabled){background:#ffffff47}.cm-header__close:disabled{opacity:.5;cursor:not-allowed}.cm-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.cm-scroll{flex-direction:column;flex:1;gap:1.25rem;padding:1.25rem;display:flex;overflow-y:auto}.cm-grid{gap:1rem;display:grid}.cm-grid--2col{grid-template-columns:1fr}@media (width>=500px){.cm-grid--2col{grid-template-columns:1fr 1fr}}.cm-grid--3col{grid-template-columns:1fr}@media (width>=500px){.cm-grid--3col{grid-template-columns:1fr 1fr}}@media (width>=768px){.cm-grid--3col{grid-template-columns:1fr 1fr 1fr}}.cm-section__title{color:#374151;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.82rem;font-weight:700}.cm-field{flex-direction:column;gap:.3rem;display:flex}.cm-label{color:#374151;font-size:.84rem;font-weight:600}.cm-label--sm{font-size:.76rem}.cm-required{color:#dc2626}.cm-input{color:#111827;box-sizing:border-box;background:#f9fafb;border:1.5px solid #d1d5db;border-radius:9px;outline:none;width:100%;padding:.6rem .85rem;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.cm-input:focus{background:#fff;border-color:#0613cc;box-shadow:0 0 0 3px #0613cc1a}.cm-input:disabled{opacity:.55;cursor:not-allowed}.cm-input--readonly{color:#6b7280;cursor:not-allowed;background:#f3f4f6}.cm-location-row{flex-direction:column;gap:.6rem;display:flex}@media (width>=500px){.cm-location-row{flex-direction:row}}.cm-location-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0613cc,#0a1ee8);border:none;border-radius:9px;flex-shrink:0;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.86rem;font-weight:600;transition:opacity .15s;display:flex}.cm-location-btn:disabled{opacity:.55;cursor:not-allowed}.cm-location-btn:hover:not(:disabled){opacity:.9}.cm-location-hint{color:#6b7280;margin:.35rem 0 0;font-size:.76rem}.cm-location-hint--success{color:#059669;font-weight:600}.cm-location-hint--error{color:#dc2626;font-weight:600}.cm-status-readonly{background:#f9fafb;border-radius:9px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.cm-status-readonly__label{color:#374151;font-size:.86rem;font-weight:600}.cm-status-readonly__note{color:#6b7280;font-size:.76rem}.cm-checkbox-label{cursor:pointer;color:#374151;align-items:center;gap:.6rem;font-size:.88rem;font-weight:500;display:flex}.cm-checkbox{cursor:pointer;accent-color:#0613cc;width:16px;height:16px}.cm-badge{border-radius:999px;align-items:center;padding:.22rem .65rem;font-size:.76rem;font-weight:700;display:inline-flex}.cm-badge--active{color:#065f46;background:#d1fae5}.cm-badge--inactive{color:#ef4444;background:#f3f4f6}.cm-footer{background:#fff;border-top:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;gap:.75rem;padding:1rem 1.25rem;display:flex;position:sticky;bottom:0}@media (width>=500px){.cm-footer{flex-direction:row}}.cm-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.75rem 1.25rem;font-size:.92rem;font-weight:700;transition:opacity .15s,transform .15s;display:flex}.cm-btn:disabled{opacity:.55;cursor:not-allowed}.cm-btn:hover:not(:disabled){opacity:.9}.cm-btn:active:not(:disabled){transform:scale(.98)}.cm-btn--cancel{color:#374151;background:#e5e7eb}.cm-btn--cancel:hover:not(:disabled){opacity:1;background:#d1d5db}.cm-btn--save{color:#fff;background:linear-gradient(135deg,#0613cc,#0a1ee8);box-shadow:0 3px 10px #0613cc4d}.cm-spin{animation:.8s linear infinite cust-spin-kf;display:inline-block}.stk-page{background:#f4f6fb;flex-direction:column;min-height:100%;display:flex}.stk-topbar{z-index:20;background:linear-gradient(135deg,#0613cc 0%,#0a1ee8 100%);padding:0 1.5rem;position:sticky;top:0;box-shadow:0 2px 12px #0613cc40}.stk-topbar__inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1280px;height:68px;margin:0 auto;display:flex}.stk-topbar__left{align-items:center;gap:.75rem;display:flex}.stk-topbar__icon-wrap{color:#fff;background:#ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stk-topbar__title{color:#fff;margin:0;font-size:1.15rem;font-weight:700;line-height:1.2}.stk-topbar__subtitle{color:#ffffffb3;margin:0;font-size:.75rem}.stk-topbar__right{align-items:center;gap:.75rem;display:flex}.stk-inv-badge{color:#fff;white-space:nowrap;background:#ffffff2e;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.78rem;font-weight:600;display:none}@media (width>=640px){.stk-inv-badge{display:flex}}.stk-inv-badge-mobile{color:#0613cc;background:#e8ecff;border:1px solid #c5ceff;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .85rem;font-size:.8rem;font-weight:600;display:flex}@media (width>=640px){.stk-inv-badge-mobile{display:none}}.stk-main{box-sizing:border-box;flex:1;width:100%;max-width:1280px;margin:0 auto;padding:1.5rem}.stk-no-shift{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;padding:4rem 1.5rem;display:flex;box-shadow:0 4px 20px #00000014}.stk-no-shift__icon-wrap{color:#0613cc;background:linear-gradient(135deg,#e8ecff,#d6dcff);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.25rem;display:flex}.stk-no-shift__title{color:#111827;margin:0 0 .65rem;font-size:1.4rem;font-weight:800}.stk-no-shift__text{color:#6b7280;max-width:360px;margin:0 0 1.75rem;font-size:.95rem;line-height:1.6}.stk-no-shift__btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0613cc,#0a1ee8);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.6rem;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 16px #0613cc59}.stk-no-shift__btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0613cc66}.stk-no-shift__btn:active{transform:scale(.97)}.stk-controls{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.stk-search-wrap{flex:1;max-width:480px;position:relative}.stk-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.stk-search-input{color:#111827;box-sizing:border-box;background:#fff;border:2px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:.65rem .65rem .65rem 2.6rem;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.stk-search-input:focus{border-color:#0613cc;box-shadow:0 0 0 3px #0613cc1a}.stk-search-input:disabled{opacity:.6;cursor:not-allowed}.stk-refresh-btn{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s,border-color .15s;display:flex}.stk-refresh-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.stk-refresh-btn:disabled{opacity:.55;cursor:not-allowed}.stk-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.stk-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.stk-grid{grid-template-columns:repeat(3,1fr)}}.stk-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000012}.stk-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.stk-card__header{background:linear-gradient(135deg,#0613cc,#0a1ee8);justify-content:space-between;align-items:center;padding:.7rem 1rem;display:flex}.stk-card__id{color:#ffffffbf;font-size:.72rem;font-weight:600}.stk-card__body{flex-direction:column;flex:1;gap:.85rem;padding:1rem;display:flex}.stk-card__field-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.35rem;margin-bottom:.3rem;font-size:.72rem;font-weight:600;display:flex}.stk-card__sku{color:#111827;margin:0;font-family:monospace;font-size:.88rem;font-weight:700}.stk-card__name{color:#111827;margin:0;font-size:.92rem;font-weight:700}.stk-card__category{color:#6b7280;margin:.2rem 0 0;font-size:.8rem}.stk-card__meta{border-top:1px solid #f3f4f6;grid-template-columns:1fr 1fr;gap:.5rem;padding-top:.75rem;display:grid}.stk-card__meta-item{flex-direction:column;gap:.15rem;display:flex}.stk-card__meta-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.stk-card__qty{color:#111827;align-items:center;gap:.3rem;font-size:1.2rem;font-weight:800;display:flex}.stk-card__qty--low{color:#dc2626}.stk-card__qty--zero{color:#9ca3af}.stk-card__price{color:#059669;font-size:1rem;font-weight:700}.stk-card--skeleton{pointer-events:none}.stk-card__header--skeleton{background:linear-gradient(90deg,#e2e8ff 25%,#c7d2ff 50%,#e2e8ff 75%) 0 0/200% 100%;height:44px;animation:1.4s infinite stk-shimmer}.stk-skeleton-line{background:linear-gradient(90deg,#f0f1f5 25%,#e4e6ed 50%,#f0f1f5 75%) 0 0/200% 100%;border-radius:6px;height:12px;margin-bottom:.6rem;animation:1.4s infinite stk-shimmer}.stk-skeleton-line--wide{width:85%}.stk-skeleton-line--medium{width:65%}.stk-skeleton-line--narrow{width:45%}@keyframes stk-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stk-badge{letter-spacing:.03em;border-radius:999px;align-items:center;padding:.22rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.stk-badge--available{color:#065f46;background:#d1fae5}.stk-badge--low{color:#92400e;background:#fef3c7}.stk-badge--out{color:#991b1b;background:#fee2e2}.stk-badge--inactive{color:#6b7280;background:#f3f4f6}.stk-pagination{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;margin-top:2rem;padding:1rem 1.25rem;display:flex;box-shadow:0 2px 8px #00000012}@media (width>=640px){.stk-pagination{flex-direction:row;justify-content:space-between}}.stk-pagination__btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0613cc,#0a1ee8);border:none;border-radius:9px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.55rem 1.1rem;font-size:.86rem;font-weight:600;transition:opacity .15s;display:flex}@media (width>=640px){.stk-pagination__btn{width:auto}}.stk-pagination__btn:disabled{opacity:.45;cursor:not-allowed}.stk-pagination__btn:hover:not(:disabled){opacity:.9}.stk-pagination__info{text-align:center}.stk-pagination__pages{color:#111827;font-size:.9rem;font-weight:700;display:block}.stk-pagination__total{color:#6b7280;margin-top:.15rem;font-size:.75rem;display:block}.stk-empty{text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;padding:4rem 1.5rem;display:flex;box-shadow:0 2px 10px #00000012}.stk-empty__icon-wrap{color:#9ca3af;background:linear-gradient(135deg,#f0f1f5,#e4e6ed);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.25rem;display:flex}.stk-empty__title{color:#111827;margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.stk-empty__text{color:#6b7280;max-width:340px;margin:0;font-size:.9rem}.stk-toast-container{z-index:9999;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.stk-toast{color:#fff;opacity:0;border-radius:10px;max-width:340px;padding:.75rem 1.2rem;font-size:.88rem;font-weight:600;transition:transform .3s,opacity .3s;transform:translate(120%);box-shadow:0 4px 16px #0003}.stk-toast--show{opacity:1;transform:translate(0)}.stk-toast--success{background:#059669}.stk-toast--error{background:#dc2626}.stk-toast--info{background:#0613cc}.stk-spin{animation:.8s linear infinite stk-spin-kf;display:inline-block}@keyframes stk-spin-kf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sm-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;justify-content:center;align-items:flex-start;padding:0;display:flex;position:fixed;inset:0;overflow-y:auto}@media (width>=640px){.sm-overlay{align-items:center;padding:1.5rem}}.sm-panel{background:#fff;flex-direction:column;width:100%;min-height:100vh;max-height:100vh;display:flex;overflow:hidden}@media (width>=640px){.sm-panel{border-radius:18px;max-width:600px;min-height:0;max-height:90vh;box-shadow:0 20px 60px #00000040}}.sm-header{z-index:10;background:linear-gradient(135deg,#0613cc,#0a1ee8);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;display:flex;position:sticky;top:0}@media (width>=640px){.sm-header{border-radius:18px 18px 0 0}}.sm-header__info{flex:1;min-width:0;padding-right:1rem}.sm-header__title{color:#fff;margin:0;font-size:1.1rem;font-weight:700}.sm-header__subtitle{color:#ffffffbf;margin:.2rem 0 0;font-size:.78rem}.sm-header__close{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.sm-header__close:hover:not(:disabled){background:#ffffff47}.sm-header__close:disabled{opacity:.5;cursor:not-allowed}.sm-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.sm-scroll{flex-direction:column;flex:1;gap:1.25rem;padding:1.25rem;display:flex;overflow-y:auto}.sm-grid{gap:1rem;display:grid}.sm-grid--2col{grid-template-columns:1fr}@media (width>=500px){.sm-grid--2col{grid-template-columns:1fr 1fr}}.sm-section__title{color:#374151;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.82rem;font-weight:700}.sm-field{flex-direction:column;gap:.3rem;display:flex}.sm-label{color:#374151;font-size:.84rem;font-weight:600}.sm-required{color:#dc2626}.sm-input{color:#111827;box-sizing:border-box;background:#f9fafb;border:1.5px solid #d1d5db;border-radius:9px;outline:none;width:100%;padding:.6rem .85rem;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.sm-input:focus{background:#fff;border-color:#0613cc;box-shadow:0 0 0 3px #0613cc1a}.sm-input:disabled{opacity:.55;cursor:not-allowed}.sm-input--readonly{color:#6b7280;cursor:not-allowed;background:#f3f4f6}.sm-checkbox-label{cursor:pointer;color:#374151;align-items:center;gap:.6rem;font-size:.88rem;font-weight:500;display:flex}.sm-checkbox{cursor:pointer;accent-color:#0613cc;width:16px;height:16px}.sm-hint{color:#6b7280;margin:.25rem 0 0;font-size:.76rem}.sm-status-readonly{background:#f9fafb;border-radius:9px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.sm-status-readonly__label{color:#374151;font-size:.86rem;font-weight:600}.sm-badge{border-radius:999px;align-items:center;padding:.22rem .65rem;font-size:.76rem;font-weight:700;display:inline-flex}.sm-badge--active{color:#065f46;background:#d1fae5}.sm-badge--inactive{color:#6b7280;background:#f3f4f6}.sm-footer{background:#fff;border-top:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;gap:.75rem;padding:1rem 1.25rem;display:flex;position:sticky;bottom:0}@media (width>=500px){.sm-footer{flex-direction:row}}.sm-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.75rem 1.25rem;font-size:.92rem;font-weight:700;transition:opacity .15s,transform .15s;display:flex}.sm-btn:disabled{opacity:.55;cursor:not-allowed}.sm-btn:hover:not(:disabled){opacity:.9}.sm-btn:active:not(:disabled){transform:scale(.98)}.sm-btn--cancel{color:#374151;background:#e5e7eb}.sm-btn--cancel:hover:not(:disabled){opacity:1;background:#d1d5db}.sm-btn--save{color:#fff;background:linear-gradient(135deg,#0613cc,#0a1ee8);box-shadow:0 3px 10px #0613cc4d}.sm-spin{animation:.8s linear infinite stk-spin-kf;display:inline-block}:root{--sb-width:264px;--sb-bg:#fff;--sb-border:#c8cbf0;--sb-shadow:#060b4d12;--sb-brand:#040e99;--sb-brand-deep:#0613cc;--sb-brand-dark:#060b4d;--sb-brand-text:#0e1466;--sb-brand-muted:#4a4d99;--sb-brand-faint:#8a8dc9;--sb-tint-bg:#f0f1ff;--sb-tint-border:#b8bcf5;--sb-tint-hover-bg:#d8dbff;--sb-tint-light:#f5f5ff;--sb-tint-light-border:#e4e5f9;--sb-active-bg:#f0f1ff;--sb-active-border:#b8bcf5;--sb-active-icon-bg:#0613cc;--sb-active-icon-shadow:#0613cc47;--sb-active-text:#040e99;--sb-active-indicator:#0613cc;--sb-user-avatar-bg:#0613cc;--sb-user-avatar-shadow:#0613cc40;--sb-overlay:#060b4d73;--sb-transition-speed:.3s;--sb-transition-fast:.2s}.sb-body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,sans-serif}.sb-serif{font-family:Lora,serif}.sb-overlay{z-index:40;background:var(--sb-overlay);-webkit-backdrop-filter:blur(4px);transition:opacity var(--sb-transition-speed) ease, visibility var(--sb-transition-speed) ease;opacity:0;visibility:hidden;pointer-events:none;position:fixed;inset:0}.sb-overlay.sb-overlay--visible{opacity:1;visibility:visible;pointer-events:auto}@media (width>=1024px){.sb-overlay{display:none}}.sb-aside{z-index:50;height:100%;width:var(--sb-width);background:var(--sb-bg);border-right:1px solid var(--sb-border);box-shadow:4px 0 20px var(--sb-shadow);transition:transform var(--sb-transition-speed) ease-in-out;flex-direction:column;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.sb-aside.sb-aside--open{transform:translate(0)}@media (width>=1024px){.sb-aside{z-index:50;flex-shrink:0;height:100vh;position:fixed;top:0;left:0;transform:translate(0)}}.sb-header{border-bottom:1px solid var(--sb-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px;display:flex}.sb-header__brand{align-items:center;gap:12px;min-width:0;display:flex}.sb-header__icon{background:var(--sb-brand);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 10px #040e9947}.sb-header__info{min-width:0}.sb-header__title{color:var(--sb-brand-dark);letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14.5px;font-weight:700;line-height:1.2;overflow:hidden}.sb-header__subtitle{color:var(--sb-brand-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;font-weight:500;overflow:hidden}.sb-header__close{background:var(--sb-tint-bg);border:1px solid var(--sb-border);width:28px;height:28px;color:var(--sb-brand-muted);cursor:pointer;transition:background var(--sb-transition-fast) ease, color var(--sb-transition-fast) ease;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;display:flex}.sb-header__close:hover{background:var(--sb-tint-hover-bg);color:var(--sb-brand)}@media (width>=1024px){.sb-header__close{display:none}}.sb-user{background:var(--sb-tint-bg);border:1px solid var(--sb-tint-border);border-radius:12px;flex-shrink:0;align-items:center;gap:12px;margin:14px 12px 0;padding:12px 14px;display:flex}.sb-user__avatar{background:var(--sb-user-avatar-bg);color:#fff;width:32px;height:32px;box-shadow:0 1px 6px var(--sb-user-avatar-shadow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.sb-user__info{flex:1;min-width:0}.sb-user__name{color:var(--sb-brand-dark);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.sb-user__role{color:var(--sb-brand-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;font-weight:500;overflow:hidden}.sb-label{text-transform:uppercase;letter-spacing:.8px;color:var(--sb-brand-faint);padding:16px 20px 6px;font-size:10px;font-weight:700}.sb-nav{overscroll-behavior:contain;flex:1;padding:0 12px;overflow-y:auto}.sb-nav__list{flex-direction:column;gap:2px;margin:0;padding:0 0 16px;list-style:none;display:flex}.sb-nav-link{min-height:44px;transition:all var(--sb-transition-fast) ease;cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.sb-nav-link:hover{background:var(--sb-tint-light);border-color:var(--sb-tint-light-border)}.sb-nav-link.active{background:var(--sb-active-bg);border-color:var(--sb-active-border)}.sb-nav-link__icon{width:28px;height:28px;transition:all var(--sb-transition-fast) ease;background:var(--sb-tint-bg);color:var(--sb-brand-deep);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sb-nav-link:hover .sb-nav-link__icon{background:var(--sb-tint-hover-bg)}.sb-nav-link.active .sb-nav-link__icon{background:var(--sb-active-icon-bg);color:#fff;box-shadow:0 2px 8px var(--sb-active-icon-shadow)}.sb-nav-link__label{letter-spacing:-.1px;transition:color var(--sb-transition-fast) ease;color:var(--sb-brand-text);flex:1;font-size:13.5px;font-weight:600}.sb-nav-link:hover .sb-nav-link__label{color:var(--sb-active-text)}.sb-nav-link.active .sb-nav-link__label{color:var(--sb-active-text);font-weight:700}.sb-nav-link__badge{background:var(--sb-active-icon-bg);color:#fff;letter-spacing:.5px;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:700;line-height:1}.sb-nav-link__indicator{background:var(--sb-active-indicator);border-radius:9999px;flex-shrink:0;width:4px;height:20px}.sb-footer{border-top:1px solid var(--sb-border);flex-shrink:0;padding:8px 12px 20px}.sb-footer__meta{justify-content:space-between;align-items:center;margin-bottom:6px;padding:0 12px;display:flex}.sb-footer__app-name{color:var(--sb-brand-faint);font-size:10px;font-weight:500}.sb-footer__version{color:var(--sb-border);font-size:10px}.sb-logout{cursor:pointer;width:100%;min-height:44px;transition:all var(--sb-transition-fast) ease;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;display:flex}.sb-logout:hover{background:#fef2f2;border-color:#fee2e2}.sb-logout__icon{background:var(--sb-tint-bg);width:28px;height:28px;color:var(--sb-brand-deep);transition:all var(--sb-transition-fast) ease;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sb-logout:hover .sb-logout__icon{color:#ef4444;background:#fee2e2}.sb-logout__label{text-align:left;color:var(--sb-brand-text);letter-spacing:-.1px;transition:color var(--sb-transition-fast) ease;flex:1;font-size:13.5px;font-weight:600}.sb-logout:hover .sb-logout__label{color:#ef4444}.sb-modal-overlay{z-index:1000;background:var(--sb-overlay);-webkit-backdrop-filter:blur(6px);animation:sb-modal-fade-in var(--sb-transition-speed) ease forwards;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}@keyframes sb-modal-fade-in{0%{opacity:0}to{opacity:1}}.sb-modal-card{background:var(--sb-bg);border:1px solid var(--sb-border);text-align:center;width:100%;max-width:360px;animation:sb-modal-pop-in var(--sb-transition-speed) cubic-bezier(.34, 1.56, .64, 1) forwards;border-radius:16px;padding:32px 28px 24px;box-shadow:0 12px 40px #060b4d2e,0 2px 8px #060b4d14}@keyframes sb-modal-pop-in{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.sb-modal-icon-wrap{color:#ef4444;background:#fef2f2;border:1px solid #fee2e2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;display:flex}.sb-modal-icon-wrap svg{stroke:#ef4444;width:20px;height:20px}.sb-modal-title{color:var(--sb-brand-dark);letter-spacing:-.2px;margin:0 0 6px;font-family:Outfit,sans-serif;font-size:17px;font-weight:700}.sb-modal-text{color:var(--sb-brand-muted);margin:0 0 24px;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:500;line-height:1.5}.sb-modal-actions{gap:10px;display:flex}.sb-modal-btn{letter-spacing:-.1px;cursor:pointer;transition:all var(--sb-transition-fast) ease;border:1px solid #0000;border-radius:12px;flex:1;min-height:44px;padding:11px 16px;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:600}.sb-modal-btn:active{transform:scale(.97)}.sb-modal-btn--cancel{background:var(--sb-tint-bg);border-color:var(--sb-tint-border);color:var(--sb-brand-text)}.sb-modal-btn--cancel:hover{background:var(--sb-tint-hover-bg);border-color:var(--sb-brand-faint)}.sb-modal-btn--confirm{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 2px 8px #ef44444d}.sb-modal-btn--confirm:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #ef444466}@media (width<=400px){.sb-modal-card{padding:24px 20px 20px}.sb-modal-actions{flex-direction:column}}.layout{background:#f8f9fe;width:100%;min-height:100vh;display:flex}.layout__content{flex-direction:column;flex:1;min-width:0;display:flex;overflow-x:hidden}@media (width>=1024px){.layout__content{margin-left:var(--sb-width,264px)}}.layout__page{flex:1;overflow-y:auto}.layout__topbar{display:none}@media (width<=1023px){.layout__topbar{z-index:30;background:#fff;border-bottom:1px solid #c8cbf0;flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 6px #060b4d0d}}.layout__hamburger{color:#040e99;cursor:pointer;background:#f0f1ff;border:1px solid #c8cbf0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Outfit,sans-serif;transition:background .2s,border-color .2s,transform .15s;display:flex}.layout__hamburger:hover{background:#d8dbff;border-color:#b8bcf5}.layout__hamburger:active{transform:scale(.94)}.layout__hamburger-icon{flex-direction:column;gap:4px;width:18px;display:flex}.layout__hamburger-bar{background:currentColor;border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.layout__hamburger--active .layout__hamburger-bar:first-child{transform:translateY(6px)rotate(45deg)}.layout__hamburger--active .layout__hamburger-bar:nth-child(2){opacity:0}.layout__hamburger--active .layout__hamburger-bar:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.layout__topbar-title{color:#060b4d;letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;overflow:hidden}.layout__topbar-subtitle{color:#8a8dc9;margin-top:1px;font-family:Outfit,sans-serif;font-size:11px;font-weight:500}