@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c15e96cb-module__0bjUvq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c15e96cb-module__0bjUvq__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--navy:#009;--navy-deep:#007;--blue:#36f;--blue-bright:#4d7aff;--blue-soft:#e8eeff;--blue-softer:#f2f5ff;--green:#1f9d55;--green-soft:#e6f6ec;--red:#d92d20;--red-soft:#fdecea;--amber:#e08a00;--amber-soft:#fef4e2;--ink:#14161f;--ink-2:#3b3f4d;--muted:#6b7180;--faint:#9aa0ad;--line:#e4e7ee;--line-2:#eef0f5;--bg:#f4f6fb;--bg-2:#fafbfe;--white:#fff;--bg-page:#e8ecff;--r-sm:6px;--r:10px;--r-lg:14px;--r-xl:20px;--sh-1:0 1px 2px #0d163c0f, 0 1px 3px #0d163c0d;--sh-2:0 4px 14px #0d163c14;--sh-3:0 12px 34px #0d163c24;--sh-nav:0 2px 12px #00005a12;--nav-h:62px;--ease:cubic-bezier(.22, .61, .36, 1);--ff:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:linear-gradient(-45deg,#dce6ff,#c6d5ff,#e8ecff,#cdd9ff) 0 0/400% 400%;margin:0;padding:0;animation:8s infinite htmlAurora}@keyframes htmlAurora{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (prefers-reduced-motion:reduce){html{background:var(--bg-page);animation:none}}body{font-family:var(--ff);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:0 0;margin:0;padding:0;font-size:14px;line-height:1.5}button{font-family:inherit}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--blue);color:#fff}.speedbar{background:var(--blue);width:30px;height:4px;box-shadow:-9px 0 0 -1px var(--blue), -16px 0 0 -2px #3366ff8c;border-radius:1px;display:inline-block;transform:skew(-22deg)}.title-it{letter-spacing:-.02em;color:var(--navy);font-style:italic;font-weight:800}#root{min-height:100vh}.app-main{max-width:1480px;margin:0 auto;padding:26px 30px 80px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-head h1{letter-spacing:-.02em;color:var(--navy);margin:0;font-size:26px;font-style:italic;font-weight:800;line-height:1.1}.page-head .sub{color:var(--muted);margin-top:4px;font-size:13.5px;font-style:normal}.page-head .lead{align-items:center;gap:13px;display:flex}.btn{border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;height:38px;transition:all .16s var(--ease);background:var(--white);color:var(--ink-2);border:1px solid #0000;border-color:var(--line);justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:13.5px;font-weight:600;display:inline-flex}.btn:hover{background:var(--bg);border-color:var(--faint)}.btn:active{transform:translateY(1px)}.btn svg{width:16px;height:16px}.btn-sm{height:32px;padding:0 11px;font-size:12.5px}.btn-lg{height:44px;padding:0 20px;font-size:15px}.btn-block{width:100%}.btn-primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-primary:hover{background:var(--navy-deep);border-color:var(--navy-deep)}.btn-accent{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-accent:hover{background:#2a55e6;border-color:#2a55e6}.btn-success{background:var(--green);color:#fff;border-color:var(--green)}.btn-success:hover{background:#178546}.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}.btn-danger:hover{background:#bf2419}.btn-danger-o{color:var(--red);background:#fff;border-color:#f0b3ad}.btn-danger-o:hover{background:var(--red-soft);border-color:var(--red)}.btn-ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg)}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{border-radius:var(--r-sm);width:34px;height:34px;color:var(--muted);cursor:pointer;transition:all .15s var(--ease);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--blue-soft);color:var(--navy)}.icon-btn.danger:hover{background:var(--red-soft);color:var(--red)}.icon-btn svg{width:17px;height:17px}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.bg-orbs{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-orb{filter:blur(55px);will-change:transform;border-radius:50%;position:absolute}.bg-orb-1{background:radial-gradient(circle,#3366ff61 0%,#0000 65%);width:780px;height:640px;animation:18s ease-in-out infinite orbDrift1;top:-160px;left:-140px}.bg-orb-2{background:radial-gradient(circle,#3c00dc4d 0%,#0000 65%);width:660px;height:560px;animation:22s ease-in-out infinite orbDrift2;bottom:-120px;right:-100px}.bg-orb-3{background:radial-gradient(circle,#64a0ff4d 0%,#0000 62%);width:580px;height:500px;margin-top:-250px;margin-left:-290px;animation:15s ease-in-out infinite orbDrift3;top:50%;left:50%}@keyframes orbDrift1{0%,to{transform:translate(0)scale(1)}30%{transform:translate(90px,70px)scale(1.08)}65%{transform:translate(-55px,110px)scale(.93)}}@keyframes orbDrift2{0%,to{transform:translate(0)scale(1)}35%{transform:translate(-110px,-80px)scale(.92)}70%{transform:translate(75px,-130px)scale(1.08)}}@keyframes orbDrift3{0%,to{transform:translate(0)scale(1)}40%{transform:translate(-80px,60px)scale(1.12)}80%{transform:translate(50px,-70px)scale(.91)}}@media (prefers-reduced-motion:reduce){.bg-orb{animation:none!important}}.card{-webkit-backdrop-filter:blur(14px);border-radius:var(--r-lg);box-shadow:var(--sh-1);background:#ffffffc2;border:1px solid #c8d7ffb3}.card-pad{padding:20px 22px}.panel{-webkit-backdrop-filter:blur(14px);border-radius:var(--r-lg);box-shadow:var(--sh-1);background:#ffffffc2;border:1px solid #c8d7ffb3;margin-bottom:18px;overflow:hidden}.panel-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:15px 20px;transition:background .15s;display:flex}.panel-head:hover{background:var(--blue-softer)}.panel-head .ph-title{color:var(--ink);align-items:center;gap:10px;font-size:14.5px;font-weight:700;display:flex}.panel-head .ph-tag{color:var(--muted);align-items:center;gap:12px;margin-left:auto;font-size:12.5px;display:flex}.panel-head .chev{transition:transform .25s var(--ease);color:var(--faint);display:inline-flex}.panel.open .chev{transform:rotate(90deg)}.panel-body{padding:4px 20px 20px}.collapse{transition:grid-template-rows .28s var(--ease);grid-template-rows:0fr;display:grid}.collapse.open{grid-template-rows:1fr}.collapse>.inner{min-height:0;overflow:hidden}.field{margin-bottom:14px}.field>label{color:var(--ink-2);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.req{color:var(--red);font-weight:800}.hint{color:var(--muted);margin-top:5px;font-size:12px;font-style:italic}.legend{color:var(--muted);margin-top:4px;font-size:12px}.legend .req{font-style:normal}.inp,.sel,textarea.inp{width:100%;height:38px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm);outline:none;padding:0 12px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}textarea.inp{resize:vertical;height:auto;padding:9px 12px;line-height:1.5}.inp:focus,.sel:focus,textarea.inp:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3366ff29}.inp::placeholder{color:var(--faint)}.inp:disabled,.sel:disabled{background:var(--line-2);color:var(--faint);cursor:not-allowed}.inp.err{border-color:var(--red)}.inp.err:focus{box-shadow:0 0 0 3px #d92d2024}.field-err{color:var(--red);align-items:center;gap:5px;margin-top:5px;font-size:12px;display:flex}.sel{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7180' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:32px}.input-icon{position:relative}.input-icon>svg{width:16px;height:16px;color:var(--faint);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-icon .inp{padding-left:36px}.input-icon .eye{pointer-events:auto;cursor:pointer;width:auto;height:auto;color:var(--muted);position:absolute;top:50%;left:auto;right:10px;transform:translateY(-50%)}.input-icon .eye:hover{color:var(--navy)}.grid-2{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:0 16px;display:grid}.stepper{border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;align-items:center;height:36px;display:inline-flex;overflow:hidden}.stepper button{background:var(--bg);width:32px;height:100%;color:var(--ink-2);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:17px;transition:background .12s;display:flex}.stepper button:hover{background:var(--blue-soft);color:var(--navy)}.stepper button:disabled{opacity:.4;cursor:not-allowed}.stepper input{border:none;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;width:52px;height:100%;color:var(--ink);-moz-appearance:textfield;outline:none;font-size:13.5px;font-weight:600}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper.active input{color:var(--navy)}.stepper.active{border-color:var(--blue)}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch .track{width:40px;height:22px;transition:background .2s var(--ease);background:#cbd1de;border-radius:22px;flex-shrink:0;position:relative}.switch .track:after{content:"";width:18px;height:18px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.switch input:checked+.track{background:var(--green)}.switch input:checked+.track:after{transform:translate(18px)}.switch.blue input:checked+.track{background:var(--blue)}.switch .lbl{color:var(--ink-2);font-size:13px;font-weight:500}.switch.disabled{opacity:.5;cursor:not-allowed}.pw-strength{margin-top:8px}.pw-bars{gap:5px;display:flex}.pw-bars span{background:var(--line);border-radius:3px;flex:1;height:5px;transition:background .2s}.pw-bars.s1 span:first-child{background:var(--red)}.pw-bars.s2 span:nth-child(-n+2){background:var(--amber)}.pw-bars.s3 span:nth-child(-n+3){background:var(--blue)}.pw-bars.s4 span{background:var(--green)}.pw-label{margin-top:4px;font-size:11.5px;font-weight:600}.badge{letter-spacing:.01em;border-radius:20px;align-items:center;gap:5px;height:22px;padding:0 9px;font-size:11.5px;font-weight:700;display:inline-flex}.badge.green{background:var(--green-soft);color:#157a41}.badge.gray{background:var(--line-2);color:var(--muted)}.badge.blue{background:var(--blue-soft);color:var(--navy)}.badge.amber{background:var(--amber-soft);color:var(--amber)}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.chip{background:var(--blue-soft);height:30px;color:var(--navy);border-radius:20px;align-items:center;gap:7px;padding:0 6px 0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.chip button{color:var(--navy);cursor:pointer;background:#00005a1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.chip button:hover{background:var(--navy);color:#fff}.spinner{border:3px solid var(--blue-soft);border-top-color:var(--blue);border-radius:50%;width:34px;height:34px;animation:.7s linear infinite spin}.spinner.sm{border-width:2px;width:18px;height:18px}@keyframes spin{to{transform:rotate(360deg)}}.spin-wrap{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 0;font-size:13px;display:flex}.skel{background:linear-gradient(90deg, var(--line-2) 25%, #e9ecf3 37%, var(--line-2) 63%);background-size:400% 100%;border-radius:6px;animation:1.3s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.empty{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:56px 20px;display:flex}.empty .ico{background:var(--blue-softer);width:64px;height:64px;color:var(--blue);border-radius:18px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.empty .ico svg{width:30px;height:30px}.empty h3{color:var(--ink-2);margin:0 0 5px;font-size:16px;font-weight:700}.empty p{margin:0 0 16px;font-size:13.5px}.toast-wrap{z-index:9000;flex-direction:column;gap:10px;width:360px;max-width:calc(100vw - 32px);display:flex;position:fixed;top:16px;right:16px}.toast{border-radius:var(--r);-webkit-backdrop-filter:blur(16px);box-shadow:var(--sh-3);border:1px solid #e4e7eed9;border-left:4px solid var(--muted);animation:toastIn .3s var(--ease);background:#ffffffeb;align-items:flex-start;gap:12px;padding:13px 14px;display:flex}@keyframes toastIn{0%{opacity:0;transform:translate(30px)scale(.96)}to{opacity:1;transform:none}}.toast.out{animation:toastOut .25s var(--ease) forwards}@keyframes toastOut{to{opacity:0;transform:translate(30px)}}.toast .t-ico{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;display:flex}.toast .t-ico svg{color:#fff;width:14px;height:14px}.toast .t-body{flex:1;min-width:0}.toast .t-title{font-size:13.5px;font-weight:700}.toast .t-msg{color:var(--muted);margin-top:2px;font-size:12.5px}.toast .t-close{color:var(--faint);cursor:pointer;background:0 0;border:none;padding:2px}.toast.success{border-left-color:var(--green)}.toast.success .t-ico{background:var(--green)}.toast.error{border-left-color:var(--red)}.toast.error .t-ico{background:var(--red)}.toast.warn{border-left-color:var(--amber)}.toast.warn .t-ico{background:var(--amber)}.overlay{z-index:8000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c1e80;justify-content:center;align-items:flex-start;padding:40px 20px;animation:.2s fade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:var(--r-xl);box-shadow:var(--sh-3);width:100%;max-width:560px;animation:modalIn .26s var(--ease);background:#fffffff2;border:1px solid #e4e7eee6;overflow:hidden}.modal.wide{max-width:920px}.modal.full{max-width:1180px}@keyframes modalIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.modal-head{border-bottom:1px solid #e4e7eecc;align-items:center;gap:12px;padding:18px 22px;display:flex}.modal-head h2{letter-spacing:-.01em;color:var(--navy);white-space:nowrap;margin:0;font-size:18px;font-style:italic;font-weight:800}.modal-head .x{margin-left:auto}.modal-body{max-height:64vh;padding:22px;overflow-y:auto}.modal-foot{background:#fafbfecc;border-top:1px solid #e4e7eecc;align-items:center;gap:10px;padding:15px 22px;display:flex}.confirm-ico{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.confirm-ico.warn{background:var(--amber-soft);color:var(--amber)}.confirm-ico.danger{background:var(--red-soft);color:var(--red)}.confirm-ico svg{width:24px;height:24px}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:2px;margin-bottom:20px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s}.tab:hover{color:var(--navy)}.tab.active{color:var(--navy);border-bottom-color:var(--blue)}.tab:disabled{opacity:.4;cursor:not-allowed}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--muted)}.divider{background:var(--line);border:none;height:1px;margin:18px 0}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(244px,1fr));gap:16px;display:grid}
.nav{z-index:600;height:var(--nav-h);-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffd1;border-bottom:1px solid #e4e7eebf;align-items:center;gap:18px;padding:0 22px;display:flex;position:sticky;top:0;box-shadow:0 2px 18px #00005a12}.nav:before{content:"";background:var(--blue);width:4px;position:absolute;top:0;bottom:0;left:0;transform:skew(0)}.nav:after{content:"";background:linear-gradient(90deg, var(--navy), var(--blue), #7090ff, var(--blue), var(--navy));background-size:300% 100%;height:2px;animation:5s linear infinite navFlow;position:absolute;bottom:0;left:0;right:0}@keyframes navFlow{0%{background-position:0 0}to{background-position:100% 0}}.nav-brand{cursor:pointer;flex-shrink:0;align-items:center;gap:12px;display:flex}.nav-brand img{width:auto;height:40px;display:block}.nav-brand .nb-title{color:var(--ink-2);letter-spacing:-.01em;white-space:nowrap;font-size:15px;font-weight:500}.nav-brand .nb-title b{color:var(--navy);font-style:italic;font-weight:700}.nav-links{flex-wrap:nowrap;align-items:center;gap:1px;margin-left:8px;display:flex;overflow:visible}.nav-link{height:var(--nav-h);color:var(--ink-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;padding:0 12px;font-size:13px;font-weight:600;transition:color .15s;display:inline-flex;position:relative}.nav-link:hover{color:var(--navy)}.nav-link:after{content:"";background:var(--blue);height:3px;transition:transform .2s var(--ease);transform-origin:50%;border-radius:3px 3px 0 0;position:absolute;bottom:0;left:10px;right:10px;transform:scaleX(0)}.nav-link.active{color:var(--navy)}.nav-link.active:after{transform:scaleX(1)}.nav-right{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.nav-cart{position:relative}.nav-cart .cart-badge{background:var(--blue);color:#fff;border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10.5px;font-weight:800;display:flex;position:absolute;top:0;right:0}.nav-user{border-radius:20px;align-items:center;gap:9px;padding:5px 8px 5px 5px;display:flex}.nav-user .av{background:var(--navy);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.nav-user .nu-name{color:var(--ink);font-size:13px;font-weight:600}.nav-user .nu-role{color:var(--muted);font-size:10.5px}.nav-hamb{display:none}.role-switch{color:var(--muted);border:1px dashed var(--line);border-radius:20px;align-items:center;gap:6px;padding:3px 4px 3px 10px;font-size:11px;display:flex}.role-switch select{background:var(--blue-soft);color:var(--navy);cursor:pointer;border:none;border-radius:14px;padding:4px 8px;font-size:11.5px;font-weight:700}.drawer-scrim{z-index:700;background:#0a0c1e66;animation:.2s fade;position:fixed;inset:0}.drawer{-webkit-backdrop-filter:blur(20px);z-index:701;width:280px;box-shadow:var(--sh-3);animation:slideIn .26s var(--ease);background:#ffffffeb;flex-direction:column;gap:4px;padding:18px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}@keyframes slideIn{0%{transform:translate(100%)}to{transform:none}}.drawer .d-link{border-radius:var(--r-sm);color:var(--ink-2);cursor:pointer;padding:12px 14px;font-size:14px;font-weight:600}.drawer .d-link.active{background:var(--blue-soft);color:var(--navy)}.drawer .d-link:hover{background:var(--bg)}.tbl-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.tbl-search{flex:1;min-width:200px;max-width:360px;position:relative}.tbl-search svg{width:16px;height:16px;color:var(--faint);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.tbl-search input{border:1px solid var(--line);border-radius:var(--r-sm);outline:none;width:100%;height:38px;padding:0 12px 0 36px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.tbl-search input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3366ff29}.tbl-count{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:500}.tbl-count b{color:var(--navy);font-weight:700}.tbl-wrap{-webkit-backdrop-filter:blur(14px);border-radius:var(--r-lg);box-shadow:var(--sh-1);background:#ffffffc2;border:1px solid #c8d7ffb3;overflow:hidden}.tbl-scroll{max-height:620px;overflow:auto}table.tbl{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}table.tbl thead th{z-index:5;background:var(--bg-2);text-align:left;color:var(--ink-2);border-bottom:1px solid var(--line);white-space:nowrap;letter-spacing:.01em;padding:11px 14px;font-size:12px;font-weight:700;position:sticky;top:0}table.tbl thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.tbl thead th.sortable:hover{color:var(--navy);background:var(--blue-softer)}.th-in{align-items:center;gap:5px;display:inline-flex}.sort-ico{color:var(--faint);flex-direction:column;line-height:0;display:inline-flex}.sort-ico svg{width:9px;height:9px;display:block}.sort-ico .on{color:var(--blue)}table.tbl thead tr.filters th{z-index:4;border-bottom:1px solid var(--line);background:#fff;padding:6px 10px;position:sticky;top:39px}table.tbl thead tr.filters input{border:1px solid var(--line);background:var(--bg-2);border-radius:5px;outline:none;width:100%;height:30px;padding:0 9px;font-size:12px}table.tbl thead tr.filters input:focus{border-color:var(--blue);background:#fff}table.tbl tbody td{border-bottom:1px solid var(--line-2);color:var(--ink-2);vertical-align:middle;padding:11px 14px}table.tbl tbody tr:nth-child(2n){background:var(--bg-2)}table.tbl tbody tr:hover{background:var(--blue-softer)}table.tbl tbody tr.sel{background:var(--blue-soft)!important}table.tbl .num{text-align:right;font-variant-numeric:tabular-nums}table.tbl .mono{color:var(--navy);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px;font-weight:600}.cell-strong{color:var(--ink);font-weight:600}.tbl-thumb{cursor:zoom-in;border:1px solid var(--line);border-radius:8px;flex-shrink:0;width:46px;height:46px;overflow:hidden}.stock-pill{font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-weight:700;display:inline-flex}.stock-pill .d{border-radius:50%;width:7px;height:7px}.stock-ok .d{background:var(--green)}.stock-low .d{background:var(--amber)}.stock-zero .d{background:var(--red)}.stock-zero{color:var(--red)}.pager{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.pager .pages{gap:4px;display:flex}.pager .pbtn{border:1px solid var(--line);min-width:32px;height:32px;color:var(--ink-2);cursor:pointer;background:#fff;border-radius:6px;padding:0 8px;font-size:12.5px;font-weight:600}.pager .pbtn:hover{background:var(--bg)}.pager .pbtn.active{background:var(--navy);color:#fff;border-color:var(--navy)}.pager .pbtn:disabled{opacity:.4;cursor:not-allowed}.card-list{flex-direction:column;gap:12px;display:none}.dc{border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-1);background:#fff;padding:14px}.dc-top{gap:12px;display:flex}.dc-rows{grid-template-columns:auto 1fr;gap:4px 12px;margin-top:10px;font-size:12.5px;display:grid}.dc-rows .k{color:var(--muted)}.dc-rows .v{color:var(--ink-2);text-align:right;font-weight:600}.quick-bar{-webkit-backdrop-filter:blur(10px);border-radius:var(--r);background:#f2f5ffd9;border:1px solid #3366ff24;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:14px;padding:14px 16px;display:flex}.quick-bar .field{margin:0}.quick-bar label{font-size:11.5px}.img-zoom-scrim{z-index:8500;cursor:zoom-out;background:#080a18d1;justify-content:center;align-items:center;padding:40px;animation:.2s fade;display:flex;position:fixed;inset:0}.img-zoom-scrim img,.img-zoom-scrim .zoom-ph{max-width:80vw;max-height:80vh;box-shadow:var(--sh-3);border-radius:14px}.login-stage{background:radial-gradient(120% 120% at 80% 0%, #1414c4 0%, var(--navy) 42%, var(--navy-deep) 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-speed{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-speed span{background:#ffffff14;border-radius:6px;height:8px;position:absolute;transform:skew(-22deg)}.login-speed span.b{background:#4d7aff66}.login-card{border-radius:var(--r-xl);width:100%;max-width:410px;animation:modalIn .35s var(--ease);z-index:2;background:#fff;padding:36px 34px;position:relative;box-shadow:0 30px 80px #00002873}.login-card .logo-wrap{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.login-card .logo-wrap img{height:38px;margin-bottom:14px}.login-card h1{color:var(--navy);letter-spacing:-.01em;margin:0;font-size:20px;font-style:italic;font-weight:800}.login-card .sub{color:var(--muted);margin-top:3px;font-size:13px}.login-err{background:var(--red-soft);color:#a51d12;border-radius:var(--r-sm);border:1px solid #f3bdb7;align-items:center;gap:8px;margin-bottom:14px;padding:9px 12px;font-size:12.5px;display:flex}.login-hint{text-align:center;color:var(--faint);margin-top:18px;font-size:11.5px}.login-hint code{background:var(--bg);color:var(--ink-2);border-radius:4px;padding:1px 6px;font-weight:600}.dash-hero{border-radius:var(--r-xl);background:linear-gradient(110deg, var(--navy) 0%, #1a1ad0 70%, var(--blue) 130%);color:#fff;box-shadow:var(--sh-2);margin-bottom:26px;padding:30px 32px;position:relative;overflow:hidden}.dash-hero .hi-speed{pointer-events:none;opacity:.5;width:360px;position:absolute;top:-20px;bottom:-20px;right:-40px}.dash-hero .hi-speed span{background:#ffffff1f;border-radius:6px;height:10px;position:absolute;transform:skew(-22deg)}.hero-truck{pointer-events:none;width:62%;max-width:660px;height:100%;position:absolute;top:0;bottom:0;right:0}.hero-truck .truck{animation:3s ease-in-out infinite truckBob}.hero-truck .wheel{animation:1.5s linear infinite wheelSpin}.hero-truck .road{animation:1s linear infinite roadMove}.hero-truck .streak{opacity:0;animation:2.6s linear infinite streakMove}@keyframes truckBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes wheelSpin{to{transform:rotate(360deg)}}@keyframes roadMove{to{stroke-dashoffset:-36px}}@keyframes streakMove{0%{opacity:0;transform:translate(120px)}14%{opacity:.55}80%{opacity:.18}to{opacity:0;transform:translate(-360px)}}@media (max-width:760px){.hero-truck{opacity:.45}}@media (prefers-reduced-motion:reduce){.hero-truck .truck,.hero-truck .wheel,.hero-truck .road,.hero-truck .streak{animation:none}.hero-truck .streak{opacity:.3}}.dash-hero h1{letter-spacing:-.02em;margin:0;font-size:30px;font-style:italic;font-weight:800;position:relative}.dash-hero p{opacity:.82;max-width:540px;margin:7px 0 0;font-size:14.5px;position:relative}.dash-hero .hero-stats{flex-wrap:wrap;gap:28px;margin-top:22px;display:flex;position:relative}.dash-hero .hs .n{font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.dash-hero .hs .l{opacity:.8;font-size:12px}.dash-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:center;gap:12px;margin:0 0 14px;font-size:13px;font-weight:700;display:flex}.tile{-webkit-backdrop-filter:blur(14px);border-radius:var(--r-lg);cursor:pointer;transition:all .2s var(--ease);box-shadow:var(--sh-1);text-align:left;background:#ffffffc2;border:1px solid #c8d7ffb3;width:100%;padding:18px;display:block;position:relative;overflow:hidden}.tile:hover{background:#fffffff0;border-color:#3366ff38;transform:translateY(-4px);box-shadow:0 10px 32px #3366ff29}.tile:before{content:"";background:var(--blue);transform-origin:top;width:3px;transition:transform .2s var(--ease);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.tile:hover:before{transform:scaleY(1)}.tile .t-ic{background:var(--blue-soft);width:42px;height:42px;color:var(--navy);border-radius:11px;justify-content:center;align-items:center;margin-bottom:14px;transition:all .18s;display:flex}.tile:hover .t-ic{background:var(--navy);color:#fff}.tile .t-ic svg{width:21px;height:21px}.tile h3{color:var(--ink);margin:0 0 3px;font-size:15px;font-weight:700}.tile p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.45}.tile .t-arrow{color:var(--faint);opacity:0;transition:all .18s;position:absolute;top:18px;right:16px;transform:translate(-4px)}.tile:hover .t-arrow{opacity:1;color:var(--blue);transform:none}.admin-pill{letter-spacing:.04em;color:var(--navy);background:var(--blue-soft);border-radius:5px;align-items:center;gap:5px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex}.fab{z-index:500;background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:30px;align-items:center;gap:10px;height:54px;padding:0 22px;font-size:15px;font-weight:700;display:none;position:fixed;bottom:22px;right:20px;box-shadow:0 10px 26px #1f9d5566}.fab svg{width:20px;height:20px}.action-bar{-webkit-backdrop-filter:blur(14px);border-radius:var(--r-lg);box-shadow:var(--sh-1);z-index:40;background:#ffffffe0;border:1px solid #e4e7eed9;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;display:flex;position:sticky;bottom:14px}.order-row-tag{color:var(--ink-2);align-items:center;gap:7px;font-size:13px;display:inline-flex}.order-row-tag b{color:var(--navy)}.cb{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .14s;display:inline-flex}.cb.on{background:var(--blue);border-color:var(--blue);color:#fff}.cb svg{width:12px;height:12px}@media (max-width:1200px){.nav-link{padding:0 9px;font-size:12px}.nav-brand .nb-title{display:none}}@media (max-width:980px){.nav-links{display:none}.nav-hamb{display:inline-flex}.nav-user .nu-name,.nav-user .nu-role,.role-switch{display:none}.app-main{padding:18px 16px 90px}.grid-2,.grid-3{grid-template-columns:1fr}table.tbl{display:none}.card-list{display:flex}.fab{display:inline-flex}.action-bar .hide-mob{display:none}}@media (max-width:560px){.page-head h1{font-size:22px}.dash-hero h1{font-size:24px}.toast-wrap{width:auto;left:16px;right:16px}}
:root{--ff:var(--font-inter), "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}