@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&display=swap";:root{color:#17211b;font-synthesis:none;--green:#126b48;--green2:#e5f3ec;--ink:#17211b;--muted:#66736b;--line:#dce3de;--danger:#b3261e;--warning:#8a5700;--blue:#155b9b;background:#f5f7f5;font-family:IBM Plex Sans Thai,Noto Sans Thai,Tahoma,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.app{grid-template-columns:268px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;z-index:30;background:#123b2c;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff1e;align-items:center;gap:11px;height:78px;padding:15px 18px;display:flex}.brandmark{color:#173c2e;background:#e2a938;border-radius:12px;place-items:center;width:42px;height:42px;font-size:25px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand strong{font-size:18px}.brand span{color:#b8cfc5;font-size:12px}.brand .close{color:#fff;margin-left:auto;display:none}nav{flex:1;padding:10px 8px;overflow:auto}.navgroup p{text-transform:uppercase;letter-spacing:.07em;color:#88ad9c;margin:14px 13px 5px;font-size:11px}.navgroup button{color:#dbeae3;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;padding:9px 12px;font-size:14px;display:flex}.navgroup button svg{width:18px}.navgroup button .chev{opacity:.4;width:14px;margin-left:auto}.profile{background:#0d3023;align-items:center;gap:9px;padding:13px;display:flex}.profile>div{flex:1;min-width:0}.profile strong,.profile small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.profile strong{font-size:13px}.profile small{color:#9fc0b1;font-size:11px}.profile button{color:#fff;background:0 0;border:0;padding:5px}.profile svg{width:18px}.avatar{color:#1f3b30;background:#d8a23c;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.avatar.big{width:52px;height:52px;font-size:20px}main{min-width:0}header{border-bottom:1px solid var(--line);z-index:20;background:#fff;align-items:center;height:78px;padding:0 32px;display:flex;position:sticky;top:0}header h1{margin:0;font-size:19px}header small{color:var(--muted);font-size:11px;display:block}.hamburger{display:none!important}.iconbtn{background:0 0;border:0;padding:7px}.mockflag{color:#765000;background:#fff6dc;border-radius:20px;align-items:center;gap:6px;margin-left:auto;padding:7px 11px;font-size:12px;font-weight:600;display:flex}.content{max-width:1440px;margin:auto;padding:30px}.pagehead{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.pagehead h2{margin:0 0 5px;font-size:24px}.pagehead p,.muted{color:var(--muted);margin:0;font-size:14px}.actions{flex-wrap:wrap;gap:8px;display:flex}.actions.end{justify-content:flex-end;margin-top:18px}.primary,.secondary{border:1px solid var(--green);border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-weight:600;display:inline-flex}.primary{background:var(--green);color:#fff}.primary svg,.secondary svg{width:17px}.full{width:100%}.kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.kpis article,.card,.job,.summarybar,.scanbox{border:1px solid var(--line);background:#fff;border-radius:13px}.kpis article{padding:19px}.kpis span,.kpis small{color:var(--muted);font-size:13px;display:block}.kpis b{margin:5px 0;font-size:27px;display:block}.kpis.compact b{font-size:21px}.good{color:var(--green)!important}.warn{color:var(--warning)!important}.bad{color:var(--danger)!important}.grid2{grid-template-columns:1.3fr 1fr;gap:16px;display:grid}.card{margin-bottom:16px;padding:20px}.card h3{margin:0 0 16px;font-size:16px}.progressrow{grid-template-columns:100px 1fr 40px;align-items:center;gap:12px;margin:17px 0;font-size:13px;display:grid}.progressrow>div{background:#e8edea;border-radius:9px;height:9px;overflow:hidden}.progressrow i{background:var(--green);border-radius:9px;height:100%;display:block}.task{border-bottom:1px solid #edf0ee;align-items:center;gap:12px;padding:13px 0;display:flex}.task:last-child{border:0}.task>svg{width:20px;color:var(--green)}.task>div{flex:1}.task b,.task span{display:block}.task span{color:var(--muted);font-size:12px}.task>.badge{flex:none}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 9px;font-weight:600;font-size:11px!important;display:inline-flex!important}.badge>span{background:currentColor;border-radius:50%;width:7px;height:7px}.notice{color:var(--blue);background:#e8f2fa;border-radius:10px;align-items:flex-start;gap:9px;margin:12px 0;padding:12px 15px;font-size:13px;display:flex}.notice.error{color:var(--danger);background:#fae9e7}.notice svg{flex:none;width:19px}.empty{text-align:center;color:var(--muted);padding:55px 20px}.empty>svg{color:#91a59a;width:42px;height:42px}.empty h3{color:var(--ink);margin:12px 0 4px}.empty p{margin:0;font-size:13px}.steps{margin-bottom:18px;display:flex}.steps b{border-bottom:3px solid var(--line);color:#89948e;flex:1;padding:11px 14px;font-size:13px}.focus{max-width:760px;margin:auto}.searchline{border:1px solid #b8c5bd;border-radius:10px;align-items:center;margin:14px 0;padding:4px 4px 4px 12px;display:flex}.searchline>svg{color:#718077;width:18px}.searchline input{border:0;outline:0;width:100%;min-width:80px;padding:9px}.result{border:1px solid var(--line);text-align:left;background:#f7faf8;border-radius:10px;align-items:center;width:100%;padding:14px;display:flex}.result>div{flex:1}.result b,.result span{display:block}.result span{color:var(--muted);font-size:12px}.summarybar{grid-template-columns:repeat(3,1fr);margin-bottom:14px;padding:15px 20px;display:grid}.summarybar>div{border-right:1px solid var(--line);padding:0 20px}.summarybar>div:first-child{padding-left:0}.summarybar>div:last-child{border:0}.summarybar small,.summarybar b{display:block}.summarybar small{color:var(--muted);font-size:11px}.scanbox{border:2px solid #66a48b;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;margin-bottom:16px;padding:15px;display:grid}.scanbox label{color:var(--muted);font-size:11px;display:block}.scanbox input{border:0;outline:0;width:100%;font-size:17px;font-weight:600}.tablewrap{padding:0;overflow:auto}.tablewrap table{border-collapse:collapse;text-align:left;width:100%;min-width:700px}.tablewrap th{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:#f3f6f4;padding:11px 16px;font-size:11px}.tablewrap td{border-top:1px solid var(--line);padding:14px 16px;font-size:13px}.tablewrap td b,.tablewrap td small{display:block}.qty{text-align:center;border:1px solid #bfcac3;border-radius:7px;width:62px;padding:7px}.bottombar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5f7f5e8;justify-content:flex-end;gap:9px;padding:13px 0;display:flex;position:sticky;bottom:0}.stockstrip{color:#fff;background:#152a20;border-radius:12px;margin-bottom:17px;padding:14px 20px;display:flex}.stockstrip span{border-right:1px solid #fff3;padding:0 25px;font-size:12px}.stockstrip span:first-child{padding-left:0}.stockstrip span:last-child{border:0}.stockstrip b{margin-right:7px;font-size:19px}.tabs{border-bottom:1px solid var(--line);gap:5px;margin-bottom:15px;display:flex;overflow:auto}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;padding:11px 14px}.tabs button.active{color:var(--green);border-bottom:3px solid var(--green);font-weight:700}.cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.job{padding:18px}.job>div{justify-content:space-between;display:flex}.job h3{margin:15px 0 4px;font-size:15px}.job p{color:var(--muted);font-size:12px}.orderrow{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;display:flex}.orderrow:last-child{border:0}.orderrow>div{flex:1}.orderrow b,.orderrow small{display:block}.orderrow small{color:var(--muted);font-size:12px}.formgrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.formgrid label,.loginform label{font-size:12px;font-weight:600}.formgrid input,.formgrid select,.loginform input,.loginform select{background:#fff;border:1px solid #bcc8c0;border-radius:8px;width:100%;margin-top:5px;padding:10px;display:block}.formgrid .wide{grid-column:1/-1}.upload{border:1px dashed #98aa9f;border-radius:9px;padding:15px}.scansequence{gap:8px;margin-bottom:16px;display:flex}.scansequence>div{color:#6b776f;background:#eaeeeb;border-radius:9px;flex:1;align-items:center;gap:10px;padding:11px;display:flex}.scansequence b{background:#fffb;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.scansequence span,.scansequence small{font-size:12px;display:block}.scansequence small{opacity:.7}.countrow{border-top:1px solid var(--line);align-items:center;padding:12px 0;display:flex}.countrow>div{flex:1}.countrow b,.countrow span{display:block}.countrow span{color:var(--muted);font-size:11px}.timeline{border-left:2px solid #bcd7ca;margin-left:8px;padding-left:17px}.timeline p{font-size:13px;position:relative}.timeline p:before{content:"";background:var(--green);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:-22px}.member{align-items:center;gap:13px;padding:16px 0;display:flex}.member>div:nth-child(2){flex:1}.member h3,.member p{margin:0}.member p{color:var(--muted);font-size:12px}.member>div:last-child{text-align:right}.member small,.member b{display:block}.login{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.loginhero{color:#fff;background:#143e2f;flex-direction:column;justify-content:center;padding:8vw;display:flex;overflow:hidden}.loginhero h1{margin:25px 0;font-size:clamp(38px,5vw,66px);line-height:1.18}.loginhero p{color:#bdd2c8}.heroart{gap:20px;margin-top:40px;display:flex}.heroart svg{color:#dba942;opacity:.8;width:62px;height:62px}.loginform{background:#fff;place-items:center;padding:30px;display:grid}.loginform h2{margin:3px 0;font-size:30px}.loginform label{margin-top:18px;display:block}.eyebrow{color:var(--green);letter-spacing:.1em;font-size:12px;font-weight:800}.loginform .primary{margin-top:22px;padding:13px}.hint{text-align:center;color:var(--muted);margin-top:14px;display:block}.spinner{border:2px solid #fff5;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.backdrop{display:none}@media (width<=1050px){.app{grid-template-columns:1fr}.sidebar{width:268px;transition:left .2s;position:fixed;left:-285px}.sidebar.open{left:0}.brand .close,.hamburger{display:block!important}.backdrop{z-index:25;background:#0007;display:block;position:fixed;inset:0}header{padding:0 20px}.hamburger{margin-right:9px}.content{padding:22px}.cards{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){header{height:66px;padding:0 13px}header h1{font-size:15px}.mockflag{padding:8px;font-size:0}.content{padding:15px}.pagehead{display:block}.pagehead h2{font-size:21px}.pagehead .actions{margin-top:13px}.kpis{grid-template-columns:1fr 1fr;gap:9px}.kpis article{padding:13px}.kpis b{font-size:20px}.grid2,.cards{grid-template-columns:1fr}.summarybar{grid-template-columns:1fr;padding:5px 15px}.summarybar>div{border:0;border-bottom:1px solid var(--line);padding:10px 0}.scanbox{grid-template-columns:30px 1fr}.scanbox button{grid-column:1/-1;width:100%;padding:12px}.stockstrip{grid-template-columns:1fr 1fr;padding:10px;display:grid}.stockstrip span{border:0;padding:8px!important}.stockstrip span:last-child{grid-column:1/-1}.scansequence span small{display:none}.formgrid,.login{grid-template-columns:1fr}.loginhero{min-height:230px;padding:30px}.loginhero h1{margin:15px 0;font-size:34px}.loginhero p{margin:0}.heroart{display:none}.loginform{padding:28px 20px}.orderrow{flex-wrap:wrap;align-items:flex-start}.member{align-items:flex-start}.member>div:last-child{text-align:left;width:100%;margin-left:65px}.bottombar .primary,.bottombar .secondary{flex:1}.progressrow{grid-template-columns:80px 1fr 35px}}.spinner.dark{border-color:#b9c6bf;border-top-color:var(--green);display:inline-block}:root{color:#f3f7ff;--green:#2478d4;--green2:#132b49;--ink:#f3f7ff;--muted:#91a1b5;--line:#314257;--danger:#ff746c;--warning:#f4bd50;--blue:#69adff;--page:#020914;--panel:#111d2d;--panel-2:#081522;--panel-3:#172538;background:#020914}body{background:var(--page);color:var(--ink)}.sidebar{background:#071321;border-right:1px solid #26384d}.brand{border-color:#26384d}.brandmark{color:#fff;background:linear-gradient(#3289e8,#1555ad);box-shadow:0 5px 18px #006ee73b}.brand span{color:#91a4ba}.navgroup p{color:#6f839b}.navgroup button{color:#bdc9d9}.navgroup button:hover,.navgroup button.active{color:#fff;background:#172a42}.profile{background:#050e19;border-top:1px solid #26384d}.profile small{color:#8ea0b6}.avatar{color:#fff;background:#216fc7}main{background:radial-gradient(circle at 80% -20%,#102a4b 0,transparent 32%),var(--page)}header{border-color:var(--line);background:#0a1624;box-shadow:0 5px 18px #0003}header small{color:var(--muted)}.mockflag{color:#ffd66f;background:#2d260f;border:1px solid #5b4d20}.pagehead p,.muted{color:var(--muted)}.primary:hover{background:linear-gradient(#3993ee,#1e64c6)}.secondary{color:#84bdff;background:#101e2e;border-color:#425b76}.secondary:hover{background:#172a40;border-color:#5f7fa3}.kpis article,.card,.job,.summarybar,.scanbox{border-color:var(--line);background:linear-gradient(145deg,#142132,#0f1a29);box-shadow:0 10px 24px #0002}.kpis span,.kpis small{color:var(--muted)}.progressrow>div{background:#263649}.progressrow i{background:linear-gradient(90deg,#1c67be,#3b93eb)}.task{border-color:#28394d}.task>svg{color:#6eb0fb}.task span{color:var(--muted)}.task>.chev{color:#778ba3}.badge.success{color:#7ce0a8;background:#123528}.badge.danger{color:#ff918a;background:#442321}.badge.warning{color:#ffd26e;background:#423617}.badge.info{color:#82bdff;background:#153454}.badge.neutral{color:#bdc8d6;background:#293646}.notice{color:#9bcaff;background:#102e4c;border:1px solid #204b75}.notice.error{color:#ffaaa4;background:#40201f;border-color:#67302e}.empty{color:var(--muted)}.empty>svg{color:#607994}.empty h3{color:var(--ink)}.steps b{color:#788ba1;border-color:#34455a}.steps b.current{color:#7fbaff;border-color:#2c83df}.searchline{background:#071421;border-color:#4c6077}.searchline>svg{color:#8498ae}.searchline input{color:#fff;background:0 0}.searchline input::placeholder,.scanbox input::placeholder,input::placeholder{color:#6f7e90}.result{color:#fff;background:#0c1a29;border-color:#34475d}.result span{color:var(--muted)}.summarybar>div{border-color:#334459}.summarybar small{color:var(--muted)}.scanbox{background:#081725;border-color:#397fc5;box-shadow:0 0 0 3px #1f72c41d}.scanbox>svg{color:#69adff}.scanbox label{color:#92a3b8}.scanbox input{color:#fff;background:0 0}.tablewrap th{color:#9aabc0;background:#0b1725}.tablewrap td{border-color:#2c3d51}.qty,.formgrid input,.formgrid select,.loginform input,.loginform select{color:#f4f7fb;background:#061421;border-color:#52667d}.qty:focus,.formgrid input:focus,.formgrid select:focus,.loginform input:focus,.loginform select:focus{outline-offset:1px;outline:2px solid #3289e8}.formgrid select,.loginform select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.upload{border-color:#52677f}.bottombar{background:#020914e6}.stockstrip{background:linear-gradient(110deg,#0b1c2e,#143b65);border:1px solid #315b82}.stockstrip span{border-color:#ffffff26}.tabs{border-color:#314257}.tabs button{color:#91a1b5}.tabs button.active{color:#7fbcff;border-color:#2c84df}.job p,.orderrow small,.countrow span,.member p{color:var(--muted)}.orderrow,.countrow{border-color:#2c3d51}.scansequence>div{color:#8495a9;background:#19283a}.scansequence>div.active{color:#9dcbff;background:#123b68}.scansequence>div.done{color:#fff;background:#1d63b3}.timeline{border-color:#356896}.timeline p:before{background:#3c93eb}.spinner.dark{border-color:#4c9ef2 #445a72 #445a72}.login{background:radial-gradient(circle at 50% 20%,#0d213c 0,#030b17 45%,#010711 100%);grid-template-columns:1fr;place-items:center;padding:24px;display:grid}.loginhero{display:none}.loginform{background:linear-gradient(145deg,#172437,#111b29);border:1px solid #35465b;border-radius:17px;width:min(560px,100%);padding:48px;display:block;box-shadow:0 28px 80px #0008}.loginform form{width:100%}.loginform h2{color:#f7f9fe;margin:0 0 8px;font-size:36px}.loginform .eyebrow{color:#70b2ff}.loginform label{color:#c4cfdd}.loginform input,.loginform select{margin-top:7px;padding:14px}.loginform .primary{padding:15px;font-size:17px}.hint{color:#8091a5}@media (width<=700px){.login{padding:14px}.loginform{padding:30px 22px}.loginform h2{font-size:28px}.summarybar>div{border-color:#334459}}.toptools{align-items:center;gap:12px;margin-left:auto;display:flex}.toptools .mockflag{margin-left:0}.themeswitch{color:#91a1b5;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.themeswitch input{opacity:0;pointer-events:none;position:absolute}.themeswitch .slider{background:#26384c;border:1px solid #465d76;border-radius:20px;width:46px;height:25px;transition:all .2s;position:relative}.themeswitch .slider:after{content:"";background:#f5c454;border-radius:50%;width:17px;height:17px;transition:all .2s;position:absolute;top:3px;left:4px;box-shadow:0 1px 4px #0006}.themeswitch input:checked+.slider{background:#1459a6}.themeswitch input:checked+.slider:after{background:#e6efff;transform:translate(19px)}.themeswitch input:focus-visible+.slider{outline-offset:2px;outline:3px solid #4ca1ff}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172335;--green:#1768bd;--green2:#dcecff;--ink:#172335;--muted:#607086;--line:#d2dce7;--danger:#b8322b;--warning:#8a5a00;--blue:#155fa8;--page:#eef3f8;--panel:#fff;--panel-2:#f7f9fc;--panel-3:#eaf1f8;background:#eef3f8}html[data-theme=light] body{color:var(--ink);background:#eef3f8}html[data-theme=light] main{background:radial-gradient(circle at 80% -20%,#dcecff 0,#0000 35%),#eef3f8}html[data-theme=light] .sidebar{background:#0b2745;border-color:#264868}html[data-theme=light] .brand{border-color:#ffffff24}html[data-theme=light] .brand span{color:#b9c9da}html[data-theme=light] .navgroup p{color:#8fabc5}html[data-theme=light] .navgroup button{color:#d5e0eb}html[data-theme=light] .navgroup button:hover,html[data-theme=light] .navgroup button.active{color:#123e68;background:#fff}html[data-theme=light] .profile{background:#071e35;border-color:#264868}html[data-theme=light] header{background:#fff;border-color:#d4dee8;box-shadow:0 5px 18px #28435c12}html[data-theme=light] .mockflag{color:#795400;background:#fff5d7;border-color:#e8d394}html[data-theme=light] .themeswitch{color:#5c7088}html[data-theme=light] .themeswitch .slider{background:#d5dee8;border-color:#aebdcb}html[data-theme=light] .secondary:hover{background:#edf5fd;border-color:#6795c1}html[data-theme=light] .kpis article,html[data-theme=light] .card,html[data-theme=light] .job,html[data-theme=light] .summarybar,html[data-theme=light] .scanbox{background:#fff;border-color:#d2dce7;box-shadow:0 8px 24px #2947630d}html[data-theme=light] .progressrow>div{background:#e2e9f0}html[data-theme=light] .task,html[data-theme=light] .orderrow,html[data-theme=light] .countrow{border-color:#e2e8ee}html[data-theme=light] .task>svg{color:#2676c8}html[data-theme=light] .badge.success{color:#17653b;background:#e1f4e8}html[data-theme=light] .badge.danger{color:#a72e28;background:#fbe5e3}html[data-theme=light] .badge.warning{color:#7a5100;background:#fff0c9}html[data-theme=light] .badge.info{color:#155d9e;background:#e3f0fc}html[data-theme=light] .badge.neutral{color:#526174;background:#e9eef3}html[data-theme=light] .notice{color:#155d9e;background:#e5f2ff;border-color:#bfdcf7}html[data-theme=light] .notice.error{color:#a82f28;background:#fbe8e6;border-color:#efc4c0}html[data-theme=light] .searchline{background:#fff;border-color:#aebdcb}html[data-theme=light] .searchline input,html[data-theme=light] .scanbox input{color:#172335}html[data-theme=light] .searchline input::placeholder,html[data-theme=light] .scanbox input::placeholder,html[data-theme=light] input::placeholder{color:#8190a1}html[data-theme=light] .result{color:#172335;background:#f7fafc;border-color:#d3dde7}html[data-theme=light] .summarybar>div{border-color:#d8e1ea}html[data-theme=light] .scanbox{background:#fff;border-color:#3d8bd6;box-shadow:0 0 0 3px #2f83d31c}html[data-theme=light] .tablewrap th{color:#607086;background:#f0f4f8}html[data-theme=light] .tablewrap td{border-color:#e0e7ee}html[data-theme=light] .qty,html[data-theme=light] .formgrid input,html[data-theme=light] .formgrid select,html[data-theme=light] .loginform input,html[data-theme=light] .loginform select{color:#172335;background:#fff;border-color:#aebdcb}html[data-theme=light] .formgrid select,html[data-theme=light] .loginform select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=light] .bottombar{background:#eef3f8e8}html[data-theme=light] .stockstrip{background:linear-gradient(110deg,#123d67,#1e67aa);border-color:#4b7eaa}html[data-theme=light] .tabs{border-color:#d4dee8}html[data-theme=light] .tabs button.active{color:#1768bd;border-color:#2478d4}html[data-theme=light] .scansequence>div{color:#647487;background:#e1e8ef}html[data-theme=light] .scansequence>div.active{color:#155fa8;background:#dbeeff}html[data-theme=light] .scansequence>div.done{color:#fff;background:#1b68b7}html[data-theme=light] .timeline{border-color:#8bb5dc}html[data-theme=light] .login{background:radial-gradient(circle at 50% 20%,#dbeaff 0,#edf3f9 48%,#e5ecf3 100%)}html[data-theme=light] .loginform{background:#fff;border-color:#cbd7e2;box-shadow:0 28px 80px #26486924}html[data-theme=light] .loginform h2{color:#172335}html[data-theme=light] .loginform label{color:#405167}html[data-theme=light] .hint{color:#6b7b8e}@media (width<=700px){.toptools{gap:7px}.themeswitch>svg{display:none}.themeswitch .slider{width:42px}.themeswitch input:checked+.slider:after{transform:translate(15px)}}.modalbackdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(145deg,#172437,#101a28);border:1px solid #40536a;border-radius:16px;width:min(680px,100%);max-height:min(88vh,820px);padding:24px;overflow:auto;box-shadow:0 30px 90px #000b}.modalhead{align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.modalhead>div{flex:1}.modalhead h2{margin:0 0 5px;font-size:22px}.modalhead p{color:var(--muted);margin:0;font-size:13px}.modalhead .iconbtn{color:#b7c5d5}.modalhead .iconbtn svg{width:20px}.modalactions{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:24px;padding-top:17px;display:flex}.modalresult{text-align:center;padding:25px 10px}.modalresult>svg{color:#6edb9d;width:52px;height:52px}.modalresult h3{margin:12px 0 4px}.modalresult p{color:var(--muted);margin:0 0 20px}.formgrid label.check{align-items:center;gap:9px;padding:10px 0;display:flex}.formgrid label.check input{width:18px;height:18px;margin:0}html[data-theme=light] .modal{background:#fff;border-color:#c7d3df;box-shadow:0 30px 90px #203c572d}html[data-theme=light] .modalhead .iconbtn{color:#53677e}@media (width<=700px){.modalbackdrop{place-items:end center;padding:0}.modal{border-radius:18px 18px 0 0;width:100%;max-height:92vh;padding:20px}.modal .formgrid{grid-template-columns:1fr}.modalactions{background:inherit;padding:14px 0 18px;position:sticky;bottom:-20px}.modalactions>*{flex:1}}.formgrid textarea{resize:vertical;color:#f4f7fb;width:100%;min-height:86px;font:inherit;background:#061421;border:1px solid #52667d;border-radius:8px;margin-top:5px;padding:10px;display:block}.formgrid textarea:focus{outline-offset:1px;outline:2px solid #3289e8}.formgrid label small{color:var(--muted);margin-top:4px;font-weight:400;display:block}.formgrid fieldset{border:1px solid #52667d;border-radius:9px;padding:10px 14px}.formgrid legend{padding:0 5px;font-size:12px;font-weight:600}.formgrid fieldset .check{margin-right:18px;display:inline-flex}.formsection{border-bottom:1px solid var(--line);padding:0 0 18px}.formsection:last-of-type{border-bottom:0}.formsection h3{color:#8fc4ff;margin:0 0 12px;font-size:15px}.formsection>.formgrid{display:grid}.formsection>label textarea{margin-bottom:10px}html[data-theme=light] .formgrid textarea{color:#172335;background:#fff;border-color:#aebdcb}html[data-theme=light] .formgrid fieldset{border-color:#aebdcb}html[data-theme=light] .formsection h3{color:#155fa8}.backlink{color:#83bdff;background:0 0;border:0;align-items:center;gap:7px;margin-bottom:14px;padding:0;display:flex}.backlink svg{width:18px}.projecthero{background:#314257;border:1px solid #314257;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:16px;display:grid;overflow:hidden}.projecthero>div{background:#101d2c;padding:16px}.projecthero small,.projecthero b{display:block}.projecthero small{color:var(--muted);font-size:11px}.projecthero b{margin-top:4px;font-size:14px}.projectgrid{grid-template-columns:1.1fr 1fr}.detailgrid{grid-template-columns:1fr 1fr;gap:16px;margin:0;display:grid}.detailgrid div{border-bottom:1px solid #2c3d51;padding-bottom:10px}.detailgrid dt{color:var(--muted);font-size:11px}.detailgrid dd{margin:4px 0 0;font-size:13px;font-weight:600}.readyrow{border-bottom:1px solid #2c3d51;align-items:center;gap:9px;padding:9px 0;font-size:13px;display:flex}.readyrow input{accent-color:#2478d4;width:18px;height:18px}.readyrow span{flex:1}.readyrow+.primary{margin-top:16px}.blockhint{color:var(--muted);margin-top:8px;font-size:11px;display:block}.sectionhead{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.sectionhead h3{margin:0}.sectionhead p{color:var(--muted);margin:3px 0 0;font-size:12px}.textbutton{color:#79b7fa;background:0 0;border:0;padding:5px}.tablewrap>.sectionhead+table{border-top:1px solid var(--line)}html[data-theme=light] .backlink{color:#155fa8}html[data-theme=light] .projecthero{background:#d2dce7;border-color:#d2dce7}html[data-theme=light] .projecthero>div{background:#fff}html[data-theme=light] .detailgrid div,html[data-theme=light] .readyrow{border-color:#e0e7ee}html[data-theme=light] .textbutton{color:#155fa8}@media (width<=850px){.projecthero{grid-template-columns:1fr 1fr}.projectgrid{grid-template-columns:1fr}}@media (width<=520px){.projecthero{grid-template-columns:1fr}.sectionhead{align-items:flex-start;gap:12px}.sectionhead .secondary{padding:8px 10px}}.filterbar{padding:14px}.filterbar .searchline{margin:0 0 10px}.filterrow{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.filterrow select,.filterrow input{color:#fff;background:#071421;border:1px solid #52667d;border-radius:8px;min-width:150px;padding:9px}.filterrow label{color:var(--muted);font-size:11px}.filterrow label input,.filterrow label select{margin-top:4px;display:block}.productsummary{grid-template-columns:1fr minmax(450px,auto);align-items:center;gap:15px;margin-bottom:12px;display:grid}.productsummary h2{margin:4px 0;font-size:20px}.productsummary p,.productsummary small{color:var(--muted);font-size:12px}.productsummary .stockstrip{margin:0}.exceptionbox,.evidence{background:#091725;border:1px solid #35485e;border-radius:10px;margin-bottom:18px;padding:15px}.exceptionbox h3{margin:12px 0}.evidence{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.evidence div{text-align:center}.evidence small,.evidence b{display:block}.evidence small{color:var(--muted)}.evidence b{font-size:24px}.reportlayout{grid-template-columns:260px 1fr;gap:15px;display:grid}.reportmenu{flex-direction:column;gap:5px;display:flex}.reportmenu button{text-align:left;color:#d7e1ed;background:#101d2c;border:1px solid #314257;border-radius:9px;align-items:center;padding:10px 12px;display:flex}.reportmenu button.active{color:#fff;background:#174a7d;border-color:#3c8ddd}.reportmenu button span{flex:1}.reportmenu small{color:var(--muted);font-size:10px;display:block}.reportmenu svg{width:16px}.reportpreview{min-width:0}.chartbars{border-bottom:1px solid var(--line);align-items:end;gap:12px;height:180px;margin-bottom:18px;padding:15px 20px 0;display:flex}.chartbars div{text-align:center;flex-direction:column;flex:1;justify-content:end;height:100%;display:flex}.chartbars i{background:linear-gradient(#368ee8,#1556ae);border-radius:6px 6px 0 0;min-height:5px;display:block}.chartbars small{color:var(--muted);padding:5px;font-size:10px}.stock-search-card{padding:8px 10px}.stock-search-row{grid-template-columns:minmax(400px,1fr) repeat(3,160px);align-items:center;gap:8px;display:grid}.stock-search-card .searchline{border-radius:9px;min-width:0;min-height:42px;margin:0;padding:3px 3px 3px 11px}.stock-search-card .searchline>svg{width:18px}.stock-search-card .filterrow{display:contents}.stock-search-card .filterrow select{border-radius:7px;width:100%;min-width:0;height:36px;padding:6px 28px 6px 9px;font-size:11px}.stock-search-card .searchline input{min-width:0;padding:8px 9px;font-size:13px}.stock-search-card .searchline .primary{white-space:nowrap;border-radius:8px;height:34px;padding:6px 14px;font-size:11px}@media (width<=1050px){.stock-search-row{grid-template-columns:minmax(320px,1fr) repeat(3,minmax(118px,145px))}}@media (width<=820px){.stock-search-row{grid-template-columns:1fr 1fr}.stock-search-card .searchline{grid-column:1/-1}}@media (width<=560px){.stock-search-row{grid-template-columns:1fr}.stock-search-card .searchline{grid-column:auto}.stock-search-card .filterrow{display:contents}}html[data-theme=light] .filterrow select,html[data-theme=light] .filterrow input{color:#172335;background:#fff;border-color:#aebdcb}html[data-theme=light] .exceptionbox,html[data-theme=light] .evidence{background:#f5f8fb;border-color:#d0dae4}html[data-theme=light] .reportmenu button{color:#26374b;background:#fff;border-color:#d2dce7}html[data-theme=light] .reportmenu button.active{color:#fff;background:#1768bd;border-color:#1768bd}@media (width<=900px){.productsummary{grid-template-columns:1fr}.productsummary .stockstrip{width:100%}.reportlayout{grid-template-columns:1fr}.reportmenu{grid-template-columns:1fr 1fr;display:grid}}@media (width<=600px){.filterrow>*,.filterrow select,.filterrow input{width:100%}.productsummary .stockstrip{display:grid}.reportmenu{grid-template-columns:1fr}.chartbars{height:140px;padding-left:5px;padding-right:5px}.evidence{grid-template-columns:1fr 1fr}}.sidebarsettings{border-top:1px solid #ffffff1f;max-height:42vh;padding:8px;overflow:auto}.sidebarsettings p{text-transform:uppercase;letter-spacing:.07em;color:#6f839b;margin:5px 13px;font-size:11px}.sidebarsettings button{color:#bdc9d9;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;padding:9px 12px;font-size:14px;display:flex}.sidebarsettings button svg{width:18px}.sidebarsettings button .chev{opacity:.4;width:14px;margin-left:auto}.sidebarsettings button:hover,.sidebarsettings button.active{color:#174532;background:#fff}.sidebar-collapsed .sidebarsettings p,.sidebar-collapsed .sidebarsettings button span,.sidebar-collapsed .sidebarsettings button .chev{display:none}.sidebar-collapsed .sidebarsettings{padding:8px 10px}.sidebar-collapsed .sidebarsettings button{justify-content:center;padding:11px}.sidebar-collapsed .sidebarsettings button svg{width:21px;height:21px}html[data-theme=light] .sidebarsettings{border-color:#ffffff24}html[data-theme=light] .sidebarsettings p{color:#8fabc5}html[data-theme=light] .sidebarsettings button{color:#d5e0eb}html[data-theme=light] .sidebarsettings button:hover,html[data-theme=light] .sidebarsettings button.active{color:#123e68;background:#fff}@media (width<=1050px){.sidebar-collapsed .sidebarsettings p,.sidebar-collapsed .sidebarsettings button span,.sidebar-collapsed .sidebarsettings button .chev{display:block}.sidebar-collapsed .sidebarsettings{padding:8px}.sidebar-collapsed .sidebarsettings button{justify-content:flex-start;padding:9px 12px}.sidebar-collapsed .sidebarsettings button svg{width:18px;height:18px}}.navgroup.accordion{margin-bottom:4px}.navgroup button.menumain,.sidebarsettings .navgroup button.menumain{color:#d7e2ef;padding:11px 12px;font-weight:650}.navgroup button.menumain>svg:first-child{width:20px;height:20px}.navgroup.accordion.expanded>button.menumain{color:#8fc4ff;background:#10263e}.navgroup.accordion.expanded>button.menumain .chev{transform:rotate(180deg)}.navgroup button .chev{transition:transform .18s}.submenu{border-left:1px solid #31475f;margin:3px 0 8px 17px;padding-left:10px}.submenu button{padding:8px 10px!important;font-size:13px!important}.submenu button>svg:first-child{width:16px!important;height:16px!important}.submenu button.active{color:#fff!important;background:#1b4f82!important}.sidebarsettings{padding-top:7px}.sidebarsettings>.navgroup{margin:0}.sidebarsettings .submenu{max-height:250px;overflow:auto}.topuser{border-left:1px solid var(--line);align-items:center;gap:8px;padding-left:12px;display:flex}.topuser>div{line-height:1.2}.topuser strong,.topuser small{white-space:nowrap;text-overflow:ellipsis;max-width:120px;display:block;overflow:hidden}.topuser small{color:var(--muted);font-size:10px}.logoutbtn{color:#c7d4e3;background:#111f30;border:1px solid #43576e;border-radius:8px;align-items:center;gap:6px;padding:7px 9px;display:flex}.logoutbtn:hover{color:#ffaaa4;background:#3a2021;border-color:#6a3535}.sidebar-collapsed .navgroup button.menumain span,.sidebar-collapsed .navgroup button.menumain .chev{display:none}.sidebar-collapsed .navgroup button.menumain{justify-content:center}html[data-theme=light] .navgroup.accordion.expanded>button.menumain{color:#155fa8;background:#dbeeff}html[data-theme=light] .submenu{border-color:#4c6f91}html[data-theme=light] .submenu button.active{color:#164c7d!important;background:#fff!important}html[data-theme=light] .logoutbtn{color:#40556b;background:#fff;border-color:#b6c4d1}html[data-theme=light] .logoutbtn:hover{color:#a82f28;background:#fbe8e6;border-color:#e4b8b5}@media (width<=1050px){.sidebar-collapsed .navgroup button.menumain span,.sidebar-collapsed .navgroup button.menumain .chev{display:block}.sidebar-collapsed .navgroup button.menumain{justify-content:flex-start}}@media (width<=760px){.topuser>div,.logoutbtn span{display:none}.topuser{padding-left:7px}.topuser .avatar{width:30px;height:30px}.logoutbtn{padding:7px}.toptools{gap:6px}}@media (width<=480px){.mockflag,.topuser .avatar{display:none}.topuser{border-left:0;padding-left:0}header{padding-right:8px}}.checkfilter{align-items:center;gap:7px;padding:9px 4px;display:flex;color:var(--ink)!important;font-size:13px!important}.checkfilter input{accent-color:#2478d4;width:17px;height:17px}.reservationmeta h3{margin-bottom:14px}.formgrid.four{grid-template-columns:repeat(4,1fr)}.formgrid label em{color:#ff8179;font-style:normal}.reservationlines{overflow:visible}.reservationlines table{min-width:1120px}.reservationlines>.sectionhead{flex-wrap:wrap}.filebutton{position:relative;overflow:hidden}.filebutton input{opacity:0;cursor:pointer;position:absolute;inset:0}.stocknumbers{white-space:nowrap}.stocknumbers b{color:#7ce0a8;display:inline!important}.lossbutton{color:#fff;background:#405065;border:0;border-radius:18px;min-width:34px;padding:4px 9px}.dangericon{color:#ff8179}.reservationfooter{grid-template-columns:1fr minmax(330px,420px);align-items:start;gap:20px;display:grid}.reservationfooter>.notice{margin:0}.totals{border:1px solid var(--line);background:#101d2c;border-radius:12px;padding:16px}.totals p{border-bottom:1px solid #2d3e51;justify-content:space-between;margin:0;padding:8px;font-size:13px;display:flex}.totals p.grand{color:#8fc4ff;border:0;font-size:16px}.totals .actions{justify-content:flex-end;margin-top:14px}.radioline{flex-wrap:wrap;gap:18px;padding:8px 0 16px;display:flex}.radioline label{color:var(--muted);font-size:13px}.radioline input{accent-color:#2478d4}.productresult{cursor:pointer;grid-template-columns:1fr minmax(350px,auto) auto;align-items:center;gap:14px;display:grid}.productresult:hover{border-color:#438bd0}.productresult>div b,.productresult>div span{display:block}.productresult>div span{color:var(--muted);font-size:12px}.productresult .stockstrip{margin:0;padding:9px 13px}.productresult .stockstrip span{padding:0 9px}.reservationlines .empty{padding:25px}.reservationlines td>svg{vertical-align:middle;width:14px}html[data-theme=light] .stocknumbers b{color:#17653b}html[data-theme=light] .lossbutton{color:#314155;background:#dfe7ef}html[data-theme=light] .totals{background:#fff}html[data-theme=light] .totals p{border-color:#e1e7ed}html[data-theme=light] .totals p.grand{color:#155fa8}@media (width<=1100px){.formgrid.four{grid-template-columns:1fr 1fr}.reservationfooter,.productresult{grid-template-columns:1fr}.productresult .stockstrip{width:100%}}@media (width<=600px){.formgrid.four{grid-template-columns:1fr}.reservationlines>.sectionhead{display:block}.reservationlines>.sectionhead .actions{margin-top:12px}.reservationlines>.sectionhead .actions>*{flex:1}.radioline{grid-template-columns:1fr 1fr;display:grid}.totals{min-width:0}}.app,.sidebar{transition:all .22s}.brandmark{flex:none}.brandtext{min-width:0}.brand .collapsebtn{color:#c2d1df;margin-left:auto}.brand .collapsebtn svg,.brand .close svg{width:19px}.app.sidebar-collapsed{grid-template-columns:78px 1fr}.sidebar-collapsed .brand{justify-content:center;padding:15px 18px}.sidebar-collapsed .brandtext,.sidebar-collapsed .brand .collapsebtn,.sidebar-collapsed .navgroup p,.sidebar-collapsed .navgroup button span,.sidebar-collapsed .navgroup button .chev,.sidebar-collapsed .profile>div,.sidebar-collapsed .profile .avatar{display:none}.sidebar-collapsed .brandmark{width:40px;height:40px}.sidebar-collapsed nav{padding:12px 10px}.sidebar-collapsed .navgroup{margin-bottom:5px}.sidebar-collapsed .navgroup button{justify-content:center;padding:11px}.sidebar-collapsed .navgroup button svg{width:21px;height:21px}.sidebar-collapsed .profile{justify-content:center;padding:15px 10px}.sidebar-collapsed .profile button{padding:8px}.sidebar-collapsed .sidebar:after{content:"";cursor:pointer;pointer-events:none;background:#1b67b8;border:2px solid #6ea8df;border-radius:50%;width:22px;height:22px;position:absolute;top:62px;right:-11px;box-shadow:0 3px 10px #0006}@media (width>=1051px){.sidebar-collapsed .brandmark{display:none}.sidebar-collapsed .brand .collapsebtn{margin:0;display:block}.sidebar-collapsed .sidebar:after{display:none}}@media (width<=1050px){.app.sidebar-collapsed{grid-template-columns:1fr}.sidebar-collapsed .brand{justify-content:flex-start;padding:15px 18px}.sidebar-collapsed .brandtext,.sidebar-collapsed .navgroup p,.sidebar-collapsed .navgroup button span,.sidebar-collapsed .navgroup button .chev,.sidebar-collapsed .profile>div,.sidebar-collapsed .profile .avatar{display:block}.sidebar-collapsed .brand .collapsebtn{display:none}.sidebar-collapsed .navgroup button{justify-content:flex-start;padding:9px 12px}.sidebar-collapsed .navgroup button svg{width:18px;height:18px}.sidebar-collapsed .profile{justify-content:flex-start;padding:13px}.sidebar-collapsed .sidebar:after,.brand .collapsebtn{display:none}}.meter{background:#26384c;border-radius:999px;height:9px;margin:12px 0 16px;overflow:hidden}.meter i{border-radius:inherit;background:#39a873;height:100%;display:block}.meter.danger i{background:#e0a43b}html[data-theme=light] .meter{background:#dce5ee}.navgroup.accordion.has-active>button.menumain{color:#9dcbff}.navgroup.accordion.has-active>button.menumain:before{content:"";background:#3c93eb;border-radius:0 4px 4px 0;width:3px;height:22px;margin-left:-12px}.navgroup.accordion.has-active>button.menumain>svg:first-of-type{margin-left:-2px}.refreshscreen{color:#cbd8e6;white-space:nowrap;background:#101e2e;border:1px solid #3a4d63;border-radius:9px;align-items:center;gap:7px;height:40px;padding:7px 11px;display:flex}.refreshscreen:hover{color:#fff;background:#17304b;border-color:#438fda}.refreshscreen svg{width:17px}.refreshscreen span{font-size:12px}.topsearch{width:min(420px,36vw);margin-left:14px;position:relative}.topsearch>svg{color:#8192a6;pointer-events:none;width:17px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.topsearch input{color:#edf4fc;background:#101e2e;border:1px solid #3a4d63;border-radius:10px;outline:0;width:100%;height:40px;padding:8px 38px}.topsearch input:focus{border-color:#438fda;box-shadow:0 0 0 3px #3187df2b}.topsearch input::placeholder{color:#8192a6}.searchclear{color:#94a5b8;background:0 0;border:0;border-radius:7px;width:28px;height:28px;padding:5px;position:absolute;top:6px;right:7px}.searchclear:hover{color:#fff;background:#26384c}.searchclear svg{width:16px}.searchresults{z-index:70;background:#101d2c;border:1px solid #40546b;border-radius:12px;position:absolute;top:46px;left:0;right:0;overflow:hidden;box-shadow:0 18px 55px #0009}.searchresults button{color:#dce7f3;text-align:left;background:0 0;border:0;border-bottom:1px solid #293b4f;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.searchresults button:last-child{border-bottom:0}.searchresults button:hover,.searchresults button:focus{background:#174a7d;outline:0}.searchresults button>svg{flex:none;width:17px}.searchresults button>svg:last-child{opacity:.5;width:14px;margin-left:auto}.searchresults span{min-width:0}.searchresults b,.searchresults small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.searchresults b{font-size:13px}.searchresults small{color:#8fa1b5;margin-top:2px;font-size:10px}.searchnone{color:#92a3b5;text-align:center;padding:18px;font-size:12px}html[data-theme=light] .navgroup.accordion.has-active>button.menumain{color:#fff;background:#165b98}html[data-theme=light] .navgroup.accordion.has-active>button.menumain:before{background:#8ec9ff}html[data-theme=light] .refreshscreen,html[data-theme=light] .topsearch input{color:#172335;background:#f5f8fb;border-color:#c5d1dd}html[data-theme=light] .refreshscreen:hover{color:#155d9e;background:#e5f2ff;border-color:#8bb9e4}html[data-theme=light] .searchresults{background:#fff;border-color:#cbd7e2;box-shadow:0 18px 45px #233d5824}html[data-theme=light] .searchresults button{color:#26374b;border-color:#e3e9ef}html[data-theme=light] .searchresults button:hover,html[data-theme=light] .searchresults button:focus{color:#155d9e;background:#e5f2ff}@media (width<=1180px){.topsearch{width:min(360px,34vw)}.mockflag,.topuser>div{display:none}}@media (width<=760px){header{gap:7px}.refreshscreen span{display:none}.refreshscreen{justify-content:center;width:38px;padding:7px}.topsearch{flex:1;width:auto;margin-left:0}.topsearch input{height:38px}.themeswitch>svg{display:none}.toptools{flex:none}.searchresults{position:fixed;top:70px;left:12px;right:12px}.topuser .avatar{display:none}}@media (width<=480px){.topsearch input{padding-left:34px;padding-right:32px;font-size:13px}.themeswitch{display:none}}.refreshscreen{justify-content:center;width:40px;min-width:40px;padding:7px}.reservationfilters{padding:16px 18px}.reservationfiltergrid{grid-template-columns:max-content 210px minmax(320px,1fr);align-items:end;gap:18px;display:grid}.reservationfiltergrid .checkfilter{min-height:40px;color:var(--ink);white-space:nowrap;justify-content:flex-start;align-items:center;gap:9px;margin:0;padding:8px 2px;width:auto!important;display:inline-flex!important}.reservationfiltergrid .checkfilter input{accent-color:#2478d4;min-width:18px;margin:0;width:18px!important;height:18px!important}.reservationfiltergrid .datefilter{width:210px;color:var(--muted);flex-direction:column;gap:5px;font-size:11px;display:flex}.reservationfiltergrid .datefilter input{color:#fff;background:#071421;border:1px solid #52667d;border-radius:9px;width:100%;height:40px;margin:0;padding:8px 11px}.reservationfiltergrid .searchline{width:100%;height:40px;margin:0;padding-top:2px;padding-bottom:2px}.reservationfiltergrid .searchline input{height:34px}.reservationfiltergrid .searchline .primary{height:34px;padding:6px 18px}html[data-theme=light] .reservationfiltergrid .datefilter input{color:#172335;background:#fff;border-color:#aebdcb}@media (width<=900px){.reservationfiltergrid{grid-template-columns:max-content minmax(190px,1fr)}.reservationfiltergrid .searchline{grid-column:1/-1}}@media (width<=560px){.reservationfilters{padding:14px}.reservationfiltergrid{grid-template-columns:1fr;gap:12px}.reservationfiltergrid .checkfilter,.reservationfiltergrid .datefilter,.reservationfiltergrid .searchline{grid-column:1;width:100%}.reservationfiltergrid .searchline{height:auto;min-height:42px}.reservationfiltergrid .searchline .primary{padding-left:12px;padding-right:12px}}input[data-thai-picker=true]{font-variant-numeric:tabular-nums}input[data-thai-picker=true]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8}.sortable-table th.sortable-column{cursor:pointer;-webkit-user-select:none;user-select:none;padding-right:28px;position:relative}.sortable-table th.sortable-column:after{content:"↕";color:#8192a6;font-size:13px;font-weight:400;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.sortable-table th.sortable-column[data-sort-direction=ascending]:after{content:"↑";color:#78baff}.sortable-table th.sortable-column[data-sort-direction=descending]:after{content:"↓";color:#78baff}.sortable-table th.sortable-column:hover{color:#fff;background:#1a3049}.sortable-table th.sortable-column:focus-visible{outline-offset:-3px;outline:2px solid #4c9ef2}.sortable-table th.sortable-column[aria-sort=ascending],.sortable-table th.sortable-column[aria-sort=descending]{color:#9dcbff;background:#132c47}html[data-theme=light] .sortable-table th.sortable-column:hover{color:#155d9e;background:#dfedf9}html[data-theme=light] .sortable-table th.sortable-column[aria-sort=ascending],html[data-theme=light] .sortable-table th.sortable-column[aria-sort=descending]{color:#155d9e;background:#dbeeff}html[data-theme=light] .sortable-table th.sortable-column[data-sort-direction]:after{color:#155d9e}.dashboardfilters{grid-template-columns:repeat(4,minmax(145px,1fr)) auto;align-items:end;gap:12px;padding:16px;display:grid}.dashboardfilters label{color:var(--muted);font-size:11px}.dashboardfilters input,.dashboardfilters select{color:#fff;background:#071421;border:1px solid #52667d;border-radius:9px;width:100%;height:40px;margin-top:5px;padding:8px 10px;display:block}.dashboardfilters .primary{height:40px}.dashboardkpis{grid-template-columns:repeat(6,1fr)}.dashboardkpis article{position:relative;overflow:hidden}.dashboardkpis article:before{content:"";background:#388bdc;width:3px;position:absolute;inset:0 auto 0 0}.dashboardkpis b{font-size:23px}.dashboardchart{padding:0;overflow:hidden}.charthead{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 10px;display:flex}.charthead h3{margin:0 0 3px}.charthead p{color:var(--muted);margin:0;font-size:12px}.chartlegend{color:var(--muted);justify-content:flex-end;gap:18px;padding:0 22px;font-size:11px;display:flex}.chartlegend span:before{content:"";vertical-align:middle;border-radius:3px;width:18px;height:3px;margin-right:6px;display:inline-block}.zchart{width:100%;height:auto;min-height:250px;padding:0 12px;display:block}.zchart text{fill:var(--muted);font-size:10px}.chartgrid line{stroke:#33465b;stroke-width:1px}.chartline{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.chartline.monthly{stroke:#48a8e8}.chartline.cumulative{stroke:#46c5a2}.chartline.mat{stroke:#f26587}.chartpoint{fill:#48a8e8;stroke:#0b1725;stroke-width:2px}.chartfoot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:12px;padding:10px 20px 16px;font-size:10px;display:flex}.dashboardgrid{grid-template-columns:1.3fr .7fr;gap:16px;display:grid}.channelbars{padding:6px 20px 20px}.channelbars>div{grid-template-columns:170px 1fr 82px;align-items:center;gap:12px;margin:15px 0;font-size:12px;display:grid}.channelbars>div>div{background:#26384c;border-radius:9px;height:12px;overflow:hidden}.channelbars i{border-radius:inherit;background:linear-gradient(90deg,#287bcd,#48a8e8);height:100%;display:block}.channelbars b{text-align:right;font-size:12px}.donutwrap{justify-content:center;align-items:center;gap:28px;padding:12px 20px 28px;display:flex}.donut{background:conic-gradient(#3187d8 0 97%,#e6a53c 97% 100%);border-radius:50%;place-items:center;width:156px;height:156px;display:grid;position:relative}.donut:before{content:"";background:#101d2c;border-radius:50%;position:absolute;inset:24px}.donut>div{text-align:center;position:relative}.donut b,.donut span{display:block}.donut b{font-size:20px}.donut span{color:var(--muted);font-size:10px}.donutlegend{min-width:120px}.donutlegend p{grid-template-columns:12px 1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.donutlegend i{border-radius:3px;width:10px;height:10px}.dashboardbottom{margin-top:0}html[data-theme=light] .dashboardfilters input,html[data-theme=light] .dashboardfilters select{color:#172335;background:#fff;border-color:#aebdcb}html[data-theme=light] .chartgrid line{stroke:#dbe3eb}html[data-theme=light] .chartpoint{stroke:#fff}html[data-theme=light] .channelbars>div>div{background:#e1e8ef}html[data-theme=light] .donut:before{background:#fff}@media (width<=1200px){.dashboardkpis{grid-template-columns:repeat(3,1fr)}.dashboardfilters{grid-template-columns:repeat(2,1fr) auto}.dashboardgrid{grid-template-columns:1fr 1fr}}@media (width<=850px){.dashboardfilters{grid-template-columns:1fr 1fr}.dashboardfilters .primary{grid-column:1/-1}.dashboardgrid{grid-template-columns:1fr}.chartfoot{flex-wrap:wrap}.chartlegend{justify-content:flex-start;padding-top:5px}.zchart{min-width:680px}.widechart{overflow-x:auto}}@media (width<=600px){.dashboardkpis{grid-template-columns:1fr 1fr}.dashboardfilters{grid-template-columns:1fr}.dashboardfilters .primary{grid-column:1}.channelbars>div{grid-template-columns:120px 1fr}.channelbars b{grid-column:2}.donutwrap{flex-direction:column}.chartlegend{flex-wrap:wrap;gap:10px}}.channelgroupgrid{background:var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.channelgroup{background:#101d2c;min-width:0}.channelgrouphead{border-bottom:1px solid #2d4055;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.channelgrouphead>div b,.channelgrouphead>div small{display:block}.channelgrouphead small{color:var(--muted);margin-top:2px;font-size:10px}.channelgrouphead strong{font-size:16px}.channelgroup.offline .channelgrouphead{border-top:3px solid #3187d8}.channelgroup.online .channelgrouphead{border-top:3px solid #36b79a}.channelgroup.special .channelgrouphead{border-top:3px solid #a779e8}.channelgroup .channelbars{padding:5px 16px 16px}.channelgroup .channelbars>div{grid-template-columns:125px minmax(55px,1fr) 55px;gap:8px;margin:11px 0;font-size:10px}.channelgroup .channelbars>div>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.donut.channels{background:conic-gradient(#3187d8 0 77.1%,#36b79a 77.1% 91%,#a779e8 91% 99.6%,#7c8998 99.6% 100%)}.channeloverview{grid-template-columns:.8fr 1.2fr}.channelquality{grid-template-columns:1fr 1fr;margin:4px 20px 16px}.channelquality article{padding:15px}html[data-theme=light] .channelgroup{background:#fff}html[data-theme=light] .channelgrouphead{border-color:#dde5ed}@media (width<=1100px){.channelgroupgrid{grid-template-columns:1fr 1fr}.channelgroup.special{grid-column:1/-1}.channelgroup.special .channelbars{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.channeloverview{grid-template-columns:1fr 1fr}}@media (width<=760px){.channelgroupgrid,.channeloverview{grid-template-columns:1fr}.channelgroup.special{grid-column:auto}.channelgroup.special .channelbars{display:block}.channelgroup .channelbars>div{grid-template-columns:120px 1fr 52px}.channelgroup .channelbars b{grid-column:auto}.channelquality{grid-template-columns:1fr 1fr}}.thaidate{width:100%;margin-top:5px;position:relative}.thaidate-trigger{color:#f4f7fb;text-align:left;background:#071421;border:1px solid #52667d;border-radius:9px;align-items:center;gap:8px;width:100%;height:40px;padding:8px 10px;display:flex}.thaidate-trigger:hover,.thaidate-trigger[aria-expanded=true]{border-color:#438fda}.thaidate-trigger:focus-visible{outline-offset:1px;outline:2px solid #4c9ef2}.thaidate-trigger>svg{color:#8eb4d9;flex:none;width:16px}.thaidate-trigger>svg:last-child{width:14px;margin-left:auto}.thaidate-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.thaidate-trigger .placeholder{color:#8192a6}.thaidate-required{opacity:0;pointer-events:none;bottom:1px;left:12px;border:0!important;width:1px!important;min-width:0!important;height:1px!important;margin:0!important;padding:0!important;position:absolute!important}.thaicalendar{z-index:120;color:#e6eef8;background:#101d2c;border:1px solid #40546b;border-radius:13px;width:310px;padding:14px;position:absolute;top:46px;left:0;box-shadow:0 20px 55px #000b}.calendarhead{grid-template-columns:34px 1fr 34px;align-items:center;margin-bottom:10px;display:grid}.calendarhead b{text-align:center;font-size:14px}.calendarhead button{color:#dce8f5;background:#1b2c40;border:0;border-radius:8px;height:32px;font-size:23px;line-height:1}.weekdays,.monthdays{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.weekdays span{text-align:center;color:#8092a8;padding:5px 0;font-size:10px}.monthdays>button{color:#dce7f3;background:0 0;border:0;border-radius:8px}.monthdays>button.selected{color:#fff;box-shadow:none;background:#2171c4;font-weight:700}.timepicker{border-top:1px solid #314257;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;color:#aebdcd!important;font-size:12px!important;display:flex!important}.timepicker input{color:#fff!important;background:#071421!important;border:1px solid #52667d!important;border-radius:8px!important;width:130px!important;height:36px!important;margin:0!important;padding:6px 9px!important}.calendaractions{border-top:1px solid #314257;justify-content:flex-end;gap:6px;margin-top:12px;padding-top:10px;display:flex}.calendaractions button{color:#8fc4ff;background:0 0;border:0;border-radius:7px;padding:7px 10px;font-size:11px}.calendaractions button.confirm{color:#fff;background:#1e6dc0}.calendaractions button:disabled{opacity:.45}.datefilter .thaidate{margin-top:0}.datefilter>.thaidate{width:100%}html[data-theme=light] .thaicalendar{color:#172335;background:#fff;border-color:#c6d2de;box-shadow:0 20px 55px #263f592e}html[data-theme=light] .calendarhead button:hover,html[data-theme=light] .monthdays>button:hover{background:#e2effb}html[data-theme=light] .monthdays>button{color:#26384c}html[data-theme=light] .monthdays>button.today{color:#155fa8}html[data-theme=light] .monthdays>button.selected{color:#fff;background:#1768bd}html[data-theme=light] .timepicker,html[data-theme=light] .calendaractions{border-color:#dce4ec}html[data-theme=light] .timepicker input{color:#172335!important;background:#fff!important;border-color:#aebdcb!important}html[data-theme=light] .calendaractions button:hover{background:#e5f2ff}@media (width<=420px){.thaicalendar{width:auto;position:fixed;inset:auto 10px 10px}.monthdays>span,.monthdays>button{height:38px}}.thaidate-trigger{color:#edf3fa;background:#142438;border-color:#425a73}.thaidate-trigger:hover,.thaidate-trigger[aria-expanded=true]{background:#182b41;border-color:#5b82aa}.thaidate-trigger>svg{color:#91b8de}.thaicalendar{background:#17273a;border-color:#40566d;box-shadow:0 18px 45px #0007}.calendarhead button{color:#dce8f4;background:#22364c}.calendarhead button:hover{background:#2b4968}.weekdays span{color:#9bacbf}.monthdays>button{color:#e0e8f2}.monthdays>button:hover{background:#294158}.monthdays>button.today{color:#a8d2ff;box-shadow:inset 0 0 0 1px #619bd1}.monthdays>button.selected{color:#fff;background:#2b79c4}.timepicker,.calendaractions{border-color:#3a4d61}.timepicker input{background:#1b2d41!important;border-color:#4a627b!important}.calendaractions button{color:#a9d1fa}.calendaractions button:hover{background:#294158}.calendaractions button.confirm{background:#2b79c4}.thaidate.drop-up .thaicalendar{top:auto;bottom:46px}html[data-theme=light] .thaidate-trigger{color:#203247;background:#f7fafd;border-color:#c7d4e0}html[data-theme=light] .thaidate-trigger:hover,html[data-theme=light] .thaidate-trigger[aria-expanded=true]{background:#eef6fd;border-color:#88afd3}html[data-theme=light] .thaicalendar{background:#fdfefe;border-color:#d3dde7;box-shadow:0 16px 42px #35516e24}html[data-theme=light] .weekdays span{color:#718397}html[data-theme=light] .calendarhead button{color:#35536f;background:#edf4fa}html[data-theme=light] .monthdays>button:hover{background:#e9f3fc}html[data-theme=light] .timepicker input{background:#f8fbfd!important;border-color:#c7d4e0!important}.dashboardfilters{grid-template-columns:repeat(6,minmax(125px,1fr)) auto}.dashboardcontext{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin:-4px 0 14px;padding:0 4px;font-size:11px;display:flex}.dashboardcontext>span+span:before{content:"•";color:#52667d;margin-right:10px}@media (width<=1350px){.dashboardfilters{grid-template-columns:repeat(3,1fr) auto}}@media (width<=900px){.dashboardfilters{grid-template-columns:1fr 1fr}.dashboardfilters .primary{grid-column:1/-1}}@media (width<=560px){.dashboardfilters{grid-template-columns:1fr}.dashboardfilters .primary{grid-column:1}.dashboardcontext>span{width:100%}.dashboardcontext>span+span:before{display:none}}.warehousefinder{padding:0;overflow:hidden}.warehouse-search{border-bottom:1px solid var(--line);padding:18px 20px 14px}.warehouse-search .searchline{max-width:980px;margin:0 auto 14px}.warehouse-search fieldset{border:0;flex-wrap:wrap;justify-content:center;gap:28px;margin:0;padding:0;display:flex}.warehouse-search legend{float:left;color:var(--muted);margin-right:20px;font-size:11px}.warehouse-search fieldset label{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.warehouse-search fieldset input{accent-color:#2c86dc;width:16px;height:16px}.warehouse-summary{color:var(--muted);background:#122235;justify-content:space-between;gap:12px;padding:10px 20px;font-size:11px;display:flex}.warehouse-results{max-height:440px;overflow:auto}.warehouse-results table{margin:0}.warehouse-results tbody tr{cursor:pointer}.warehouse-results tbody tr:hover,.warehouse-results tbody tr:focus{background:#183654;outline:0}.warehouse-results td small{color:var(--muted);font-size:10px;display:block}.warehousebasket{padding:0}.basketrow{border-top:1px solid var(--line);grid-template-columns:26px 1fr 90px 38px;align-items:center;gap:10px;padding:12px 20px;display:grid}.basketrow>span{color:#fff;background:#1b4f82;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.basketrow b,.basketrow small{display:block}.basketrow small{color:var(--muted);font-size:11px}.warehousebasket>.actions{padding:0 20px 18px}.productchoice{grid-template-columns:1fr minmax(300px,auto);align-items:center;gap:18px;display:grid}.productchoice h3{margin:5px 0}.productchoice p,.productchoice small{color:var(--muted)}.productchoice .stockstrip{margin:0}.warehouse-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:10px;display:grid}.warehouse-kpis button{min-height:132px;color:var(--ink);text-align:left;background:radial-gradient(circle at 100% 0,#4696e22b,#0000 48%),linear-gradient(145deg,#17283c,#101d2c);border:1px solid #334b63;border-radius:15px;padding:20px 20px 18px 24px;transition:transform .16s,border-color .16s,box-shadow .16s;position:relative;overflow:hidden;box-shadow:0 9px 24px #00071033}.warehouse-kpis button:before{content:"";background:#4d9de5;width:4px;position:absolute;inset:0 auto 0 0}.warehouse-kpis button.low:before{background:#e7b83d}.warehouse-kpis button.expiry:before{background:#e68b43}.warehouse-kpis button.exception:before{background:#e5655f}.warehouse-kpis button:hover,.warehouse-kpis button:focus-visible{border-color:#6295c1;outline:none;transform:translateY(-2px);box-shadow:0 13px 29px #00071047}.warehouse-kpis button.active{background:radial-gradient(circle at 100% 0,#4297eb45,#0000 52%),linear-gradient(145deg,#1c3854,#12273c);border-color:#79b9ef;box-shadow:inset 0 0 0 1px #79b9ef61,0 13px 29px #0007104d}.warehouse-kpis span,.warehouse-kpis b,.warehouse-kpis small{display:block}.warehouse-kpis span{color:#9eb0c2;font-size:12px;font-weight:650}.warehouse-kpis b{color:#f5f8fc;font-variant-numeric:tabular-nums;margin:10px 0 9px;font-size:26px;line-height:1}.warehouse-kpis small{color:#94a7ba;font-size:10px;line-height:1.4}.warehouse-kpi-context{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin:-2px 0 12px;padding:0 3px;font-size:10px;display:flex}.warehouse-kpi-context .textbutton{font-size:10px}html[data-theme=light] .warehouse-kpis button{color:#17283a;background:radial-gradient(circle at 100% 0,#4593db24,#0000 48%),linear-gradient(145deg,#fff,#f2f7fb);border-color:#c8d6e3;box-shadow:0 9px 23px #2645621a}html[data-theme=light] .warehouse-kpis button.active{background:linear-gradient(145deg,#eef7ff,#e1effb);border-color:#5b9ed8;box-shadow:inset 0 0 0 1px #3684ca33,0 11px 25px #26456226}html[data-theme=light] .warehouse-kpis b{color:#17283a}html[data-theme=light] .warehouse-kpis span,html[data-theme=light] .warehouse-kpis small{color:#60768b}@media (width<=1100px){.warehouse-kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.warehouse-kpis{grid-template-columns:1fr}.warehouse-kpis button{min-height:112px}.warehouse-kpi-context{flex-direction:column;align-items:flex-start}}.pagehead .actions .warehouse-mock{align-items:center;display:inline-flex}.pagehead .actions .warehouse-action{white-space:nowrap;border-radius:8px;min-height:34px;padding:6px 11px;font-size:11px;line-height:1.2}.pagehead .actions .export-action{color:#effff7;background:#176943;border-color:#2b9b69;box-shadow:0 5px 13px #0d5b3833}.pagehead .actions .import-action:hover{background:#22364c;border-color:#8297ad}.pagehead .actions .reservation-action:not(:disabled):hover{background:#2779c5;border-color:#65a7e5}.pagehead .actions .reservation-action:disabled{color:#718397;box-shadow:none;background:#16283b;border-color:#334b63}html[data-theme=light] .pagehead .actions .reservation-action{color:#fff;background:#1d6fb9;border-color:#1d6fb9}html[data-theme=light] .pagehead .actions .reservation-action:disabled{color:#8795a3;background:#e9eef3;border-color:#c6d2dd}@media (width<=700px){.pagehead .actions .warehouse-action{flex:1;min-width:118px}.pagehead .actions .warehouse-mock{flex:none}}.kpis:not(.dashboardkpis)>article,.projecthero>div{isolation:isolate;background:radial-gradient(circle at 100% 0,#3a8bdc21,#0000 46%),linear-gradient(145deg,#152438 0%,#0f1b2b 100%);border:1px solid #324a63;border-radius:14px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 9px 24px #00071033}.kpis:not(.dashboardkpis)>article:before,.projecthero>div:before{content:"";background:linear-gradient(#55b2f2,#2380d5);border-radius:14px 0 0 14px;width:4px;position:absolute;inset:0 auto 0 0}.kpis:not(.dashboardkpis)>article:after,.projecthero>div:after{content:"";z-index:-1;background:#3d91e114;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-54px;right:-46px}.kpis:not(.dashboardkpis)>article:hover,.projecthero>div:hover{border-color:#456887;transform:translateY(-2px);box-shadow:0 13px 28px #00071045}.kpis:not(.dashboardkpis)>article>span,.kpis:not(.dashboardkpis)>article>small,.projecthero>div>small{color:#94a7bc}.kpis:not(.dashboardkpis)>article>b,.projecthero>div>b{color:#f5f8fc;font-variant-numeric:tabular-nums}.kpis:not(.dashboardkpis).compact>article{flex-direction:column;justify-content:center;min-height:108px;padding:16px 18px 15px 21px;display:flex}.kpis:not(.dashboardkpis).compact>article>b{margin:8px 0 0;font-size:22px;line-height:1.1}.projecthero{background:0 0;border:0;gap:12px;overflow:visible}.projecthero>div{min-height:94px;padding:16px 18px 14px 21px}.summarybar{background:radial-gradient(circle at 100% 0,#3a8bdc1a,#0000 45%),linear-gradient(145deg,#152438,#0f1b2b);border-color:#324a63;position:relative;overflow:hidden;box-shadow:0 9px 24px #00071033}.summarybar:before{content:"";background:linear-gradient(#55b2f2,#2380d5);width:4px;position:absolute;inset:0 auto 0 0}.summarybar b{color:#f5f8fc;font-variant-numeric:tabular-nums}html[data-theme=light] .kpis:not(.dashboardkpis)>article,html[data-theme=light] .projecthero>div,html[data-theme=light] .summarybar{background:radial-gradient(circle at 100% 0,#4a97de1f,#0000 46%),linear-gradient(145deg,#fff 0%,#f3f8fc 100%);border-color:#c6d6e4;box-shadow:0 9px 24px #2345651a}html[data-theme=light] .kpis:not(.dashboardkpis)>article:hover,html[data-theme=light] .projecthero>div:hover{border-color:#8bb5d9;box-shadow:0 13px 28px #23456529}html[data-theme=light] .kpis:not(.dashboardkpis)>article>span,html[data-theme=light] .kpis:not(.dashboardkpis)>article>small,html[data-theme=light] .projecthero>div>small{color:#63788e}html[data-theme=light] .kpis:not(.dashboardkpis)>article>b,html[data-theme=light] .projecthero>div>b,html[data-theme=light] .summarybar b{color:#14263a}@media (width<=700px){.kpis:not(.dashboardkpis).compact>article{min-height:96px;padding:14px 15px 13px 18px}.projecthero{gap:9px}.projecthero>div{min-height:86px;padding:14px 15px 13px 18px}}.primary,.secondary,.filebutton{white-space:nowrap;border-radius:9px;height:40px;min-height:40px;padding:8px 15px;font-size:12px;font-weight:700;line-height:1.2;transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s}.primary{color:#fff;background:linear-gradient(#318be5,#1762bf);border-color:#4b91da;box-shadow:0 5px 13px #005cbe38}.primary:not(:disabled):hover{background:linear-gradient(#42a0f5,#2477d2);border-color:#70b2ef;transform:translateY(-1px)}.secondary{color:#8cc2ff;box-shadow:none;background:#111f30;border-color:#526b85}.secondary:not(:disabled):hover{color:#b8d9ff;background:#1a2e44;border-color:#7292b2;transform:translateY(-1px)}.pagehead .actions .warehouse-action,.stock-search-card .searchline .primary,.reservationfiltergrid .searchline .primary{border-radius:9px;height:40px;min-height:40px;padding:8px 15px;font-size:12px}.pagehead .actions .export-action{color:#f1fff8;background:linear-gradient(#238255,#176943);border-color:#32a873}.pagehead .actions .export-action:not(:disabled):hover{background:linear-gradient(#2c9a68,#208154);border-color:#58cd96}.pagehead .actions .import-action{color:#ffe3a5;background:linear-gradient(#6c5124,#4c391b);border-color:#bd8c37}.pagehead .actions .import-action:not(:disabled):hover{color:#fff0c7;background:linear-gradient(#81632e,#61491f);border-color:#e0ae53}.pagehead .actions .reservation-action{color:#fff;background:linear-gradient(#318be5,#1762bf);border-color:#4b91da}.pagehead .actions .warehouse-mock .badge{min-height:40px;padding:7px 11px}html[data-theme=light] .primary{color:#fff;background:linear-gradient(#338cdf,#1768bd);border-color:#277ac7}html[data-theme=light] .secondary{color:#155fa8;background:#fff;border-color:#9fb5ca}html[data-theme=light] .secondary:not(:disabled):hover{color:#0f5798;background:#edf5fd;border-color:#6795c1}html[data-theme=light] .pagehead .actions .export-action{color:#fff;background:linear-gradient(#249864,#168052);border-color:#168052}html[data-theme=light] .pagehead .actions .import-action{color:#76500d;background:#fff7e6;border-color:#c59642}@media (width<=560px){.primary,.secondary,.filebutton{padding-left:12px;padding-right:12px}}.tabs{scrollbar-width:thin;background:#0d1a29;border:1px solid #31475e;border-radius:11px;align-items:center;gap:4px;width:max-content;max-width:100%;margin-bottom:15px;padding:4px;display:flex;overflow-x:auto;box-shadow:inset 0 1px #ffffff06,0 5px 14px #0007101f}.tabs button{color:#91a4b8;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;min-width:122px;height:38px;padding:7px 16px;font-size:12px;font-weight:650;line-height:1.2;transition:background .16s,color .16s,border-color .16s,box-shadow .16s;position:relative}.tabs button:hover{color:#d9e7f4;background:#162a3e;border-color:#3c566f}.tabs button.active{color:#fff;background:linear-gradient(#2c7bc2,#1c5e99);border-color:#4b91d5;font-weight:800;box-shadow:inset 0 1px #ffffff29,0 4px 10px #094d893d}.tabs button.active:before{content:"";background:#9dd1ff;border-radius:0 3px 3px 0;width:3px;position:absolute;top:7px;bottom:7px;left:0}.tabs button:focus-visible{outline-offset:2px;outline:2px solid #78baff}html[data-theme=light] .tabs{background:#eef3f7;border-color:#c8d5e1;box-shadow:inset 0 1px #fff,0 5px 14px #23415c14}html[data-theme=light] .tabs button{color:#5c7185}html[data-theme=light] .tabs button:hover{color:#174f80;background:#fff;border-color:#aac1d5}html[data-theme=light] .tabs button.active{color:#fff;background:linear-gradient(#3389d4,#1d6db2);border-color:#2878bd;box-shadow:inset 0 1px #ffffff40,0 4px 10px #2368a533}@media (width<=600px){.tabs{width:100%;padding:3px}.tabs button{min-width:108px;height:36px;padding:6px 13px;font-size:11px}}.warehouse-scope{border-bottom:1px solid var(--line);background:#132338;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:16px 20px;display:grid}.warehouse-scope label{min-width:0;color:var(--muted);font-size:11px}.warehouse-scope select{color:#eef4fb;background:#1a2b3f;border:1px solid #52667d;border-radius:9px;width:100%;height:40px;margin-top:5px;padding:8px 10px;display:block}.warehouse-scope .thaidate-trigger{min-width:0}.warehouse-scope .thaidate-trigger span{font-size:11px}html[data-theme=light] .warehouse-summary{background:#edf4fa}html[data-theme=light] .warehouse-results tbody tr:hover,html[data-theme=light] .warehouse-results tbody tr:focus{background:#e9f3fc}html[data-theme=light] .warehouse-scope{background:#f3f7fb}html[data-theme=light] .warehouse-scope select{color:#172335;background:#fff;border-color:#aebdcb}@media (width<=1200px){.warehouse-scope{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.warehouse-scope{grid-template-columns:1fr 1fr}.warehouse-search fieldset{justify-content:flex-start;gap:12px 20px}.warehouse-search legend{float:none;width:100%;margin:0}.warehouse-results table{min-width:980px}.productchoice{grid-template-columns:1fr}.productchoice .stockstrip{width:100%}}@media (width<=520px){.warehouse-scope{grid-template-columns:1fr;padding:14px}.warehouse-search{padding:14px}.warehouse-search fieldset{grid-template-columns:1fr 1fr;display:grid}.warehouse-search legend{grid-column:1/-1}.warehouse-summary{display:block}.warehouse-summary span{margin:3px 0;display:block}.basketrow{grid-template-columns:24px 1fr 34px}.basketrow .qty{grid-column:2}}.tablepagination{border-top:1px solid var(--line);background:#101d2c;justify-content:flex-end;align-items:center;gap:10px;min-width:520px;padding:8px 12px;display:flex}.pagination-summary{color:var(--muted);margin-right:2px;font-size:10px}.pagination-controls{justify-content:flex-end;align-items:center;gap:3px;display:flex}.pagination-controls button{color:#dbe6f2;background:#17283a;border:1px solid #3f536a;border-radius:50%;min-width:28px;height:28px;padding:3px 7px;font-size:12px;line-height:1}.pagination-controls button:not(:disabled):hover{background:#23568a;border-color:#4b8bc9}.pagination-controls button.current{color:#fff;background:#2478c9;border-color:#5da4e5;font-weight:700}.pagination-controls button:disabled{opacity:.35}.pagination-controls span{color:#718398;padding:0 2px;font-size:11px}.pagination-tools{justify-content:flex-end;align-items:center;gap:7px;display:flex}.pagination-tools select,.pagination-tools input{color:#e3edf7;background:#17283a;border:1px solid #40546b;border-radius:6px;height:28px;padding:3px 6px;font-size:11px}.pagination-tools select{width:78px}.pagination-tools label{color:var(--muted);align-items:center;gap:4px;font-size:10px;display:flex}.pagination-tools input{width:46px}.sortable-table tbody tr[hidden]{display:none}html[data-theme=light] .tablepagination{background:#f7f9fc}html[data-theme=light] .pagination-controls button,html[data-theme=light] .pagination-tools select,html[data-theme=light] .pagination-tools input{color:#26384c;background:#fff;border-color:#bdcad7}html[data-theme=light] .pagination-controls button:not(:disabled):hover{background:#e5f2ff;border-color:#7ba9d2}html[data-theme=light] .pagination-controls button.current{color:#fff;background:#1768bd;border-color:#1768bd}@media (width<=700px){.tablepagination{flex-wrap:wrap;justify-content:flex-end;gap:7px;min-width:0;padding:8px}.pagination-summary{text-align:right;width:100%}.pagination-tools,.pagination-controls{justify-content:flex-end}}.sidebar{border-right:1px solid #6891b838;box-shadow:8px 0 24px #00071047,2px 0 8px #00071033}html[data-theme=light] .sidebar{border-right-color:#527ea647;box-shadow:8px 0 24px #0f2a4329,2px 0 8px #0f2a431f}@media (width<=1050px){.sidebar{box-shadow:14px 0 34px #00050c6b,3px 0 10px #00050c40}html[data-theme=light] .sidebar{box-shadow:14px 0 34px #0f2a433d,3px 0 10px #0f2a4329}}@media (width>=1051px){.app.sidebar-collapsed{grid-template-columns:104px minmax(0,1fr)}.app.sidebar-collapsed.compact-menu-open{grid-template-columns:352px minmax(0,1fr)}.sidebar-collapsed .sidebar{width:104px}.sidebar-collapsed nav{padding:10px 8px}.sidebar-collapsed .navgroup{margin-bottom:3px}.sidebar-collapsed .navgroup button.menumain,.sidebar-collapsed .sidebarsettings .navgroup button.menumain{text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:58px;padding:7px 5px;display:flex}.sidebar-collapsed .navgroup button.menumain span,.sidebar-collapsed .sidebarsettings .navgroup button.menumain span{width:100%;color:inherit;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;line-height:1.2;display:block;overflow:hidden}.sidebar-collapsed .navgroup button.menumain .chev,.sidebar-collapsed .sidebarsettings .navgroup button.menumain .chev{display:none}.sidebar-collapsed .navgroup button.menumain>svg:first-child,.sidebar-collapsed .sidebarsettings .navgroup button.menumain>svg:first-child{width:22px;height:22px;margin:0}.sidebar-collapsed .sidebarsettings{padding:7px 8px}.sidebar-collapsed .navgroup.accordion.has-active>button.menumain:before{margin:0;position:absolute;left:0}.sidebar-collapsed .navgroup button.menumain{position:relative}}.compactsubmenu{display:none}@media (width>=1051px){.sidebar-collapsed .sidebar nav .submenu,.sidebar-collapsed .sidebarsettings .submenu{display:none}.compactsubmenu{z-index:1;background:#101f30;border-right:1px solid #30465d;flex-direction:column;width:248px;animation:.18s ease-out submenu-slide;display:flex;position:absolute;top:0;bottom:0;left:100%;box-shadow:12px 0 28px #0007104d}.compactsubmenu-head{background:#14263a;border-bottom:1px solid #314357;justify-content:space-between;align-items:center;min-height:78px;padding:14px 14px 14px 18px;display:flex}.compactsubmenu-head small,.compactsubmenu-head strong{display:block}.compactsubmenu-head small{color:#8195aa;margin-bottom:2px;font-size:10px}.compactsubmenu-head strong{color:#f0f5fb;font-size:15px}.compactsubmenu-head button{color:#aebfd0}.compactsubmenu-head button:hover{color:#fff;background:#263b51}.compactsubmenu-head svg{width:18px}.compactsubmenu-list{padding:10px;overflow:auto}.compactsubmenu-list button{color:#c4d1df;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:42px;padding:9px 10px;display:flex}.compactsubmenu-list button:hover{color:#fff;background:#1b344d}.compactsubmenu-list button.active{color:#fff;background:#245f97}.compactsubmenu-list button>svg{flex:none;width:17px;height:17px}.compactsubmenu-list button span{flex:1;font-size:12px}.compactsubmenu-list button .chev{opacity:.55;width:13px}@keyframes submenu-slide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}html[data-theme=light] .compactsubmenu{background:#edf3f8;border-color:#b7c9d9;box-shadow:12px 0 28px #14334f2e}html[data-theme=light] .compactsubmenu-head{background:#e3edf5;border-color:#c5d3df}html[data-theme=light] .compactsubmenu-head small{color:#6c8195}html[data-theme=light] .compactsubmenu-head strong{color:#21364a}html[data-theme=light] .compactsubmenu-head button{color:#577087}html[data-theme=light] .compactsubmenu-list button{color:#40576d}html[data-theme=light] .compactsubmenu-list button:hover{color:#164f80;background:#dce9f3}html[data-theme=light] .compactsubmenu-list button.active{color:#fff;background:#2874b8}.sidebar-collapsed .brandmark{border:1px solid #ffffff2e;width:42px;height:42px;display:grid;box-shadow:0 6px 16px #0000003d}.sidebar-collapsed .brand{justify-content:center;padding:15px}}.brandmark{letter-spacing:-.04em;font-size:15px}.brandmark.large{font-size:22px}.content{width:100%;max-width:1600px;padding:22px 24px}.refreshscreen,.topsearch input{height:34px}.refreshscreen{width:34px;min-width:34px;padding:6px}.topsearch{margin-left:10px}.logoutbtn{padding:5px 8px}.sidebar-collapsed .brandmark{letter-spacing:-.055em;white-space:nowrap;width:40px;height:40px;padding:0 3px;line-height:1;overflow:hidden;font-size:14px!important}@media (width>=1051px){.sidebar-collapsed .brand{height:60px;padding:9px}.compactsubmenu-head{min-height:60px;padding:9px 14px 9px 18px}}@media (width<=1050px){header{height:58px;padding:0 16px}.content{padding:18px}.brand{height:60px;padding-top:9px;padding-bottom:9px}}@media (width<=700px){header{height:56px;padding:0 10px}.content{padding:12px}.searchresults{top:60px}}.chartstatus{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.chartwarning{color:#f2c96d;background:#2a2316;border:1px solid #705a2d;border-radius:8px;align-items:center;gap:7px;margin:0 20px 10px;padding:9px 11px;font-size:11px;display:flex}.chartwarning svg{flex:none;width:16px}.monthlybars rect{fill:#3c9fe2;opacity:.72;transition:opacity .15s}.monthlybars rect:hover{opacity:1}.chartpoints circle{stroke:#0b1725;stroke-width:2px}.chartpoints.cumulative circle{fill:#46c5a2}.chartpoints.mat circle{fill:#f26587}.zchart .axisvalue,.zchart .axislabels text{fill:var(--muted);font-size:10px}.zchart .axistitle{fill:var(--muted);font-size:10px;font-weight:600}.zchart .chartline{filter:drop-shadow(0 2px 2px #0000002e)}.widechart .chartlegend{padding-top:4px}.widechart .chartfoot{flex-wrap:wrap;justify-content:flex-start}.widechart .chartfoot span+span:before{content:"•";color:#52667d;margin-right:10px}html[data-theme=light] .chartwarning{color:#765000;background:#fff8e7;border-color:#e5c77d}html[data-theme=light] .chartpoints circle{stroke:#fff}.zchart .monthlybars rect{fill:url(#monthly-bar);opacity:.55}.zchart .monthlybars rect:hover{opacity:.9}.zchart .chartline{stroke-width:4px;filter:url(#line-glow);transition:opacity .2s}.zchart .chartline.mat{stroke:#ff6e96;stroke-width:3.5px;stroke-dasharray:10 6}.zchart .chartpoints circle{stroke-width:3px;transition:r .15s,filter .15s}.zchart .chartpoints circle:hover{r:6;filter:drop-shadow(0 0 5px)}.widechart{border-radius:16px}.widechart .charthead{padding:18px 22px 8px}.widechart .chartlegend{align-items:center;min-height:42px;padding:4px 24px 8px}.widechart .zchart{width:100%;height:auto;min-height:0;padding:0 18px 4px;overflow:visible}.widechart .chartfoot{align-items:center;min-height:44px;padding:10px 22px 12px}.zchart .axislabels text{font-size:11px;font-weight:600}.zchart .axisvalue{font-size:10px}.zchart .monthlybars rect{shape-rendering:geometricprecision}.zchart .chartline{fill:none;vector-effect:non-scaling-stroke}.zchart .chartpoints circle{vector-effect:non-scaling-stroke}@media (width<=850px){.widechart{overflow-x:auto}.widechart .charthead,.widechart .chartlegend,.widechart .chartfoot{min-width:760px}.widechart .zchart{width:760px;min-width:760px;padding-left:10px;padding-right:10px}}.monthlysalesgrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.monthlysaleschart{padding:0;overflow:hidden}.monthlysaleschart .charthead{padding-bottom:5px}.saleslegend{min-height:30px;color:var(--muted);justify-content:flex-end;gap:16px;padding:0 20px;font-size:11px;display:flex}.saleslegend span:before{content:"";vertical-align:middle;border-radius:4px;width:18px;height:3px;margin-right:6px;display:inline-block}.monthlysaleschart svg{width:100%;height:auto;padding:0 10px;display:block}.salesgrid line{stroke:#33465b;stroke-width:1px;stroke-dasharray:3 6}.salesgrid text,.saleslabels text{fill:var(--muted);font-size:10px}.salesseries path{fill:none;stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 3px 4px #0003)}.salesseries circle{stroke:#0b1725;stroke-width:3px}.salesvalue{fill:var(--ink);font-size:10px;font-weight:700}.monthlysaleschart .chartfoot{flex-wrap:wrap;justify-content:flex-start}.monthlysaleschart .chartfoot span+span:before{content:"•";color:#52667d;margin-right:8px}html[data-theme=light] .salesgrid line{stroke:#d5dee7}html[data-theme=light] .salesseries circle{stroke:#fff}.chartactions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:8px;display:flex}.chartactions label{color:var(--muted);font-size:10px}.chartactions select{color:#e3edf7;background:#17283a;border:1px solid #40546b;border-radius:8px;min-width:142px;height:34px;margin-top:3px;padding:5px 28px 5px 9px;font-size:11px;display:block}.chartactions select:focus{outline-offset:1px;outline:2px solid #3d8edb}html[data-theme=light] .chartactions select{color:#26384c;background:#fff;border-color:#bdcad7}@media (width<=1100px){.monthlysalesgrid{grid-template-columns:1fr}}@media (width<=700px){.monthlysaleschart{overflow-x:auto}.monthlysaleschart .charthead,.monthlysaleschart .saleslegend,.monthlysaleschart .chartfoot{min-width:680px}.monthlysaleschart svg{width:680px;min-width:680px}}.dashboardchart,.monthlysaleschart{border-color:#334b63;box-shadow:0 8px 24px #00081229}html[data-theme=light] .dashboardchart,html[data-theme=light] .monthlysaleschart{border-color:#c9d7e4;box-shadow:0 8px 24px #2848661a}.channelpie{background:conic-gradient(from -40deg,#88a6d8 0 77.1%,#a9d68b 77.1% 91%,#f4dc62 91% 99.6%,#c6c9ce 99.6% 100%);border-radius:50%;flex:none;width:230px;height:142px;position:relative;transform:rotateX(10deg);box-shadow:0 5px #637da9,0 10px #536b93,0 17px 24px #0000004d}.channelpie:after{content:"";pointer-events:none;background:linear-gradient(150deg,#ffffff52,#0000 48%);border-radius:50%;position:absolute;inset:4px 9px 16px}.channelpie span{z-index:1;color:#182334;text-shadow:0 1px #ffffff73;font-size:13px;font-weight:800;position:absolute;transform:rotateX(-10deg)}.channelpie .pie-offline{color:#fff;text-shadow:0 1px 2px #00000073;top:76px;left:45px}.channelpie .pie-online{top:24px;right:53px}.channelpie .pie-special{top:72px;right:22px}.channelpie .pie-unknown{font-size:10px;bottom:16px;left:107px}.donutlegend i.offline{background:#88a6d8}.donutlegend i.online{background:#a9d68b}.donutlegend i.special{background:#f4dc62}.donutlegend i.unknown{background:#c6c9ce}.donutlegend p{padding:3px 0}.donutlegend b{font-variant-numeric:tabular-nums}.chartlegend .monthly:before{background:#88a6d8}.chartlegend .cumulative:before{background:#73bf91}.chartlegend .mat:before{background:repeating-linear-gradient(90deg,#e7b83d 0 8px,#0000 8px 12px)}.zchart .monthlybars rect{fill:#88a6d8}.zchart .chartline.mat{stroke:#e7b83d}.zchart .chartpoints.cumulative circle{fill:#73bf91}.zchart .chartpoints.mat circle{fill:#e7b83d}.saleslegend .total:before{background:#73bf91}.saleslegend .product-a:before{background:#a9d68b}.saleslegend .product-b:before{background:#e7b83d}.salesseries.total path,.salesseries.total circle{stroke:#73bf91}.salesseries.total circle{fill:#73bf91}.salesseries.product-a path,.salesseries.product-a circle{stroke:#a9d68b}.salesseries.product-a circle{fill:#a9d68b}.salesseries.product-b path,.salesseries.product-b circle{stroke:#e7b83d}.salesseries.product-b circle{fill:#e7b83d}.chartgrid line,.salesgrid line{stroke-dasharray:2 7;opacity:.62}.channelgroup.offline .channelgrouphead{border-top-color:#88a6d8}.channelgroup.online .channelgrouphead{border-top-color:#a9d68b}.channelgroup.special .channelgrouphead{border-top-color:#f4dc62}.channelgroup.offline .channelbars i{background:linear-gradient(90deg,#708fc5,#9bb5df)}.channelgroup.online .channelbars i{background:linear-gradient(90deg,#83b968,#b7df9e)}.channelgroup.special .channelbars i{background:linear-gradient(90deg,#d9b83b,#f4dc62)}@media (width<=520px){.donutwrap{gap:18px}.channelpie{width:200px;height:124px}.channelpie .pie-offline{top:65px;left:38px}.channelpie .pie-online{top:20px;right:45px}.channelpie .pie-special{top:62px;right:18px}.channelpie .pie-unknown{bottom:13px;left:93px}}.contentregion{position:relative}.routecontent{animation:.2s ease-out both content-fade-in}.contentregion.is-loading .routecontent{opacity:.58;filter:saturate(.82);pointer-events:none;transition:opacity .18s,filter .18s}.sectionloader{z-index:12;color:#cbd9e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1c2ceb;border:1px solid #3e566e;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;animation:.16s ease-out both loader-fade-in;display:flex;position:absolute;top:18px;right:24px;box-shadow:0 8px 24px #0000003d}.sectionloader .spinner{width:14px;height:14px}.refreshscreen.is-loading svg{animation:.75s linear infinite spin}.empty>.spinner.dark{margin-bottom:8px;display:inline-block}.integrationstatus-region{position:relative}@keyframes content-fade-in{0%{opacity:.25;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes loader-fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}html[data-theme=light] .sectionloader{color:#344b60;background:#fffffff0;border-color:#c2d0dc;box-shadow:0 8px 24px #233e5826}@media (width<=700px){.sectionloader{position:fixed;top:64px;right:10px}.contentregion.is-loading .routecontent{opacity:.68}}@media (prefers-reduced-motion:reduce){.routecontent,.sectionloader,.refreshscreen.is-loading svg{animation:none!important}.contentregion.is-loading .routecontent{transition:none}}.dashboardkpis{gap:14px}.dashboardkpis article{isolation:isolate;background:radial-gradient(circle at 100% 0,#3a8bdc1f,#0000 46%),linear-gradient(145deg,#152438 0%,#0f1b2b 100%);border:1px solid #324a63;border-radius:14px;flex-direction:column;justify-content:center;min-height:142px;padding:20px 20px 18px 24px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 26px #00071033}.dashboardkpis article:before{content:"";z-index:2;background:linear-gradient(#55b2f2,#2380d5);border-radius:14px 0 0 14px;width:4px;position:absolute;inset:0 auto 0 0}.dashboardkpis article:after{content:"";z-index:-1;background:#3d91e114;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-62px;right:-54px}.dashboardkpis article:hover{border-color:#456887;transform:translateY(-2px);box-shadow:0 14px 30px #00071045}.dashboardkpis article>span{color:#94a7bc;margin-bottom:10px;font-size:12px;font-weight:600;line-height:1.35}.dashboardkpis article>b{color:#f5f8fc;font-variant-numeric:tabular-nums;letter-spacing:-.025em;margin:0 0 12px;font-size:27px;line-height:1}.dashboardkpis article>small{color:#9cadbf;min-height:18px;font-size:11px;font-weight:550;line-height:1.4}.dashboardkpis article>small.good{color:#45a5ef!important}.dashboardkpis article>small.warn{color:#f1bd4a!important}.dashboardkpis article>small.bad{color:#ff7c75!important}html[data-theme=light] .dashboardkpis article{background:radial-gradient(circle at 100% 0,#4a97de1f,#0000 46%),linear-gradient(145deg,#fff 0%,#f3f8fc 100%);border-color:#c6d6e4;box-shadow:0 10px 25px #2345651a}html[data-theme=light] .dashboardkpis article:hover{border-color:#8bb5d9;box-shadow:0 14px 28px #23456529}html[data-theme=light] .dashboardkpis article>span{color:#63788e}html[data-theme=light] .dashboardkpis article>b{color:#14263a}html[data-theme=light] .dashboardkpis article>small{color:#718499}html[data-theme=light] .dashboardkpis article>small.good{color:#1975bd!important}html[data-theme=light] .dashboardkpis article>small.warn{color:#9a6500!important}html[data-theme=light] .dashboardkpis article>small.bad{color:#bc342d!important}@media (width<=1200px){.dashboardkpis article{min-height:130px}}@media (width<=600px){.dashboardkpis{grid-template-columns:1fr}.dashboardkpis article{min-height:116px;padding:17px 18px 16px 22px}.dashboardkpis article>b{font-size:25px}}.zchart .chartarea{stroke:none;pointer-events:none}.zchart .chartarea.monthly{fill:url(#monthly-area)}.zchart .chartarea.cumulative{fill:url(#cumulative-area)}.zchart .chartline{filter:none;stroke-width:3.25px}.zchart .chartline.monthly{stroke:#4f7fe8}.zchart .chartline.cumulative{stroke:#58c7bc}.zchart .chartline.mat{stroke:#e1b447;stroke-width:2.25px;stroke-dasharray:8 7;opacity:.88}.zchart .chartpoints.cumulative circle,.zchart .chartpoints.mat circle{r:3;opacity:.18}.zchart .chartpoints circle:hover{r:5;opacity:1}.zchart .chartgrid line{stroke-dasharray:none;opacity:.34}.chartlegend .monthly:before{background:#4f7fe8;height:3px}.chartlegend .cumulative:before{background:#58c7bc;height:3px}.chartlegend .mat:before{background:repeating-linear-gradient(90deg,#e1b447 0 7px,#0000 7px 11px);height:3px}html[data-theme=light] .zchart .chartgrid line{stroke:#d7e0e9;opacity:.62}.salesgauge{padding:0;overflow:hidden}.gaugefilters{grid-template-columns:repeat(3,1fr);gap:8px;padding:4px 18px 8px;display:grid}.gaugefilters label{color:var(--muted);font-size:10px}.gaugefilters select{color:#e3edf7;background:#17283a;border:1px solid #40546b;border-radius:7px;width:100%;height:32px;margin-top:3px;padding:4px 8px;font-size:11px;display:block}.gaugebody{grid-template-columns:minmax(260px,1.15fr) minmax(170px,.85fr);align-items:center;gap:8px;padding:4px 18px 8px;display:grid}.gaugebody svg{width:100%;max-height:230px;display:block}.gauge-track,.gauge-low,.gauge-mid,.gauge-high{fill:none;stroke-width:22px}.gauge-track{stroke:#26384c}.gauge-low{stroke:#f0bd44;stroke-dasharray:35 65}.gauge-mid{stroke:#78a4df;stroke-dasharray:35 65;stroke-dashoffset:-35px}.gauge-high{stroke:#68bf8a;stroke-dasharray:30 70;stroke-dashoffset:-70px}.gauge-needle{stroke:#f3f7fb;stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 2px 3px #00000059);transition:x2 .35s,y2 .35s}.gauge-hub{fill:#f3f7fb;stroke:#2b435c;stroke-width:4px}.gauge-percent{fill:#f4f8fc;font-size:31px;font-weight:800}.gauge-caption,.gauge-min,.gauge-max{fill:var(--muted);font-size:10px}.gaugemetrics{gap:8px;display:grid}.gaugemetrics>div{background:#122135;border:1px solid #31475e;border-radius:9px;padding:9px 11px}.gaugemetrics span,.gaugemetrics b{display:block}.gaugemetrics span{color:var(--muted);font-size:10px}.gaugemetrics b{margin-top:3px;font-size:15px}.salesgauge .chartfoot{flex-wrap:wrap;justify-content:flex-start}.salesgauge .chartfoot span+span:before{content:"•";color:#52667d;margin-right:8px}html[data-theme=light] .gaugefilters select{color:#26384c;background:#fff;border-color:#bdcad7}html[data-theme=light] .gauge-track{stroke:#e2e9ef}html[data-theme=light] .gauge-needle{stroke:#26384c}html[data-theme=light] .gauge-hub{fill:#26384c;stroke:#fff}html[data-theme=light] .gauge-percent{fill:#17283a}html[data-theme=light] .gaugemetrics>div{background:#f5f8fb;border-color:#d5e0e9}@media (width<=600px){.gaugefilters,.gaugebody{grid-template-columns:1fr}.gaugemetrics{grid-template-columns:repeat(3,1fr)}.gaugemetrics b{font-size:12px}}.zchart .chartline.monthly,.zchart .chartline.cumulative{stroke-dasharray:1800;stroke-dashoffset:1800px;animation:1.1s cubic-bezier(.4,0,.2,1) forwards trend-draw}.zchart .chartarea.monthly,.zchart .chartarea.cumulative{opacity:0;animation:.7s .45s forwards trend-area-in}.zchart .monthly-axis{fill:#4f7fe8}@keyframes trend-draw{to{stroke-dashoffset:0}}@keyframes trend-area-in{to{opacity:1}}@media (prefers-reduced-motion:reduce){.zchart .chartline.monthly,.zchart .chartline.cumulative,.zchart .chartarea.monthly,.zchart .chartarea.cumulative{stroke-dashoffset:0;opacity:1;animation:none}}.gauge-percent{letter-spacing:-.04em;font-size:38px;font-weight:850}.gauge-caption{font-size:11px;font-weight:650}.gauge-unit{fill:var(--muted);font-size:9px;font-weight:600}.gauge-hub{opacity:.18}.gauge-needle{opacity:.42}html[data-theme=light] .gauge-unit{fill:#66798d}header{height:54px;padding:0 18px}.mockflag{padding:5px 9px;font-size:10px}.mockflag svg{width:13px}.toptools{gap:7px}.themeswitch{gap:4px}.themeswitch>svg{width:14px;height:14px}.themeswitch .slider{width:38px;height:21px}.themeswitch .slider:after{width:13px;height:13px;top:3px;left:3px}.themeswitch input:checked+.slider:after{transform:translate(18px)}.topuser{gap:6px;padding-left:8px}.topuser .avatar{width:30px;height:30px;font-size:12px}.logoutbtn{height:32px;padding:4px 7px}.logoutbtn svg{width:15px}.logoutbtn span{font-size:10px}.notificationmenu{position:relative}.notificationbutton{color:#cbd8e6;background:#122236;border:1px solid #40546b;border-radius:9px;place-items:center;width:34px;height:34px;padding:0;display:grid;position:relative}.notificationbutton:hover,.notificationbutton[aria-expanded=true]{color:#fff;background:#183959;border-color:#4b91d4}.notificationbutton>svg{width:17px}.notificationbutton>span{color:#fff;background:#e14f49;border:2px solid #0a1624;border-radius:10px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-weight:800;display:grid;position:absolute;top:-5px;right:-5px}.notificationpanel{z-index:90;background:#101d2c;border:1px solid #40546b;border-radius:12px;width:310px;position:absolute;top:41px;right:0;overflow:hidden;box-shadow:0 18px 48px #00000073}.notificationpanel>div{border-bottom:1px solid #2d4053;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.notificationpanel>div strong{font-size:13px}.notificationpanel>div small{color:var(--muted);font-size:10px}.notificationpanel>button{color:#dce7f2;text-align:left;background:0 0;border:0;border-bottom:1px solid #293b4e;align-items:center;gap:9px;width:100%;padding:10px 12px;display:flex}.notificationpanel>button:hover{background:#183654}.notificationpanel>button>span{background:#4e9ce5;border-radius:50%;flex:none;width:7px;height:7px}.notificationpanel>button>span.urgent{background:#f06a62}.notificationpanel>button>div{flex:1}.notificationpanel>button b,.notificationpanel>button small{display:block}.notificationpanel>button b{font-size:11px}.notificationpanel>button small{color:var(--muted);margin-top:2px;font-size:9px}.notificationpanel>button>svg{opacity:.5;width:13px}.notificationpanel .notificationall{color:#83bdff;text-align:center;border-bottom:0;padding:10px;font-size:10px;display:block}html[data-theme=light] .notificationbutton{color:#40566d;background:#f5f8fb;border-color:#bfccd8}html[data-theme=light] .notificationbutton>span{border-color:#fff}html[data-theme=light] .notificationpanel{background:#fff;border-color:#cbd7e2;box-shadow:0 18px 45px #233d5633}html[data-theme=light] .notificationpanel>div,html[data-theme=light] .notificationpanel>button{border-color:#e1e8ef}html[data-theme=light] .notificationpanel>button{color:#26384b}html[data-theme=light] .notificationpanel>button:hover{background:#edf5fc}@media (width>=1051px){.sidebar-collapsed .brand,.compactsubmenu-head{height:54px;min-height:54px}.sidebar-collapsed .brand{padding:7px}.compactsubmenu-head{padding:7px 14px 7px 18px}}@media (width<=700px){header{height:52px;padding:0 8px}.mockflag{display:none}.notificationpanel{width:auto;position:fixed;top:58px;left:8px;right:8px}}.notificationpanel{width:440px;max-height:min(650px,100vh - 70px);overflow:hidden}.notificationhead{background:#101d2c;border-bottom:1px solid #2d4053;justify-content:space-between;align-items:center;height:auto;padding:14px 16px;display:flex;position:static}.notificationhead div{gap:2px;display:grid}.notificationhead strong{font-size:16px}.notificationhead small{color:var(--muted);font-size:10px}.notificationhead>b{color:#ffaaa5;background:#412122;border-radius:999px;padding:4px 8px;font-size:10px}.notificationpanel>.notificationtabs{background:#0c1826;border-bottom:1px solid #2d4053;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:7px;display:grid}.notificationtabs button{color:#8fa2b6;white-space:nowrap;background:0 0;border:0;border-radius:7px;min-width:0;padding:8px 4px;font-size:10px}.notificationtabs button.active{color:#fff;background:#1c4f7d;font-weight:700}.notificationlist{max-height:430px;overflow:auto;border:0!important;padding:0!important;display:block!important}.notificationlist>button{color:#dce7f2;text-align:left;background:#101d2c;border:0;border-bottom:1px solid #293b4e;grid-template-columns:48px 1fr 15px;align-items:start;gap:9px;width:100%;padding:12px 14px;display:grid}.notificationlist>button:hover{background:#183654}.notificationlist>button.is-read{opacity:.63;background:#0c1825}.notificationseverity{color:#9fc7ec;border:1px solid #52708c;border-radius:6px;place-items:center;min-height:24px;padding:3px 5px;font-size:9px;font-weight:700;display:grid}.severity-critical .notificationseverity{color:#ffaaa5;background:#482426;border-color:#a94d4d}.severity-warning .notificationseverity{color:#ffd276;background:#3d3019;border-color:#9b712b}.notificationlist>button>div{min-width:0}.notificationlist b,.notificationlist p,.notificationlist small{margin:0;display:block}.notificationlist b{font-size:12px}.notificationlist p{color:#b2c1d0;margin-top:3px;font-size:10px;line-height:1.45}.notificationlist small{color:#70859a;margin-top:4px;font-size:9px}.notificationlist svg{opacity:.55;width:14px;margin-top:5px}.notificationempty{color:var(--muted);text-align:center;margin:0;padding:38px 15px;font-size:11px}.notificationfooter{background:#0c1826;border-top:1px solid #2d4053;justify-content:space-between;align-items:center;height:auto;padding:9px 13px;display:flex;position:static}.notificationfooter button{color:#78b9f5;background:0 0;border:0;font-size:10px}.notificationfooter small{color:var(--muted);font-size:9px}html[data-theme=light] .notificationhead,html[data-theme=light] .notificationlist>button{color:#26384b;background:#fff;border-color:#e1e8ef}html[data-theme=light] .notificationpanel>.notificationtabs,html[data-theme=light] .notificationfooter{background:#f4f7fa;border-color:#dce5ed}html[data-theme=light] .notificationlist>button:hover{background:#edf5fc}html[data-theme=light] .notificationlist>button.is-read{background:#f5f7f9}html[data-theme=light] .notificationlist p{color:#53677c}@media (width<=700px){.notificationpanel{width:auto;max-height:calc(100dvh - 66px);top:58px}.notificationlist{max-height:calc(100dvh - 205px)}.notificationfooter small{display:none}}.dashboard-sortable{flex-direction:column;display:flex}.dashboard-section{min-width:0;position:relative}.dashboard-sortable.editing{gap:12px}.dashboard-sortable.editing .dashboard-section{background:#091522;border:1px dashed #52799c;border-radius:13px;padding:10px;transition:border-color .15s,opacity .15s}.dashboard-sortable.editing .dashboard-section:hover{border-color:#71b9f6}.dashboard-section.dragging{opacity:.42;border-color:#f0b84b!important}.dashboard-dragbar{color:#dbe9f6;cursor:grab;background:#152b40;border-radius:8px;grid-template-columns:24px auto 1fr 34px 34px;align-items:center;gap:8px;margin:-2px 0 10px;padding:7px 9px;display:grid}.dashboard-dragbar>span{color:#78bafa;font-size:21px;line-height:1}.dashboard-dragbar b{font-size:12px}.dashboard-dragbar small{color:#8096aa;font-size:10px}.dashboard-dragbar button{color:#b9d8f4;background:#0c1b2a;border:1px solid #4b6780;border-radius:6px;width:30px;height:28px;padding:0}.dashboard-dragbar button:disabled{opacity:.3}.dashboard-permission-card{padding:18px}.dashboard-permission-layout{grid-template-columns:230px 1fr;align-items:start;gap:16px;display:grid}.dashboard-permission-layout>label{color:var(--muted);font-size:12px}.dashboard-permission-layout>label select{width:100%;height:40px;color:var(--ink);background:#071421;border:1px solid #526a82;border-radius:8px;margin-top:5px;padding:6px 9px;display:block}.dashboard-permission-layout fieldset{border:1px solid #40566d;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:12px;display:grid}.dashboard-permission-layout legend{color:var(--muted);padding:0 6px;font-size:11px}.dashboard-permission-layout fieldset label{cursor:pointer;background:#0b1928;border:1px solid #344a60;border-radius:8px;align-items:flex-start;gap:9px;padding:10px;display:flex}.dashboard-permission-layout fieldset input{accent-color:#3389df;flex:none;width:17px;height:17px}.dashboard-permission-layout fieldset b,.dashboard-permission-layout fieldset small{display:block}.dashboard-permission-layout fieldset b{font-size:12px}.dashboard-permission-layout fieldset small{color:var(--muted);margin-top:2px;font-size:10px}.dashboard-permission-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}html[data-theme=light] .dashboard-sortable.editing .dashboard-section{background:#f7fbff}html[data-theme=light] .dashboard-dragbar{color:#20384f;background:#e5f1fc}html[data-theme=light] .dashboard-permission-layout fieldset label{background:#f5f8fb;border-color:#c8d5e1}@media (width<=800px){.dashboard-permission-layout,.dashboard-permission-layout fieldset{grid-template-columns:1fr}.dashboard-dragbar{grid-template-columns:22px 1fr 34px 34px}.dashboard-dragbar small{display:none}}.count-project-tabs{background:#0c1928;border:1px solid #3c536a;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 14px;padding:6px;display:grid}.count-project-tabs button{color:#8598ab;text-align:left;background:0 0;border:0;border-radius:8px;gap:2px;min-height:64px;padding:10px 35px 10px 12px;display:grid;position:relative}.count-project-tabs button:hover{color:#dce9f6;background:#152a40}.count-project-tabs button.active{color:#fff;background:#246fba;box-shadow:inset 0 0 0 1px #64b1f2,0 5px 14px #001a3345}.count-project-tabs b{font-size:13px}.count-project-tabs small{opacity:.75;font-size:10px}.count-project-tabs span{color:#b9d6ef;background:#20384e;border-radius:999px;place-items:center;width:22px;height:22px;font-size:10px;font-weight:800;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.count-project-tabs button.active span{color:#1c67ab;background:#fff}.count-project-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.count-project-summary article{background:#102033;border:1px solid #3c5269;border-radius:10px;padding:13px 15px}.count-project-summary span,.count-project-summary small{color:var(--muted);font-size:10px;display:block}.count-project-summary b{margin:2px 0;font-size:21px;display:block}.count-project-cards .job{flex-direction:column;min-height:270px;display:flex}.count-project-cards .job>p:last-of-type{flex:1}.count-project-cards .job .secondary svg{width:15px}.count-project-cards .job>.secondary{margin-top:auto}html[data-theme=light] .count-project-tabs{background:#edf3f8;border-color:#c5d2df}html[data-theme=light] .count-project-tabs button:hover{color:#20384f;background:#dcebf8}html[data-theme=light] .count-project-summary article{background:#fff;border-color:#cbd8e4}@media (width<=900px){.count-project-tabs,.count-project-cards{grid-template-columns:1fr 1fr}}@media (width<=600px){.count-project-tabs,.count-project-cards,.count-project-summary{grid-template-columns:1fr}.count-project-tabs button{min-height:55px}.count-project-cards .job{min-height:0}}.count-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.count-overview>div{background:#102033;border:1px solid #3d5369;border-radius:11px;padding:14px 16px}.count-overview>div.attention{background:#2c2618;border-color:#785f30}.count-overview span,.count-overview small,.count-overview b{display:block}.count-overview span,.count-overview small{color:var(--muted);font-size:11px}.count-overview b{margin:2px 0;font-size:25px}.count-overview .attention b{color:#ffd273}.count-workflow{background:#0b1827;border:1px solid #3d536a;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px;display:grid;overflow:hidden}.count-workflow button{color:#8fa2b5;text-align:left;background:0 0;border:0;border-right:1px solid #31465a;align-items:center;gap:10px;min-height:68px;padding:10px 14px;display:flex;position:relative}.count-workflow button:last-child{border-right:0}.count-workflow button:after{content:"";z-index:2;background:#0b1827;border-top:1px solid #31465a;border-right:1px solid #31465a;width:13px;height:13px;position:absolute;right:-7px;transform:rotate(45deg)}.count-workflow button:last-child:after{display:none}.count-workflow button.active{color:#fff;background:#1d5f9e}.count-workflow button.active:after{background:#1d5f9e}.count-workflow button:hover:not(.active){color:#e5f1fb;background:#142a3e}.count-workflow i{border:1px solid;border-radius:999px;flex:none;place-items:center;width:30px;height:30px;font-style:normal;font-weight:800;display:grid}.count-workflow span{flex:1;min-width:0}.count-workflow b,.count-workflow small{display:block}.count-workflow b{font-size:13px}.count-workflow small{opacity:.8;margin-top:2px;font-size:10px}.count-workflow em{background:#20394f;border-radius:999px;flex:none;place-items:center;width:22px;height:22px;font-size:10px;font-style:normal;font-weight:800;display:grid}.count-workflow button.active em{color:#1d5f9e;background:#fff}.count-project-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:14px 17px;display:flex}.count-project-toolbar small,.count-project-toolbar p{color:var(--muted)}.count-project-toolbar h3,.count-project-toolbar p{margin:1px 0}.count-project-toolbar .searchline{width:min(440px,48%);margin:0}.count-project-list{gap:9px;margin-top:12px;display:grid}.count-project-row{background:#0f1e2f;border:1px solid #3b5269;border-radius:11px;grid-template-columns:5px minmax(0,1fr) auto;align-items:center;gap:15px;min-height:124px;padding:0 16px 0 0;display:grid;overflow:hidden}.count-project-row:hover{background:#13263a;border-color:#6283a3}.count-project-state{background:#708397;align-self:stretch}.count-project-row.success .count-project-state{background:#42b897}.count-project-row.warning .count-project-state{background:#e0a93d}.count-project-row.danger .count-project-state{background:#e35f69}.count-project-row.info .count-project-state{background:#4a9ce6}.count-project-main{padding:13px 0}.count-project-id{align-items:center;gap:9px;display:flex}.count-project-main h3{margin:7px 0;font-size:17px}.count-project-main p{color:var(--muted);align-items:center;gap:6px;margin:3px 0;font-size:12px;display:flex}.count-project-main p svg{flex:none;width:14px;height:14px}.count-project-row>button{white-space:nowrap;align-items:center;gap:5px;display:flex}.count-project-row>button svg{width:15px}html[data-theme=light] .count-overview>div{background:#fff;border-color:#c4d1dd}html[data-theme=light] .count-overview>div.attention{background:#fff7df;border-color:#e6c77c}html[data-theme=light] .count-workflow{background:#eef4f8;border-color:#c4d1dd}html[data-theme=light] .count-workflow button{color:#60758a;border-color:#c4d1dd}html[data-theme=light] .count-workflow button:after{background:#eef4f8;border-color:#c4d1dd}html[data-theme=light] .count-workflow button.active{color:#fff;background:#2474bd}html[data-theme=light] .count-workflow button.active:after{background:#2474bd}html[data-theme=light] .count-project-row{background:#fff;border-color:#c4d1dd}html[data-theme=light] .count-project-row:hover{background:#eef6fc}@media (width<=950px){.count-overview,.count-workflow{grid-template-columns:1fr 1fr}.count-workflow button:nth-child(2){border-right:0}.count-workflow button:nth-child(2):after{display:none}.count-workflow button:nth-child(-n+2){border-bottom:1px solid #31465a}.count-project-toolbar{flex-direction:column;align-items:stretch}.count-project-toolbar .searchline{width:100%}}@media (width<=600px){.count-overview,.count-workflow{grid-template-columns:1fr}.count-workflow button{border-bottom:1px solid #31465a;border-right:0}.count-workflow button:after{display:none}.count-project-row{grid-template-columns:5px 1fr;padding-right:12px}.count-project-row>button{grid-column:2;justify-content:center;width:100%;margin:0 0 12px}.count-project-main{padding-bottom:4px}}.people-form-grid{align-items:start}.person-search-field{min-width:0}.person-combobox{background:#071421;border:1px solid #52667d;border-radius:9px;align-items:center;height:42px;margin-top:5px;padding:0 10px;display:flex}.person-combobox:focus-within{border-color:#4c9ef2;box-shadow:0 0 0 3px #4c9ef226}.person-combobox>svg{color:#8297ad;flex:none;width:17px;height:17px}.person-combobox>svg:last-child{width:15px}.person-combobox input{width:100%;min-width:0;height:40px;color:var(--ink);outline:0;margin:0;padding:0 9px;box-shadow:none!important;background:0 0!important;border:0!important}.person-search-field>small{color:var(--muted);margin-top:4px;display:block}.people-assignment{position:relative}.assignment-label{color:var(--ink);font-weight:700;display:block}.assignment-picker{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:5px;display:grid}.assignment-picker .person-combobox{margin:0}.assignment-picker>button{white-space:nowrap;height:42px}.assignment-empty{color:var(--muted);text-align:center;border:1px dashed #405a73;border-radius:9px;margin:8px 0 0;padding:13px;font-size:12px}.assignment-list{gap:8px;margin-top:9px;display:grid}.assignment-row{background:#0b1928;border:1px solid #3c536a;border-radius:10px;grid-template-columns:36px minmax(170px,.7fr) minmax(220px,1fr) 34px;align-items:center;gap:10px;padding:10px;display:grid}.assignment-avatar{color:#fff;background:#1e5f98;border-radius:999px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.assignment-person b,.assignment-person small{display:block}.assignment-person small{color:var(--muted);margin-top:2px;font-size:10px}.assignment-row>label{color:var(--muted);font-size:10px}.assignment-row>label input{width:100%;height:36px;margin-top:3px}.assignment-row>.iconbtn{width:32px;height:32px;padding:7px}.assignment-required{opacity:0;pointer-events:none;position:absolute;bottom:0;left:50%;border:0!important;width:1px!important;height:1px!important;padding:0!important}html[data-theme=light] .person-combobox{background:#fff;border-color:#afbfcd}html[data-theme=light] .assignment-row{background:#f6f9fc;border-color:#c5d3df}html[data-theme=light] .assignment-empty{border-color:#b7c8d8}@media (width<=760px){.assignment-row{grid-template-columns:34px 1fr 32px}.assignment-row>label{grid-column:1/-1}.assignment-picker{grid-template-columns:1fr}.assignment-picker>button{width:100%}}.people-dropdown{margin-top:5px;position:relative}.people-dropdown>summary{min-height:44px;color:var(--ink);cursor:pointer;background:#071421;border:1px solid #52667d;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;list-style:none;display:flex}.people-dropdown>summary::-webkit-details-marker{display:none}.people-dropdown>summary:focus-visible,.people-dropdown[open]>summary{border-color:#4c9ef2;outline:0;box-shadow:0 0 0 3px #4c9ef226}.people-dropdown>summary>svg{color:#9bb0c4;flex:none;width:17px;transition:transform .15s}.people-dropdown[open]>summary>svg{transform:rotate(180deg)}.people-placeholder{color:#73869a;flex:1;font-weight:400}.people-chips{flex-wrap:wrap;flex:1;gap:5px;min-width:0;display:flex}.people-chips i{color:#dfefff;text-overflow:ellipsis;white-space:nowrap;background:#1b3b59;border-radius:6px;max-width:180px;padding:4px 7px;font-size:11px;font-style:normal;overflow:hidden}.people-dropdown-panel{z-index:80;background:#0d1c2c;border:1px solid #506a83;border-radius:12px;width:100%;min-width:330px;position:absolute;top:calc(100% + 7px);left:0;overflow:hidden;box-shadow:0 18px 40px #00000080}.people-dropdown-search{background:#071421;border:1px solid #4a6077;border-radius:8px;align-items:center;margin:12px;padding:0 10px;display:flex}.people-dropdown-search svg{color:#8297ad;flex:none;width:17px}.people-dropdown-search input{width:100%;height:40px;color:var(--ink);outline:0;margin:0;padding:0 9px;box-shadow:none!important;background:0 0!important;border:0!important}.people-options{max-height:245px;padding:0 7px 8px;overflow:auto}.people-option{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:9px;display:grid}.people-option:hover,.people-option.selected{background:#17334d}.people-option.select-all{border-bottom:1px solid #31485e;border-radius:7px;grid-template-columns:24px minmax(0,1fr) auto;width:calc(100% - 14px);margin:0 7px 7px}.people-option>span:last-child b,.people-option>span:last-child small{display:block}.people-option small{color:var(--muted);font-size:10px}.people-checkbox{color:#fff;background:#071421;border:1px solid #70869a;border-radius:4px;place-items:center;width:20px;height:20px;font-size:13px;font-weight:900;display:grid}.people-checkbox.checked{background:#3187dc;border-color:#3d96ec}.people-no-result{color:var(--muted);text-align:center;padding:20px}.people-assignment>.people-dropdown{margin-top:5px}html[data-theme=light] .people-dropdown>summary{background:#fff;border-color:#afbfcd}html[data-theme=light] .people-chips i{color:#1f4f7b;background:#dcecff}html[data-theme=light] .people-dropdown-panel{background:#fff;border-color:#b7c7d6;box-shadow:0 18px 40px #19344d38}html[data-theme=light] .people-dropdown-search{background:#f8fbfd;border-color:#b7c7d6}html[data-theme=light] .people-option:hover,html[data-theme=light] .people-option.selected{background:#e6f2fc}html[data-theme=light] .people-checkbox{background:#fff;border-color:#9aacbd}html[data-theme=light] .people-checkbox.checked{background:#3187dc;border-color:#3187dc}.formgrid .people-dropdown[open]>summary{box-shadow:none;border-color:#52667d}.formgrid .people-dropdown>summary:focus-visible{border-color:#4c9ef2;box-shadow:0 0 0 2px #4c9ef238}.formgrid .people-dropdown-search input:focus{box-shadow:none!important;border:0!important;outline:0!important}.formgrid .people-dropdown-search:focus-within{box-shadow:none;border-color:#4a6077}html[data-theme=light] .formgrid .people-dropdown[open]>summary{border-color:#afbfcd}html[data-theme=light] .formgrid .people-dropdown-search:focus-within{border-color:#b7c7d6}.formgrid .people-dropdown-panel{width:100%;min-width:0;margin-top:7px;position:static;box-shadow:0 8px 20px #00000038}.formgrid .people-dropdown[open]{grid-column:1/-1}.formgrid .person-search-field:has(.people-dropdown[open]){grid-column:1/-1}.formgrid .people-dropdown[open] .people-options{max-height:220px}@media (width<=600px){.people-dropdown-panel{width:100%;min-width:0;max-height:none;position:static;bottom:auto;left:auto;right:auto}.people-options{max-height:42vh}.people-chips i{max-width:130px}}.modal:has(.count-project-form){width:min(1040px,100vw - 24px);padding-bottom:0}.count-project-form{position:relative}.count-form-progress{grid-template-columns:repeat(4,1fr);gap:7px;margin:-4px 0 20px;display:grid}.count-form-progress span{color:var(--muted);border:1px solid #3a5067;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:11px;display:flex}.count-form-progress i{border:1px solid #60768b;border-radius:999px;place-items:center;width:22px;height:22px;font-style:normal;font-weight:800;display:grid}.count-form-progress span.complete{color:#7de0c1;background:#102f2a;border-color:#287c69}.count-form-progress span.complete i{color:#fff;background:#217b67;border-color:#42c7a7}.form-section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.form-section-title h3,.form-section-title small{margin:0}.form-section-title small{color:var(--muted)}.form-section-title button{white-space:nowrap;align-items:center;gap:6px;display:flex}.form-section-title button svg{width:15px}.directory-state{background:#0b1928;border:1px solid #354d64;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:9px 11px;display:flex}.directory-state span{color:var(--muted);font-size:11px}.field-invalid>.people-dropdown>summary,.field-invalid .assignment-empty{border-color:#d95d68}.field-error{align-items:center;gap:5px;margin-top:6px;font-size:11px;font-weight:600;color:#ff858d!important;display:flex!important}.field-error svg{flex:none;width:14px;height:14px}.team-readiness{grid-template-columns:repeat(3,1fr);gap:9px;margin:13px 0;display:grid}.team-readiness>div{background:#0c1b2b;border:1px solid #3b5269;border-radius:9px;padding:11px 13px}.team-readiness span,.team-readiness b{display:block}.team-readiness span{color:var(--muted);font-size:10px}.team-readiness b{margin-top:3px;font-size:19px}.count-form-actions{z-index:50;background:#101b29;border-top:1px solid #40566e;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;margin:18px -24px 0;padding:13px 24px;display:grid;position:sticky;bottom:0;left:0;right:0;box-shadow:0 -10px 24px #00000038}.count-form-actions>div b,.count-form-actions>div small{display:block}.count-form-actions>div small{color:var(--muted);font-size:10px}.count-form-actions button{min-width:125px}.count-form-actions .spinner{margin-right:6px;display:inline-block}.count-project-form .formsection{scroll-margin-top:12px}html[data-theme=light] .count-form-progress span{border-color:#c6d3df}html[data-theme=light] .count-form-progress span.complete{color:#176d59;background:#e9f8f3;border-color:#86c9b7}html[data-theme=light] .directory-state,html[data-theme=light] .team-readiness>div{background:#f5f9fc;border-color:#c5d3df}html[data-theme=light] .count-form-actions{background:#fff;border-color:#c5d3df;box-shadow:0 -10px 24px #1f39521f}@media (width<=700px){.count-form-progress{grid-template-columns:1fr 1fr}.form-section-title{flex-direction:column;align-items:flex-start}.team-readiness{grid-template-columns:1fr}.count-form-actions{grid-template-columns:1fr 1fr;margin-left:-18px;margin-right:-18px;padding:12px 18px}.count-form-actions>div{grid-column:1/-1}.count-form-actions button{min-width:0}}.receiving-view-tabs{margin-top:-8px}.receiving-view-tabs button{align-items:center;gap:7px;display:flex}.receiving-view-tabs button svg{width:16px}.receiving-stock-search{grid-template-columns:minmax(360px,1fr) auto;align-items:center;gap:12px;padding:12px 15px;display:grid}.receiving-stock-search .searchline{margin:0}.receiving-stock-scope{gap:8px;display:flex}.receiving-stock-scope>select{min-width:190px;height:38px;color:var(--ink);background:#071421;border:1px solid #4f6880;border-radius:8px;padding:5px 9px}.receiving-stock-scope .thaidate{width:145px;margin:0}.receiving-stock-product{margin-bottom:14px}.receiving-stock-table table{min-width:1080px}.receiving-report-filter{grid-template-columns:minmax(280px,1fr) 165px 165px 190px auto;align-items:end;gap:10px;padding:14px;display:grid}.receiving-report-filter .searchline{margin:0}.receiving-report-filter>label{color:var(--muted);font-size:11px}.receiving-report-filter>label .thaidate,.receiving-report-filter>label select{width:100%;margin-top:5px}.receiving-report-filter>label select{height:38px;color:var(--ink);background:#071421;border:1px solid #4f6880;border-radius:8px;padding:5px 9px}.receiving-report-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.receiving-report-kpis article{background:#102033;border:1px solid #40576e;border-radius:10px;padding:14px 16px}.receiving-report-kpis span,.receiving-report-kpis small{color:var(--muted);font-size:10px;display:block}.receiving-report-kpis b{margin:3px 0;font-size:23px;display:block}.receiving-report-table table{min-width:1100px}html[data-theme=light] .receiving-stock-scope>select,html[data-theme=light] .receiving-report-filter>label select{color:#203449;background:#fff;border-color:#b5c5d4}html[data-theme=light] .receiving-report-kpis article{background:#fff;border-color:#c8d6e2}@media (width<=1050px){.receiving-stock-search{grid-template-columns:1fr}.receiving-report-filter{grid-template-columns:1fr 1fr 1fr}.receiving-report-filter .searchline{grid-column:1/-1}.receiving-report-kpis{grid-template-columns:1fr 1fr}}@media (width<=650px){.receiving-stock-scope{grid-template-columns:1fr 1fr;display:grid}.receiving-stock-scope>select{grid-column:1/-1;min-width:0}.receiving-stock-scope .thaidate{width:100%}.receiving-report-filter,.receiving-report-kpis{grid-template-columns:1fr}.receiving-report-filter .searchline{grid-column:auto}.receiving-view-tabs button{font-size:12px}}.brandmark{white-space:nowrap;width:70px;padding:0 8px;font-size:15px}.brandmark.large{width:108px;height:60px;font-size:22px}.sidebar-collapsed .brandmark{white-space:normal;text-align:center;width:48px;padding:0 4px;font-size:10px;line-height:1.05}@media (width<=760px){.login-v2-mobile-brand .brandmark{width:70px;font-size:14px}}.dashboard-arrange-action{letter-spacing:.01em;min-height:42px;padding:9px 14px;color:#8fc6ff!important;box-shadow:none!important;background:#0e1d2c!important;border-color:#4d6c88!important;font-weight:500!important}.dashboard-arrange-action svg{stroke-width:1.7px;width:18px;height:18px}.dashboard-arrange-action:hover{color:#c3e2ff!important;background:#142b41!important;border-color:#6fa9dc!important}.dashboard-arrange-action.primary{color:#fff!important;background:#195f9f!important;border-color:#4c9de4!important}.dashboard-arrange-action:focus-visible{outline-offset:2px;outline:3px solid #4c9de44d}html[data-theme=light] .dashboard-arrange-action{color:#286ca9!important;background:#f7fbff!important;border-color:#9ab5ce!important}html[data-theme=light] .dashboard-arrange-action:hover{color:#174f82!important;background:#eaf4fd!important}html[data-theme=light] .dashboard-arrange-action.primary{color:#fff!important;background:#246fba!important}.company-document-placeholder{background:0 0;min-height:calc(100vh - 190px)}.logouttoggle .logoutlabel{font-size:10px}.logouttrack{background:#1c68b6;border:1px solid #4e7cac;border-radius:999px;flex:none;width:34px;height:19px;transition:background .18s,border-color .18s;display:block;position:relative}.logouttrack>span{background:#eaf3ff;border-radius:50%;width:13px;height:13px;transition:transform .18s;display:block;position:absolute;top:2px;right:2px;box-shadow:0 1px 4px #0006}.logouttoggle:hover .logouttrack{background:#873b3d;border-color:#ce6965}.logouttoggle:hover .logouttrack>span{background:#fff;transform:translate(-14px)}.logouttoggle:focus-visible{outline-offset:2px;outline:2px solid #4c9ef2}html[data-theme=light] .logouttrack{background:#378bd2;border-color:#2f78b8}html[data-theme=light] .logouttrack>span{background:#fff}@media (width<=760px){.logouttoggle{padding:5px}.logouttoggle .logoutlabel{display:none}.logouttoggle .logouttrack,.logouttoggle .logouttrack>span{display:block!important}}.logouttoggle{gap:0;padding:5px}@media (width>=1051px){.sidebar-collapsed .navgroup button.menumain:hover,.sidebar-collapsed .sidebarsettings .navgroup button.menumain:hover{color:#ff8d86;background:linear-gradient(145deg,#542b31,#3b2026);box-shadow:inset 3px 0 #ef625c,0 5px 14px #4b14183d}.sidebar-collapsed .navgroup button.menumain:hover>svg:first-child,.sidebar-collapsed .sidebarsettings .navgroup button.menumain:hover>svg:first-child{color:#ff8d86}.sidebar-collapsed .navgroup button.menumain{transition:background .16s,color .16s,box-shadow .16s}.sidebar-collapsed .navgroup button.menumain.active,.sidebar-collapsed .navgroup.accordion.has-active>button.menumain,.sidebar-collapsed .sidebarsettings .navgroup.accordion.has-active>button.menumain{box-shadow:inset 3px 0 #f0645e,0 6px 16px #4b141847;color:#ff9a93!important;background:linear-gradient(145deg,#612f35,#432127)!important}.sidebar-collapsed .navgroup button.menumain.active>svg:first-child,.sidebar-collapsed .navgroup.accordion.has-active>button.menumain>svg:first-child,.sidebar-collapsed .sidebarsettings .navgroup.accordion.has-active>button.menumain>svg:first-child{color:#ff9a93!important}.sidebar-collapsed .navgroup.accordion.has-active>button.menumain:before{background:#f0645e!important}}.zchart .chartpoints{pointer-events:none}.chart-hitpoints circle{fill:#0000;stroke:#0000;cursor:crosshair;pointer-events:all}.chart-tooltip rect{fill:#091726f5;stroke:#4c647c;stroke-width:1px;filter:drop-shadow(0 7px 12px #00000047)}.chart-tooltip text{fill:#aebed0;font-size:10px}.chart-tooltip .tooltip-value{fill:#f5f8fc;font-size:13px;font-weight:750}.chart-tooltip.monthly rect{stroke:#4f7fe8}.chart-tooltip.cumulative rect{stroke:#58c7bc}html[data-theme=light] .chart-tooltip rect{fill:#fffffff7;stroke:#9eb2c5}html[data-theme=light] .chart-tooltip text{fill:#60758a}html[data-theme=light] .chart-tooltip .tooltip-value{fill:#17283a}.sales-hitpoint{cursor:crosshair;outline:none;transition:r .14s,filter .14s}.sales-hitpoint:hover,.sales-hitpoint:focus{r:10;filter:drop-shadow(0 0 5px)}.sales-tooltip rect{fill:#091726f7;stroke:#4c647c;stroke-width:1px;filter:drop-shadow(0 7px 12px #00000047)}.sales-tooltip text{fill:#aebed0;font-size:10px}.sales-tooltip .tooltip-value{fill:#f5f8fc;font-size:13px;font-weight:750}.sales-tooltip.product-a rect{stroke:#a9d68b}.sales-tooltip.product-b rect{stroke:#e7b83d}.sales-tooltip.total rect{stroke:#73bf91}.channelbars>div,.channelpie span,.progressrow{cursor:help}.channelbars>div:hover{background:#58c7bc0f}.channelpie span:hover{filter:brightness(1.16);text-underline-offset:2px;text-decoration:underline}.progressrow:hover>div{outline-offset:2px;outline:1px solid #58c7bc4d}html[data-theme=light] .sales-tooltip rect{fill:#fffffffa;stroke:#9eb2c5}html[data-theme=light] .sales-tooltip text{fill:#60758a}html[data-theme=light] .sales-tooltip .tooltip-value{fill:#17283a}.modal:has(.unitbuilder){width:min(1040px,100%)}.unitbuilder{background:#0c1928;border:1px solid #40556c;border-radius:12px;padding:16px}.unitbuilderhead{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.unitbuilderhead h3{color:#eef5fb;margin:0 0 3px;font-size:15px}.unitbuilderhead p{color:var(--muted);margin:0;font-size:11px}.unitnode{margin:10px 0 0 calc(var(--unit-depth)*20px);background:#132337;border:1px solid #334a61;border-radius:10px;padding:12px;position:relative}.unitnode>.unitbranch{border-bottom:1px solid #4d789f;border-left:1px solid #4d789f;border-radius:0 0 0 7px;width:12px;height:30px;position:absolute;top:-11px;left:-13px}.unitnode[style*="--unit-depth: 0"]>.unitbranch{display:none}.unitfields{grid-template-columns:.7fr 1fr 1.35fr 1fr;gap:9px;display:grid}.unitfields label{color:#aebed0;min-width:0;font-size:10px}.unitfields input{height:36px;margin-top:4px;padding:7px 9px}.unitactions{align-items:center;gap:7px;margin-top:10px;display:flex}.unitactions .secondary{min-height:30px;padding:5px 9px;font-size:10px}.unitremove{color:#ff8c85;background:#2b1b23;border:1px solid #6a4145;border-radius:8px;place-items:center;width:30px;height:30px;margin-left:auto;padding:0;display:grid}.unitremove svg{width:15px}.unitformula{color:#8fc4ff;margin:8px 0 0;font-size:11px}.unitchildren{position:relative}.unitbuilder>.notice{margin-bottom:0}html[data-theme=light] .unitbuilder{background:#f5f9fc;border-color:#c7d4df}html[data-theme=light] .unitbuilderhead h3{color:#17283a}html[data-theme=light] .unitnode{background:#fff;border-color:#c8d6e2}html[data-theme=light] .unitnode>.unitbranch{border-color:#7fa9cf}html[data-theme=light] .unitfields label{color:#60758a}html[data-theme=light] .unitformula{color:#1767ad}html[data-theme=light] .unitremove{color:#b53b34;background:#fff1f0;border-color:#e0aaa6}@media (width<=820px){.unitfields{grid-template-columns:1fr 1fr}.unitnode{margin-left:calc(var(--unit-depth)*10px)}}@media (width<=520px){.unitbuilder{padding:11px}.unitbuilderhead{display:block}.unitbuilderhead .badge{margin-top:8px}.unitfields{grid-template-columns:1fr}.unitnode{margin-left:calc(var(--unit-depth)*5px)}.unitactions{flex-wrap:wrap}}.unit-master-layout{grid-template-columns:minmax(340px,.8fr) minmax(460px,1.2fr);align-items:start;gap:16px;display:grid}.unit-tree-card,.unit-detail-card{padding:0;overflow:hidden}.unit-master-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.unit-master-head h3,.unit-master-head p{margin:0}.unit-master-head p{color:var(--muted);margin-top:3px;font-size:12px}.unit-tree{padding:10px}.unit-tree-row{padding-left:calc(var(--tree-depth)*22px);border-radius:9px;align-items:stretch;display:flex}.unit-tree-row:hover{background:#172c41}.unit-tree-row.active{background:#1a4166;box-shadow:inset 3px 0 #4ba2f1}.unit-tree-toggle{color:#8fa5ba;background:0 0;border:0;flex:none;place-items:center;width:30px;padding:0;display:grid}.unit-tree-toggle:disabled{cursor:default}.unit-tree-toggle svg,.unit-tree-toggle span{width:15px}.unit-tree-select{color:#e6eef7;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:10px 10px 10px 2px;display:flex}.unit-tree-select>span{flex:1;min-width:0}.unit-tree-select b,.unit-tree-select small{display:block}.unit-tree-select b{font-size:14px}.unit-tree-select small{color:#93a7bb;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.unit-tree-row.active .unit-tree-select small{color:#c2d9ee}.unit-detail-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;display:flex}.unit-detail-title small{color:var(--muted);font-size:11px}.unit-detail-title h3{margin:3px 0 0;font-size:22px}.unit-detail-title h3 span{color:#75b9f9;margin-left:6px;font-size:13px}.unit-detail-card .detailgrid{padding:20px}.unit-detail-actions{justify-content:flex-end;padding:0 20px 16px;display:flex}.unit-detail-card>.notice{margin:0 20px 20px}.unit-detail-card .detailgrid dd{overflow-wrap:anywhere}html[data-theme=light] .unit-tree-row:hover{background:#edf5fb}html[data-theme=light] .unit-tree-row.active{background:#dbeeff;box-shadow:inset 3px 0 #247aca}html[data-theme=light] .unit-tree-select{color:#20354a}html[data-theme=light] .unit-tree-select small{color:#667d92}html[data-theme=light] .unit-tree-row.active .unit-tree-select small{color:#3f6688}@media (width<=900px){.unit-master-layout{grid-template-columns:1fr}.unit-tree-card{max-height:440px;overflow:auto}}@media (width<=520px){.unit-tree-row{padding-left:calc(var(--tree-depth)*12px)}.unit-detail-card .detailgrid{grid-template-columns:1fr}.unit-detail-actions .secondary{width:100%}}.structure-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.structure-kpis article:first-child{--accent:#4ba2f1}.structure-kpis article:nth-child(2){--accent:#45c9b0}.structure-kpis article:nth-child(3){--accent:#f0b84b}.structure-kpis article:nth-child(4){--accent:#9a83ef}.structure-filter-card{margin-bottom:16px;padding:14px}.structure-filter-row{grid-template-columns:minmax(280px,1fr) 210px;align-items:end;gap:12px;display:grid}.structure-filter-row label{color:var(--muted);gap:5px;font-size:12px;display:grid}.structure-filter-row .searchline{margin:0}.structure-tree{min-height:390px}.structure-tree-select>svg{color:#79baf5;flex:none;width:19px;height:19px}.structure-tree-select .badge{flex:none;font-size:10px}.structure-detail .detailgrid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=900px){.structure-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.structure-filter-row{grid-template-columns:1fr}.structure-kpis{grid-template-columns:1fr 1fr}.structure-detail .detailgrid{grid-template-columns:1fr}}.user-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.user-kpis article:first-child{--accent:#4ba2f1}.user-kpis article:nth-child(2){--accent:#45c9b0}.user-kpis article:nth-child(3){--accent:#f05d68}.user-kpis article:nth-child(4){--accent:#f0b84b}.user-access-tabs{margin:16px 0}.user-filter-card{margin-bottom:16px;padding:14px}.user-filter-row{grid-template-columns:minmax(300px,1fr) 190px 170px;align-items:end;gap:12px;display:grid}.user-filter-row label{color:var(--muted);gap:5px;font-size:12px;display:grid}.user-filter-row .searchline{margin:0}.user-access-layout{grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr);align-items:start;gap:16px;display:grid}.user-table{padding:0}.user-table tbody tr{cursor:pointer}.user-table tbody tr.selected{background:#3b8fe01f;box-shadow:inset 3px 0 #4ba2f1}.user-name-button{color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;display:flex}.user-name-button>span:first-child,.user-avatar{color:#fff;background:#246cb6;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.user-name-button b,.user-name-button small{display:block}.user-name-button small{color:var(--muted)}.user-detail{padding:0;overflow:hidden}.user-detail-head{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:20px;display:grid}.user-detail-head h3,.user-detail-head p{margin:0}.user-detail-head small,.user-detail-head p{color:var(--muted)}.user-detail .detailgrid{grid-template-columns:1fr;padding:18px 20px}.user-detail-actions{justify-content:flex-end;gap:10px;padding:0 20px 16px;display:flex}.user-detail>.notice{margin:0 20px 20px}.danger-action:hover{color:#ff7d85;border-color:#ef6670}.role-matrix{padding:0}.permission-list{gap:4px;display:grid}.permission-list span{white-space:nowrap;align-items:center;gap:6px;display:flex}.permission-list svg{color:#45c9b0;width:14px}.access-review-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;display:grid}.access-review-row{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 0;display:grid}.access-review-row>svg{color:#f0b84b}.access-review-row b,.access-review-row span,.access-review-row small{display:block}.access-review-row span,.access-review-row small{color:var(--muted)}.sod-card>div{border-top:1px solid var(--line);gap:12px;padding:13px 0;display:flex}.sod-card>div>svg{color:#45c9b0;flex:none}.sod-card b,.sod-card small{display:block}.sod-card small{color:var(--muted);margin-top:3px}@media (width<=1080px){.user-access-layout,.access-review-grid{grid-template-columns:1fr}}@media (width<=800px){.user-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.user-filter-row{grid-template-columns:1fr 1fr}.user-filter-row .searchline{grid-column:1/-1}}@media (width<=520px){.user-kpis,.user-filter-row{grid-template-columns:1fr}.user-detail-actions{flex-direction:column}.user-filter-row .searchline{grid-column:auto}}.replenish-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.replenish-kpis article:first-child{--accent:#4ba2f1}.replenish-kpis article:nth-child(2){--accent:#f05d68}.replenish-kpis article:nth-child(3){--accent:#45c9b0}.replenish-kpis article:nth-child(4){--accent:#f0b84b}.replenish-filter-card{margin:16px 0;padding:14px}.replenish-filter-row{grid-template-columns:minmax(320px,1fr) 210px 190px;align-items:end;gap:12px;display:grid}.replenish-filter-row label{color:var(--muted);gap:5px;font-size:12px;display:grid}.replenish-filter-row .searchline{margin:0}.replenish-table{padding:0}.replenish-table tr.selected{background:#3291de1a}.replenish-table .select-cell{text-align:center;width:38px}.replenish-table input[type=checkbox]{accent-color:#368fe1;width:17px;height:17px}.replenish-qty{white-space:nowrap;align-items:center;gap:6px;display:flex}.replenish-qty .qty{width:72px}.replenish-summary{z-index:4;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:14px 18px;display:flex;position:sticky;bottom:12px;box-shadow:0 12px 35px #0000003d}.replenish-summary span,.replenish-summary b{display:block}.replenish-summary span{color:var(--muted);font-size:12px}.replenish-summary>div:last-child{gap:10px;display:flex}.replenish-calc{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.replenish-calc>div{border:1px solid var(--line);background:var(--panel2);border-radius:10px;padding:12px}.replenish-calc span,.replenish-calc b{display:block}.replenish-calc span{color:var(--muted);font-size:11px}.replenish-calc b{margin-top:4px}.replenish-calc .result{background:#3089dd1f;border-color:#3a8ee1;grid-column:1/-1}.replenish-calc .result b{color:#79baff;font-size:22px}@media (width<=900px){.replenish-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.replenish-filter-row{grid-template-columns:1fr 1fr}.replenish-filter-row .searchline{grid-column:1/-1}}@media (width<=600px){.replenish-kpis,.replenish-filter-row,.replenish-calc{grid-template-columns:1fr}.replenish-filter-row .searchline,.replenish-calc .result{grid-column:auto}.replenish-summary{flex-direction:column;align-items:stretch}.replenish-summary>div:last-child{grid-template-columns:1fr 1fr;display:grid}}.branch-receive-kpis article:first-child{--accent:#4ba2f1}.branch-receive-kpis article:nth-child(2){--accent:#45c9b0}.branch-receive-kpis article:nth-child(3){--accent:#f0b84b}.branch-receive-kpis article:nth-child(4){--accent:#f05d68}.branch-incident-card{margin-top:16px;padding:0;overflow:hidden}.branch-incident-card>.sectionhead{border-bottom:1px solid var(--line);padding:18px 20px}.branch-incident-card>.sectionhead h3,.branch-incident-card>.sectionhead p{margin:0}.branch-incident-card>.sectionhead p{color:var(--muted);margin-top:3px}.branch-incident-layout{grid-template-columns:minmax(340px,.8fr) minmax(440px,1.2fr);display:grid}.branch-incident-form{border-right:1px solid var(--line);gap:14px;display:grid}.branch-incident-form>label,.branch-incident-pair label{color:var(--muted);gap:5px;font-size:12px;display:grid}.branch-incident-form textarea{resize:vertical;min-height:96px}.branch-incident-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.branch-evidence-panel>div:first-child h4,.branch-evidence-panel>div:first-child p{margin:0}.branch-evidence-panel>div:first-child p{color:var(--muted);margin-top:3px;font-size:12px}.evidence-dropzone{min-height:210px;color:var(--text);text-align:center;cursor:pointer;background:linear-gradient(145deg,#275c8f1f,#0c1f3114);border:2px dashed #49637c;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:24px;transition:all .2s;display:flex}.evidence-dropzone:hover,.evidence-dropzone.dragging{background:#348ee126;border-color:#55a9f4;box-shadow:inset 0 0 0 3px #449ded14}.evidence-dropzone.dragging{transform:scale(1.01)}.evidence-dropzone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.evidence-drop-icon{color:#79baff;background:#163f65;border-radius:15px;place-items:center;width:52px;height:52px;display:grid}.evidence-dropzone small{color:var(--muted)}.evidence-pick{pointer-events:none;margin-top:5px;display:inline-flex}.evidence-error{color:#ff7c84;align-items:center;gap:6px;margin:8px 0 0;font-size:12px;display:flex}.evidence-error svg{width:15px}.evidence-head{color:var(--muted);justify-content:space-between;margin:16px 0 8px;font-size:12px;display:flex}.evidence-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.evidence-grid figure{border:1px solid var(--line);background:var(--panel2);border-radius:11px;min-width:0;margin:0;overflow:hidden}.evidence-grid img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.evidence-grid figcaption{align-items:center;gap:5px;padding:8px;display:flex}.evidence-grid figcaption>span{flex:1;min-width:0}.evidence-grid figcaption b,.evidence-grid figcaption small{display:block}.evidence-grid figcaption small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.evidence-grid figcaption button{color:#ef727b;background:0 0;border:0;border-radius:7px;flex:none;place-items:center;width:28px;height:28px;padding:0;display:grid}.evidence-grid figcaption button:hover{background:#ef5d6824}.evidence-grid figcaption svg{width:15px}.branch-incident-actions{border-top:1px solid var(--line);background:#12283c59;justify-content:flex-end;gap:10px;padding:15px 20px;display:flex}html[data-theme=light] .evidence-dropzone{background:#f6faff}html[data-theme=light] .branch-incident-actions{background:#f7fafc}@media (width<=900px){.branch-incident-layout{grid-template-columns:1fr}.branch-incident-form{border-right:0;border-bottom:1px solid var(--line)}}@media (width<=560px){.branch-incident-pair{grid-template-columns:1fr}.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.branch-incident-actions{grid-template-columns:1fr 1fr;display:grid}}.branch-incident-card>.sectionhead{padding:14px 18px}.branch-incident-card>.sectionhead h3{font-size:17px}.branch-incident-card>.sectionhead p{font-size:12px}.branch-incident-layout{grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr)}.branch-incident-form,.branch-evidence-panel{padding:16px 18px}.branch-incident-form{gap:10px}.branch-incident-form>label,.branch-incident-pair label{gap:4px;font-size:13px}.branch-incident-form input,.branch-incident-form select,.branch-incident-form textarea{color:#eef5fc;width:100%;font:inherit;background:#0a1929;border:1px solid #425b74;border-radius:9px;margin:0;padding:8px 11px;line-height:1.35;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:inset 0 1px 2px #0004}.branch-incident-form input,.branch-incident-form select{height:40px}.branch-incident-form select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding-right:34px}.branch-incident-form textarea{resize:vertical;min-height:72px;max-height:140px}.branch-incident-form input::placeholder,.branch-incident-form textarea::placeholder{color:#71859a}.branch-incident-form input:hover,.branch-incident-form select:hover,.branch-incident-form textarea:hover{border-color:#577795}.branch-incident-form input:focus,.branch-incident-form select:focus,.branch-incident-form textarea:focus{background:#0d2033;border-color:#4c9ef2;outline:0;box-shadow:0 0 0 3px #4c9ef226}.branch-incident-pair{gap:10px}.branch-incident-form .thaidate{margin-top:0}.branch-incident-form .thaidate-trigger{border-radius:9px;height:40px;margin:0}.branch-incident-form>.notice{margin:0;padding:10px 12px;font-size:12px}.branch-evidence-panel>div:first-child h4{font-size:16px}.evidence-uploader{margin-top:10px}.evidence-dropzone{border-radius:12px;gap:5px;min-height:164px;padding:17px}.evidence-drop-icon{border-radius:12px;width:42px;height:42px}.evidence-drop-icon svg{width:22px;height:22px}.evidence-dropzone b{font-size:15px}.evidence-dropzone small{font-size:12px}.evidence-pick{min-height:34px;margin-top:3px;padding:6px 13px;font-size:12px}.evidence-head{margin:12px 0 7px}.branch-incident-actions{padding:11px 18px}.branch-incident-actions .primary,.branch-incident-actions .secondary{min-height:38px;padding:8px 15px;font-size:13px}html[data-theme=light] .branch-incident-form input,html[data-theme=light] .branch-incident-form select,html[data-theme=light] .branch-incident-form textarea{color:#1e3247;background:#fff;border-color:#b8c7d5;box-shadow:inset 0 1px 2px #29486310}html[data-theme=light] .branch-incident-form select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=light] .branch-incident-form input:focus,html[data-theme=light] .branch-incident-form select:focus,html[data-theme=light] .branch-incident-form textarea:focus{background:#fff;border-color:#3689d8;box-shadow:0 0 0 3px #3689d821}@media (width<=900px){.branch-incident-layout{grid-template-columns:1fr}}@media (width<=560px){.branch-incident-form,.branch-evidence-panel{padding:14px}.branch-incident-pair{grid-template-columns:1fr}.evidence-dropzone{min-height:150px}}.warehouse-view-switch{border:1px solid var(--line);background:var(--panel);border-radius:10px;justify-content:flex-end;gap:3px;width:max-content;margin:0 0 10px auto;padding:3px;display:flex}.warehouse-view-switch button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;display:flex}.warehouse-view-switch button svg{width:15px}.gondola-filter{grid-template-columns:1fr 230px;gap:10px;margin-bottom:12px;padding:12px;display:grid}.gondola-filter .searchline{margin:0}.gondola-filter select{color:#eef5fc;background:#0a1929;border:1px solid #425b74;border-radius:9px;padding:8px 11px}.gondola-legend{color:var(--muted);align-items:center;gap:16px;margin-bottom:12px;font-size:11px;display:flex}.gondola-legend span{align-items:center;gap:5px;display:flex}.gondola-legend i{border-radius:3px;width:10px;height:10px}.gondola-legend i.available{background:#42c8a9}.gondola-legend i.expiry{background:#e7ae42}.gondola-legend i.quarantine{background:#e45f68}.gondola-legend small{margin-left:auto}.gondola-zone{margin-bottom:14px;padding:0;overflow:hidden}.gondola-zone-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.gondola-zone-head small{color:var(--muted)}.gondola-zone-head h3{margin:1px 0 0}.gondola-shelf{background:#33495f;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1px;padding:1px;display:grid}.gondola-bin{min-width:0;color:var(--ink);text-align:left;background:#101e2e;border:0;padding:12px}.gondola-bin:hover,.gondola-bin:focus-visible{z-index:1;outline-offset:-2px;background:#162c42;outline:2px solid #5ba7ef}.gondola-stock{background:#091522;border-radius:8px;justify-content:center;align-items:flex-end;height:112px;margin-bottom:9px;display:flex;position:relative;overflow:hidden}.gondola-stock i{opacity:.78;background:linear-gradient(#58d7ba,#238d77);position:absolute;inset:auto 0 0}.gondola-bin.expiry .gondola-stock i{background:linear-gradient(#f2c75b,#b77b19)}.gondola-bin.quarantine .gondola-stock i{background:linear-gradient(#ed7b83,#a93942)}.gondola-stock b{z-index:1;color:#fff;background:#07111dc9;border-radius:12px;margin-bottom:7px;padding:2px 7px;font-size:16px;position:relative}.gondola-bin strong,.gondola-bin small,.gondola-bin p,.gondola-meta{display:block}.gondola-bin strong{color:#80bfff}.gondola-bin small,.gondola-meta{color:var(--muted);font-size:10px}.gondola-bin p{height:39px;margin:5px 0;font-size:12px;line-height:1.55;overflow:hidden}.gondola-meta{border-top:1px solid var(--line);padding-top:6px}html[data-theme=light] .warehouse-view-switch,html[data-theme=light] .gondola-zone{background:#fff}html[data-theme=light] .gondola-filter select{color:#203449;background:#fff;border-color:#b8c7d5}html[data-theme=light] .gondola-shelf{background:#d1dce6}html[data-theme=light] .gondola-bin{color:#203449;background:#fff}html[data-theme=light] .gondola-bin:hover{background:#edf6ff}html[data-theme=light] .gondola-stock{background:#e8eef4}@media (width<=650px){.gondola-filter{grid-template-columns:1fr}.gondola-legend{flex-wrap:wrap;align-items:flex-start}.gondola-legend small{width:100%;margin-left:0}.gondola-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}.layout-fullscreen{grid-template-columns:1fr}.layout-fullscreen>.sidebar{display:none}.layout-fullscreen>main{grid-column:1}.layout-fullscreen .content{padding:14px}.layout-page-head{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:14px;display:flex}.layout-page-head h2,.layout-page-head p{margin:0}.layout-page-head p,.layout-page-head small{color:var(--muted)}.layout-page-head p svg{vertical-align:middle;width:14px}.layout-page-head.compact{align-items:center}.layout-page-head.compact>div{flex:1}.layout-back{color:#82bdff;background:0 0;border:0;align-items:center;gap:6px;display:flex}.layout-back svg{width:17px}.warehouse-choice-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px;display:grid}.warehouse-choice-grid>button{border:1px solid var(--line);background:var(--panel);color:var(--ink);text-align:left;border-radius:13px;gap:14px;padding:18px;display:flex}.warehouse-choice-grid>button:hover{border-color:#559de2;transform:translateY(-1px)}.warehouse-choice-grid>button>span{color:#82c2ff;background:#174b79;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.warehouse-choice-grid h3,.warehouse-choice-grid p{margin:2px 0}.warehouse-choice-grid p{color:var(--muted);font-size:12px}.warehouse-choice-grid p svg{vertical-align:middle;width:13px}.layout-summary{grid-template-columns:.7fr 1.6fr .7fr;gap:10px;margin-bottom:12px;display:grid}.layout-summary article{border:1px solid var(--line);background:var(--panel);border-radius:11px;gap:11px;padding:13px;display:flex}.layout-summary svg{color:#70b5f5;width:22px}.layout-summary span,.layout-summary b,.layout-summary small{display:block}.layout-summary span,.layout-summary small{color:var(--muted);font-size:11px}.layout-summary b{margin:2px 0;font-size:14px}.capacity-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;font-size:10px;display:flex}.capacity-legend span{align-items:center;gap:4px;display:flex}.capacity-legend i{border-radius:2px;width:12px;height:8px}.empty{background:#536273}.low{background:#249168}.medium{background:#277cba}.near{background:#c97a20}.full{background:#c4424d}.unknown{background:#765c94}.capacity-legend small{margin-left:auto}.warehouse-layout-body{grid-template-columns:minmax(0,1fr) 290px;gap:12px;display:grid}.compact-gondola{min-width:0}.gondola-row{grid-template-columns:82px minmax(0,1fr);align-items:center;gap:7px;margin-bottom:7px;display:grid}.gondola-row header{padding:6px}.gondola-row header b,.gondola-row header small{display:block}.gondola-row header small{color:var(--muted);font-size:10px}.gondola-row>div{grid-template-columns:repeat(var(--slots,10),minmax(72px,1fr));grid-auto-flow:column;gap:4px;padding-bottom:3px;display:grid;overflow-x:auto}.gondola-row button{color:#fff;text-align:left;border:1px solid #0000;border-radius:6px;min-width:72px;height:55px;padding:5px}.gondola-row button.selected{outline-offset:2px;outline:2px solid #fff}.gondola-row button strong,.gondola-row button span,.gondola-row button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.gondola-row button strong{font-size:12px}.gondola-row button span{font-size:10px}.gondola-row button small{color:#fffbd9;font-size:9px}.location-detail{border:1px solid var(--line);background:var(--panel);border-radius:11px;min-height:330px;padding:14px}.location-detail-head{justify-content:space-between;gap:8px;display:flex}.location-detail h3{margin:2px 0}.location-detail-head small,.layout-muted{color:var(--muted)}.capacity-status{color:#fff;border-radius:12px;height:max-content;padding:4px 7px;font-size:10px}.location-detail dl{grid-template-columns:1fr 1fr;gap:8px;display:grid}.location-detail dt{color:var(--muted);font-size:10px}.location-detail dd{margin:2px 0;font-weight:700}.location-item{border-top:1px solid var(--line);padding:9px 0}.location-item b,.location-item span,.location-item small{display:block}.location-item span{color:#72cbaa}.location-item small{color:var(--muted)}.location-placeholder{text-align:center;color:var(--muted);padding:70px 10px}.location-placeholder svg{width:40px}.layout-state{text-align:center;min-height:360px;color:var(--muted);place-items:center;display:grid}.layout-state>*{margin:4px}.layout-state>svg{width:44px}.layout-footnote{color:var(--muted);font-size:10px}@media (width<=950px){.warehouse-layout-body{grid-template-columns:1fr}.location-detail{min-height:0}.layout-summary{grid-template-columns:1fr 1fr}.layout-summary article:nth-child(2){grid-area:2/1/auto/-1}}@media (width<=650px){.layout-summary{grid-template-columns:1fr}.layout-summary article:nth-child(2){grid-area:auto}.gondola-row{grid-template-columns:62px minmax(0,1fr)}.layout-page-head.compact{flex-wrap:wrap;align-items:flex-start}}.gondola-row>div{grid-template-columns:none;grid-auto-columns:minmax(72px,1fr)}.gondola-picker-backdrop{z-index:150;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020913d9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.gondola-picker{background:#101d2c;border:1px solid #40566e;border-radius:17px;width:min(760px,100%);max-height:88vh;padding:20px;overflow:auto;box-shadow:0 28px 80px #000b}.gondola-picker>header{justify-content:space-between;gap:15px;margin-bottom:15px;display:flex}.gondola-picker h2,.gondola-picker p{margin:0}.gondola-picker p{color:var(--muted)}.gondola-picker>header>button{color:#b9c9da;background:#1a2d42;border:0;border-radius:9px;width:36px;height:36px}.gondola-picker>header svg{width:18px}.gondola-picker>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.gondola-warehouse-card{border:1px solid var(--line);color:var(--ink);text-align:left;background:#142438;border-radius:12px;align-items:center;gap:12px;padding:15px;display:flex}.gondola-warehouse-card:hover{background:#19314a;border-color:#5aa4ea}.gondola-warehouse-card>span{color:#91cbff;background:#1b568b;border-radius:11px;place-items:center;width:44px;height:44px;display:grid}.gondola-warehouse-card h3,.gondola-warehouse-card p{margin:1px 0}.gondola-warehouse-card small,.gondola-warehouse-card p{color:var(--muted);font-size:11px}.gondola-warehouse-card p svg{vertical-align:middle;width:12px}.combined-gondola-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.combined-gondola-head h2,.combined-gondola-head p{margin:0}.combined-gondola-head small,.combined-gondola-head p{color:var(--muted)}.combined-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin:10px 0;font-size:11px;display:flex}.combined-legend span:before{content:"";background:currentColor;border-radius:2px;width:12px;height:8px;margin-right:5px;display:inline-block}.combined-legend .available{color:#42caa8}.combined-legend .reserved{color:#efba42}.combined-legend .transit{color:#4c9de8}.combined-legend .free{color:#58697c}.combined-legend small{margin-left:auto}.combined-zone{margin-bottom:10px;padding:0;overflow:visible}.combined-zone>header{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 14px;display:flex}.combined-zone h3{margin:0}.combined-zone header small{color:var(--muted)}.combined-bars{gap:8px;padding:12px;display:grid}.combined-bar-wrap{grid-template-columns:minmax(0,1fr) 90px 70px;align-items:center;gap:9px;display:grid;position:relative}.combined-bar{background:#263649;border-radius:5px;height:22px;display:flex;overflow:hidden}.combined-bar i{height:100%}.combined-bar .available{background:#42caa8}.combined-bar .reserved{background:#efba42}.combined-bar .transit{background:#4c9de8}.combined-bar .free{background:#58697c}.combined-bar-wrap>strong{font-size:11px}.combined-bar-wrap>small{color:var(--muted);text-align:right}.combined-tooltip{z-index:20;color:#eaf2fa;pointer-events:none;background:#081522;border:1px solid #526d87;border-radius:9px;min-width:250px;padding:10px;display:none;position:absolute;bottom:34px;left:20%;box-shadow:0 13px 35px #000a}.combined-tooltip b,.combined-tooltip span{display:block}.combined-tooltip span{color:#aabbd0;font-size:11px}.combined-bar-wrap:hover .combined-tooltip,.combined-bar-wrap:focus .combined-tooltip,.combined-bar-wrap:focus-within .combined-tooltip{display:block}html[data-theme=light] .gondola-picker{background:#fff}html[data-theme=light] .gondola-warehouse-card{color:#1d3248;background:#f5f9fc}html[data-theme=light] .combined-tooltip{color:#1d3248;background:#fff;border-color:#b9c8d6}html[data-theme=light] .combined-tooltip span{color:#60758a}@media (width<=650px){.gondola-picker>div{grid-template-columns:1fr}.combined-gondola-head{flex-direction:column;align-items:flex-start;gap:10px}.combined-legend small{width:100%;margin-left:0}.combined-bar-wrap{grid-template-columns:minmax(0,1fr) 62px}.combined-bar-wrap>small{display:none}}.gondola-picker-backdrop{z-index:1000;padding:clamp(12px,3vw,32px);overflow:auto}.gondola-picker{width:min(1120px,100%);max-height:calc(100dvh - 48px);padding:0;overflow:auto}.gondola-picker>header{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101d2cf5;align-items:flex-start;margin:0;padding:18px 20px 14px;position:sticky;top:0}.gondola-picker>div{grid-template-columns:repeat(3,minmax(0,1fr));padding:16px}.gondola-warehouse-card{min-width:0;min-height:116px;padding:13px}.gondola-warehouse-card>div{min-width:0}.gondola-warehouse-card h3{overflow-wrap:anywhere;font-size:14px;line-height:1.45}.gondola-warehouse-card p{font-size:10px}html[data-theme=light] .gondola-picker>header{background:#fffffff2}@media (width<=900px){.gondola-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.gondola-picker-backdrop{place-items:end center;padding:0}.gondola-picker{border-radius:16px 16px 0 0;max-height:92dvh}.gondola-picker>div{grid-template-columns:1fr;padding:12px}.gondola-picker>header{padding:15px}.gondola-warehouse-card{min-height:96px}}.gondola-picker>header{line-height:normal;flex:none!important;justify-content:space-between!important;align-items:flex-start!important;gap:16px!important;height:auto!important;min-height:94px!important}.gondola-picker>header>div{flex:1;min-width:0;padding:0}.gondola-picker>header h2{margin:0 0 5px;font-size:25px;line-height:1.25}.gondola-picker>header p{white-space:normal;margin:0;font-size:13px;line-height:1.5}.gondola-picker>header>button{flex:none;margin:0}@media (width<=600px){.gondola-picker>header{min-height:86px!important}.gondola-picker>header h2{font-size:21px}.gondola-picker>header p{font-size:12px}}.rule-kpis{grid-template-columns:repeat(4,1fr)}.rule-filter-card{padding:12px 14px}.rule-filter-row{grid-template-columns:minmax(320px,1fr) 220px 170px;align-items:end;gap:10px;display:grid}.rule-filter-row .searchline{height:42px;margin:0}.rule-filter-row label{color:var(--muted);font-size:12px}.rule-filter-row select{color:#fff;background:#071421;border:1px solid #52667d;border-radius:9px;width:100%;height:42px;margin-top:4px;padding:7px 28px 7px 10px;display:block}.rule-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:16px;display:grid}.rule-table{margin:0}.rule-table table{min-width:900px}.rule-table tr.selected td{background:#3f8fda14}.rule-product-button{min-width:190px;color:inherit;text-align:left;background:0 0;border:0;padding:0}.rule-product-button b,.rule-product-button span,.rule-product-button small{display:block}.rule-product-button b{color:#83bdff;font-size:12px}.rule-product-button span{margin-top:2px;font-weight:650}.rule-product-button small{color:var(--muted);margin-top:2px}.rule-product-button:hover span{text-underline-offset:3px;text-decoration:underline}.rule-detail{padding:0;position:sticky;top:70px;overflow:hidden}.rule-detail-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:10px;padding:18px 18px 14px;display:flex}.rule-detail-head small,.rule-detail-head p{color:var(--muted)}.rule-detail-head h3{margin:3px 0 0}.rule-detail-head p{margin:2px 0 0;font-size:12px}.rule-range{grid-template-columns:1fr 34px 1fr;align-items:center;padding:18px;display:grid}.rule-range>div{text-align:center;background:#112136;border:1px solid #344b62;border-radius:10px;padding:14px}.rule-range span,.rule-range b{display:block}.rule-range span{color:var(--muted);font-size:11px}.rule-range b{margin-top:3px;font-size:24px}.rule-range i{background:#45627d;height:2px}.rule-detail .detailgrid{grid-template-columns:1fr;gap:10px;padding:0 18px 18px}.rule-detail .detailgrid div{padding-bottom:8px}.rule-detail>.secondary{width:calc(100% - 36px);margin:0 18px 18px}html[data-theme=light] .rule-filter-row select{color:#26384b;background:#fff;border-color:#afbfcd}html[data-theme=light] .rule-range>div{background:#f5f9fc;border-color:#cfdae4}@media (width<=1100px){.rule-layout{grid-template-columns:1fr}.rule-detail{position:static}.rule-detail .detailgrid{grid-template-columns:1fr 1fr}}@media (width<=760px){.rule-kpis{grid-template-columns:1fr 1fr}.rule-filter-row,.rule-detail .detailgrid{grid-template-columns:1fr}}@media (width<=480px){.rule-kpis{grid-template-columns:1fr}}.audit-kpis{grid-template-columns:repeat(4,1fr)}.audit-filter-card{padding:12px 14px}.audit-filter-row{grid-template-columns:170px 170px 160px 160px minmax(280px,1fr);align-items:end;gap:10px;display:grid}.audit-filter-row label{color:var(--muted);font-size:12px}.audit-filter-row label>input,.audit-filter-row select{color:#fff;background:#071421;border:1px solid #52667d;border-radius:9px;width:100%;height:42px;margin-top:4px;padding:7px 28px 7px 10px;display:block}.audit-filter-row .searchline{height:42px;margin:0}.audit-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}.audit-table{margin:0}.audit-table table{min-width:930px}.audit-table tr.selected td{background:#3f8fda14}.audit-event-button{min-width:180px;color:inherit;text-align:left;background:0 0;border:0;padding:0}.audit-event-button b,.audit-event-button small{display:block}.audit-event-button b{color:#dce9f5}.audit-event-button small{color:var(--muted);margin-top:2px}.audit-event-button:hover b{color:#83bdff;text-underline-offset:3px;text-decoration:underline}.audit-detail{padding:0;position:sticky;top:70px;overflow:hidden}.audit-detail-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:10px;padding:18px;display:flex}.audit-detail-head small,.audit-detail-head p{color:var(--muted)}.audit-detail-head h3{margin:3px 0}.audit-detail-head p{margin:0;font-size:12px}.audit-detail .detailgrid{grid-template-columns:1fr;gap:10px;padding:16px 18px 8px}.audit-change{grid-template-columns:1fr 24px 1fr;align-items:center;gap:8px;padding:10px 18px;display:grid}.audit-change>div,.audit-reason{background:#112136;border:1px solid #344b62;border-radius:9px;padding:11px}.audit-change>svg{color:#7590aa;width:18px}.audit-change span,.audit-reason span{color:var(--muted);font-size:11px}.audit-change p,.audit-reason p{margin:4px 0 0;font-size:13px;line-height:1.5}.audit-reason{margin:8px 18px 18px}.export-action{color:#79d79d!important;background:#102b20!important;border-color:#347a55!important}html[data-theme=light] .audit-filter-row label>input,html[data-theme=light] .audit-filter-row select{color:#26384b;background:#fff;border-color:#afbfcd}html[data-theme=light] .audit-event-button b{color:#22384c}html[data-theme=light] .audit-event-button:hover b{color:#1768ad}html[data-theme=light] .audit-change>div,html[data-theme=light] .audit-reason{background:#f5f9fc;border-color:#cfdae4}html[data-theme=light] .export-action{color:#16733d!important;background:#effaf3!important;border-color:#8fc9a5!important}@media (width<=1200px){.audit-filter-row{grid-template-columns:1fr 1fr 1fr}.audit-filter-row .searchline{grid-column:1/-1}.audit-layout{grid-template-columns:1fr}.audit-detail{position:static}.audit-detail .detailgrid{grid-template-columns:1fr 1fr}}@media (width<=700px){.audit-kpis{grid-template-columns:1fr 1fr}.audit-filter-row{grid-template-columns:1fr}.audit-filter-row .searchline{grid-column:auto}.audit-detail .detailgrid{grid-template-columns:1fr}}@media (width<=480px){.audit-kpis,.audit-change{grid-template-columns:1fr}.audit-change>svg{margin:auto;transform:rotate(90deg)}}:root{font-family:IBM Plex Sans Thai,Noto Sans Thai,Tahoma,system-ui,sans-serif;font-size:16px;line-height:1.5}body,button,input,select,textarea{font-family:inherit}.pagehead h2{font-size:28px;line-height:1.3}.pagehead p,.muted{font-size:15px;line-height:1.55}.card h3,.sectionhead h3,.charthead h3{font-size:18px;line-height:1.4}.primary,.secondary,.navgroup button,.sidebarsettings button{font-size:15px}.compactsubmenu-head strong{font-size:17px}.compactsubmenu-list button span{font-size:14px}.topuser strong{font-size:13px}.topuser small{font-size:11px}.mockflag{font-size:12px}.kpis span,.kpis small,.dashboardkpis article>span{font-size:14px}.dashboardkpis article>small{font-size:13px}.dashboardkpis article>b{font-size:29px}.tablewrap th{font-size:13px}.tablewrap td{font-size:15px}.tablewrap td small{font-size:13px}.badge{font-size:12px!important}.task b{font-size:15px}.task span,.orderrow small,.job p,.sectionhead p{font-size:13px}.notice,.timeline p,.progressrow,.formgrid label,.loginform label{font-size:14px}.formgrid input,.formgrid select,.formgrid textarea,.loginform input,.loginform select,.tabs button{font-size:15px}.charthead p,.chartlegend,.saleslegend{font-size:13px}.chartfoot,.chartactions label,.gaugefilters label{font-size:12px}.chartactions select,.gaugefilters select{font-size:13px}.zchart .axisvalue,.zchart .axislabels text,.zchart .axistitle,.salesgrid text,.saleslabels text,.chart-tooltip text,.sales-tooltip text{font-size:12px}.chart-tooltip .tooltip-value,.sales-tooltip .tooltip-value{font-size:14px}.unitbuilderhead h3{font-size:17px}.unitbuilderhead p,.unitformula{font-size:13px}.unitfields label,.unitactions .secondary{font-size:12px}@media (width<=700px){:root{font-size:15px}.pagehead h2{font-size:24px}.tablewrap th{font-size:12px}.tablewrap td{font-size:14px}.dashboardkpis article>b{font-size:27px}}.gondola-picker>.gondola-picker-titlebar{z-index:2;border-bottom:1px solid var(--line);background:#101d2cf5;justify-content:space-between;align-items:flex-start;gap:16px;min-height:96px;padding:20px 22px 16px;display:flex;position:sticky;top:0}.gondola-picker-titlebar>div{min-width:0}.gondola-picker-titlebar h2{margin:0 0 5px;font-size:25px;line-height:1.25}.gondola-picker-titlebar p{font-size:13px;line-height:1.5}.gondola-picker-titlebar>button{color:#b9c9da;background:#1a2d42;border:0;border-radius:9px;flex:none;place-items:center;width:38px;height:38px;display:grid}.gondola-picker-titlebar svg{width:18px}.gondola-picker>.gondola-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px;display:grid}.shelf-layout{min-width:0}.shelf-hero{grid-template-columns:minmax(430px,.9fr) minmax(460px,1.4fr);align-items:center;gap:22px;margin-bottom:18px;display:grid}.shelf-summary{grid-template-columns:130px repeat(3,1fr);align-items:stretch;min-width:0;display:grid}.shelf-summary>strong{border-right:1px solid var(--line);place-items:center;font-size:72px;font-weight:800;line-height:1;display:grid}.shelf-summary>div{grid-template-rows:auto auto;grid-template-columns:28px 1fr;align-content:center;column-gap:8px;padding:5px 13px;display:grid}.shelf-summary svg{color:#78baff;grid-row:1/3;width:24px}.shelf-summary>div:nth-child(3) svg{color:#ff941f}.shelf-summary>div:nth-child(4) svg{color:#ff654b}.shelf-summary span,.shelf-summary small{display:block}.shelf-summary span{font-weight:650;line-height:1.2}.shelf-summary small{color:var(--muted);font-size:10px}.shelf-identity{justify-content:space-between;align-items:center;gap:18px;display:flex}.shelf-identity>div{min-width:0}.shelf-identity h2{margin:3px 0;font-size:25px;line-height:1.3}.shelf-identity p,.shelf-identity small{color:var(--muted);margin:0}.shelf-identity p svg{vertical-align:middle;width:16px}.shelf-tools{justify-content:flex-end;align-items:center;gap:18px;margin-bottom:18px;display:flex}.shelf-tools .searchline{width:min(360px,100%);margin:0}.shelf-legend{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;font-size:11px;display:flex}.shelf-legend span{white-space:nowrap;align-items:center;gap:6px;display:flex}.shelf-legend span:before{content:"";background:#566678;border-radius:4px;width:24px;height:13px}.shelf-legend .recommend:before{background:0 0;border:2px dashed #ff8415}.shelf-legend .vacant:before{background:#566678}.shelf-legend .picked:before{background:#85b9ff;border:2px solid #087dff}.shelf-legend .ready:before{background:#36bc8d}.shelf-legend .reserved:before{background:#efb941}.shelf-legend .transit:before{background:#499be7}.shelf-row{grid-template-columns:116px minmax(0,1fr);align-items:center;gap:12px;margin:0 0 18px;display:grid}.shelf-row>h3{margin:0;font-size:23px;line-height:1.1}.shelf-row>h3 small{color:var(--muted);margin-top:4px;font-size:10px;font-weight:500;display:block}.shelf-track{grid-template-columns:repeat(var(--slot-count),minmax(116px,1fr));border-top:1px solid #64758a;border-left:1px solid #64758a;min-width:0;display:grid;overflow:visible}.shelf-slot{min-width:116px;height:78px;color:var(--ink);text-align:left;background:linear-gradient(#172639,#111d2a);border:1px solid #64758a;border-top:0;border-left:0;padding:8px 10px 14px;position:relative}.shelf-slot.selected{z-index:3;outline-offset:-2px;background:linear-gradient(#24496f,#19324e);outline:3px solid #1684ff}.shelf-slot-number,.shelf-slot-code,.shelf-slot-qty{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.shelf-slot-code{color:#83bdff;margin-top:2px;font-size:10px}.shelf-slot-qty{margin-top:2px;font-size:11px;font-weight:650}.shelf-segments{background:#566678;height:10px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.shelf-segments i{height:100%}.shelf-tooltip{z-index:30;color:#eef5fc;pointer-events:none;background:#071421;border:1px solid #6a829b;border-radius:9px;width:300px;padding:11px 13px;display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 16px 45px #000b}.shelf-tooltip:after{content:"";border:7px solid #0000;border-top-color:#6a829b;position:absolute;top:100%;left:50%;transform:translate(-50%)}.shelf-tooltip b,.shelf-tooltip span{white-space:normal;display:block}.shelf-tooltip b{border-bottom:1px solid var(--line);padding-bottom:5px;font-size:13px}.shelf-tooltip span{color:#b7c6d6;margin-top:4px;font-size:11px;line-height:1.35}.shelf-slot:hover .shelf-tooltip,.shelf-slot:focus-visible .shelf-tooltip{display:block}.shelf-empty{text-align:center;min-height:240px;color:var(--muted);place-items:center;display:grid}.shelf-empty svg{width:42px}.shelf-empty h3,.shelf-empty p{margin:3px}html[data-theme=light] .gondola-picker>.gondola-picker-titlebar{background:#fffffff5}html[data-theme=light] .gondola-picker-titlebar>button{color:#344a60;background:#eef3f8}html[data-theme=light] .shelf-slot{color:#172335;background:linear-gradient(#fff,#edf1f5)}html[data-theme=light] .shelf-slot.selected{background:linear-gradient(#eaf4ff,#cfe5ff)}html[data-theme=light] .shelf-tooltip{color:#172335;background:#fff;border-color:#9eafc0}@media (width<=1100px){.shelf-hero{grid-template-columns:1fr}.shelf-summary{grid-template-columns:110px repeat(3,1fr)}.shelf-summary>strong{font-size:58px}.shelf-tools{flex-direction:column;align-items:stretch}.shelf-tools .searchline{width:100%}.shelf-legend{justify-content:flex-start}.shelf-track{grid-template-columns:repeat(var(--slot-count),minmax(116px,150px));overflow:auto visible}}@media (width<=760px){.gondola-picker>.gondola-picker-grid{grid-template-columns:1fr}.shelf-summary{grid-template-columns:78px repeat(3,minmax(0,1fr))}.shelf-summary>strong{font-size:42px}.shelf-summary>div{grid-template-columns:1fr;padding:5px 7px}.shelf-summary svg{display:none}.shelf-summary b{font-size:19px}.shelf-identity{flex-direction:column;align-items:flex-start}.shelf-row{grid-template-columns:78px minmax(0,1fr)}.shelf-row>h3{font-size:18px}.shelf-tooltip{left:0;transform:none}}.warehouse-view-switch button.active{color:#ffb0aa;background:linear-gradient(145deg,#612f35,#432127);box-shadow:inset 3px 0 #f0645e,0 6px 16px #4b141847}.warehouse-view-switch button.active svg{color:#ff9a93}html[data-theme=light] .warehouse-view-switch button.active{color:#fff;background:linear-gradient(145deg,#762f37,#542127);box-shadow:inset 3px 0 #f0645e,0 5px 14px #4b141833}html[data-theme=light] .warehouse-view-switch button.active svg{color:#fff}.shelf-layout{max-width:100%;overflow:visible}.shelf-hero{grid-template-columns:minmax(390px,.82fr) minmax(420px,1.18fr);gap:16px;margin-bottom:11px}.shelf-summary{grid-template-columns:102px repeat(3,minmax(0,1fr))}.shelf-summary>strong{font-size:58px}.shelf-summary>div{grid-template-columns:22px 1fr;column-gap:6px;padding:3px 9px}.shelf-summary svg{width:20px}.shelf-summary span{font-size:13px}.shelf-summary b{font-size:21px}.shelf-identity h2{font-size:22px}.shelf-identity p{font-size:12px}.shelf-tools{grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:14px;margin-bottom:11px;display:grid}.shelf-tools .searchline{width:100%;min-height:38px}.shelf-legend{gap:10px;font-size:10px}.shelf-legend span:before{width:20px;height:10px}.shelf-row{grid-template-columns:92px minmax(0,1fr);gap:8px;margin-bottom:10px}.shelf-row>h3{font-size:18px}.shelf-track{grid-template-columns:repeat(var(--slot-count),minmax(0,1fr));width:100%}.shelf-slot{min-width:0;height:56px;padding:4px 7px 11px}.shelf-slot-number{font-size:10px}.shelf-slot-code{margin-top:0;font-size:9px}.shelf-slot-qty{margin-top:0;font-size:10px}.shelf-segments{height:8px}.shelf-tooltip{width:280px}.layout-footnote{margin-top:6px}@media (width<=1180px){.shelf-hero,.shelf-tools{grid-template-columns:1fr}.shelf-legend{justify-content:flex-start}.shelf-track{grid-template-columns:repeat(var(--slot-count),minmax(82px,1fr));overflow-x:auto}.shelf-slot{min-width:82px}}@media (width<=760px){.shelf-summary{grid-template-columns:68px repeat(3,minmax(0,1fr))}.shelf-summary>strong{font-size:38px}.shelf-row{grid-template-columns:68px minmax(0,1fr)}.shelf-row>h3{font-size:15px}.shelf-track{grid-template-columns:repeat(var(--slot-count),82px)}}.shelf-slot{padding:4px 7px 4px 16px}.shelf-segments{background:#566678;border-right:1px solid #74859a;flex-direction:column;width:9px;height:auto;display:flex;inset:0 auto 0 0}.shelf-segments i{flex:none;width:100%;min-height:2px;display:block}@media (width>=1051px){html.gondola-view-active .app.sidebar-collapsed.compact-menu-open{grid-template-columns:104px minmax(0,1fr)}html.gondola-view-active .compactsubmenu{display:none}}.shelf-row{gap:8px;margin-bottom:10px}.shelf-row>h3 small{margin-top:2px}.shelf-track{background:0 0;border:0;gap:4px;padding:2px}.shelf-slot{border:1px solid #52667d;height:72px;padding:0;background:0 0!important}.shelf-slot-number,.shelf-slot-code,.shelf-slot-qty{display:none}.shelf-segments{border:0;width:auto;height:auto;display:flex;inset:0}.shelf-slot.selected .shelf-segments{width:auto;box-shadow:inset 0 0 0 3px #1684ff}.shelf-slot.recommended{outline-offset:-2px;outline:2px dashed #ff8415}.shelf-slot:hover{z-index:20;filter:brightness(1.12)}@media (width<=1180px){.shelf-track{grid-template-columns:repeat(var(--slot-count),minmax(58px,1fr))}.shelf-slot{min-width:58px}}@media (width<=760px){.shelf-track{grid-template-columns:repeat(var(--slot-count),58px)}}.shelf-legend button{color:var(--muted);font:inherit;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:6px;padding:5px 7px;display:flex}.shelf-legend button:before{content:"";background:#566678;border-radius:4px;width:20px;height:10px}.shelf-legend button:hover{color:var(--ink);background:#17283a}.shelf-legend button.recommend:before{box-sizing:border-box;background:0 0;border:2px dashed #ff8415}.shelf-legend button.picked:before{box-sizing:border-box;background:#85b9ff;border:2px solid #1684ff}html[data-theme=light] .shelf-legend button:hover{background:#e9f1f8}.shelf-segments i{transition:opacity .16s,filter .16s}.shelf-layout[data-status-filter=vacant] .shelf-segments i:not(.vacant),.shelf-layout[data-status-filter=ready] .shelf-segments i:not(.ready),.shelf-layout[data-status-filter=reserved] .shelf-segments i:not(.reserved),.shelf-layout[data-status-filter=transit] .shelf-segments i:not(.transit){opacity:.14}.shelf-layout[data-status-filter=vacant] .shelf-segments i.vacant,.shelf-layout[data-status-filter=ready] .shelf-segments i.ready,.shelf-layout[data-status-filter=reserved] .shelf-segments i.reserved,.shelf-layout[data-status-filter=transit] .shelf-segments i.transit{filter:brightness(1.2)saturate(1.2)}.shelf-layout[data-status-filter=recommend] .shelf-slot:not(.recommended),.shelf-layout[data-status-filter=picked] .shelf-slot:not(.selected){opacity:.18}.shelf-layout[data-status-filter=recommend] .shelf-slot.recommended,.shelf-layout[data-status-filter=picked] .shelf-slot.selected{filter:brightness(1.15)}.shelf-slot.recommended{outline-color:#f0b84b}.shelf-legend button.recommend:before{border-color:#f0b84b}.shelf-legend button.picked:before{background:#612f35;border-color:#f05d68}.shelf-legend button[aria-pressed=true]{color:#ffb0aa;background:linear-gradient(145deg,#612f35,#432127);border-color:#f05d68;box-shadow:inset 3px 0 #f0645e,0 5px 14px #4b141833}html[data-theme=light] .shelf-legend button[aria-pressed=true]{color:#762f37;background:#f9e6e7;border-color:#f05d68}.app.layout-fullscreen,.app.sidebar-collapsed.layout-fullscreen{grid-template-columns:minmax(0,1fr)}.layout-fullscreen>main{grid-column:1/-1;width:100%;min-width:0}.layout-fullscreen main>header{width:100%}.layout-fullscreen .layout-page-head{background:0 0;padding:0;height:auto!important;min-height:0!important}.layout-fullscreen .warehouse-choice-grid{width:100%}@media (width>=1051px){.app.sidebar-collapsed.layout-fullscreen,.app.sidebar-collapsed.compact-menu-open.layout-fullscreen{grid-template-columns:minmax(0,1fr)}}.warehouse-layout-modal-backdrop{z-index:1100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#010811b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.warehouse-layout-modal{background:#0b1827;border:1px solid #40566e;border-radius:18px;flex-direction:column;width:min(1180px,100vw - 48px);max-height:calc(100dvh - 48px);display:flex;overflow:hidden;box-shadow:0 30px 90px #000000ad}.warehouse-layout-modal-head{border-bottom:1px solid var(--line);background:#14263a;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.warehouse-layout-modal-head strong,.warehouse-layout-modal-head small{display:block}.warehouse-layout-modal-head strong{font-size:18px}.warehouse-layout-modal-head small{color:var(--muted);margin-top:2px;font-size:12px}.warehouse-layout-modal-head .iconbtn{color:#b8c8d9;flex:none}.warehouse-layout-modal-body{min-height:0;padding:18px;overflow:auto}.warehouse-layout-modal .layout-page-head{background:0 0;padding:0;height:auto!important;min-height:0!important}.warehouse-layout-modal .warehouse-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme=light] .warehouse-layout-modal{background:#f3f7fa;border-color:#b7c7d6;box-shadow:0 30px 90px #19314852}html[data-theme=light] .warehouse-layout-modal-head{background:#e4edf5}.warehouse-layout-modal .layout-state{min-height:320px}@media (width<=800px){.warehouse-layout-modal-backdrop{padding:12px}.warehouse-layout-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.warehouse-layout-modal-body{padding:14px}.warehouse-layout-modal .warehouse-choice-grid{grid-template-columns:1fr}}@media (width<=560px){.warehouse-layout-modal-backdrop{place-items:end center;padding:0}.warehouse-layout-modal{border-radius:18px 18px 0 0;width:100%;max-height:94dvh}.warehouse-layout-modal-head{padding:12px 14px}.warehouse-layout-modal-body{padding:12px}}.modalbackdrop,.gondola-picker-backdrop,.warehouse-layout-modal-backdrop{place-items:center;padding:clamp(12px,3vw,28px);overflow:auto}.modal,.gondola-picker,.warehouse-layout-modal{border-radius:16px;max-width:100%;max-height:calc(100dvh - clamp(24px,6vw,56px))}.modal{width:min(680px,100vw - 24px)}.warehouse-layout-modal{width:min(1180px,100vw - 24px)}@media (width<=700px){.modalbackdrop,.gondola-picker-backdrop,.warehouse-layout-modal-backdrop{place-items:center;padding:12px}.modal,.gondola-picker,.warehouse-layout-modal{border-radius:16px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.modal{padding:18px}.warehouse-layout-modal-head{padding:12px 14px}.warehouse-layout-modal-body{padding:12px}}.job .job-open-action{color:#fff;background:linear-gradient(#318be5,#1762bf);border-color:#4b91da;box-shadow:0 5px 13px #005cbe38}.job .job-open-action:not(:disabled):hover{color:#fff;background:linear-gradient(#42a0f5,#2477d2);border-color:#70b2ef;transform:translateY(-1px)}.job .job-open-action:focus-visible{outline-offset:2px;outline:3px solid #4ba2f159}html[data-theme=light] .job .job-open-action{color:#fff;background:linear-gradient(#338cdf,#1768bd);border-color:#277ac7}html[data-theme=light] .job .job-open-action:not(:disabled):hover{color:#fff;background:linear-gradient(#4499e8,#1f72c8);border-color:#1768bd}.dashboard-expansion{gap:16px;display:grid}.expansion-heading,.department-heading{justify-content:space-between;align-items:end;gap:16px;padding:8px 2px 0;display:flex}.expansion-heading h2,.department-heading h3{margin:0}.expansion-heading p,.department-heading p{color:var(--muted);margin:3px 0 0;font-size:12px}.expansion-heading>span{color:#f1ca6b;background:#2b2515;border:1px solid #66552b;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700}.finance-z-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.finance-z-card{background:#101d2c;border:1px solid #334b63;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #00081229}.finance-z-card header,.finance-metric header,.pnl-card header{justify-content:space-between;align-items:flex-start;gap:10px;padding:16px 18px 4px;display:flex}.finance-z-card header small{color:#58bfc0}.finance-z-card h3,.finance-metric h3,.pnl-card h3{margin:2px 0 0}.finance-z-card header>b,.finance-metric header>b{font-size:20px}.finance-z-card svg,.finance-metric svg{width:100%;height:auto;padding:0 12px;display:block}.finance-grid line{stroke:#2f4358;stroke-width:1px}.finance-z-card circle,.finance-metric circle{cursor:crosshair}.finance-legend{color:var(--muted);flex-wrap:wrap;gap:8px 14px;padding:5px 16px 12px;font-size:10px;display:flex}.finance-legend span{align-items:center;gap:5px;display:flex}.finance-legend i{border-radius:4px;width:14px;height:4px}.channel-mix{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.channel-mix span{gap:2px;padding:12px 10px;display:grid;position:relative;overflow:hidden}.channel-mix span+span{border-left:1px solid var(--line)}.channel-mix span>i{height:3px;position:absolute;bottom:0;left:0}.channel-mix b{font-size:10px}.channel-mix small{color:var(--muted);font-size:10px}.finance-metric-grid{grid-template-columns:.75fr .75fr 1.5fr;gap:16px;display:grid}.finance-metric,.pnl-card{padding:0;overflow:hidden}.finance-metric header p,.pnl-card header p{color:var(--muted);margin:3px 0 0;font-size:10px}.finance-metric>small{border-top:1px solid var(--line);color:#e5aa4a;padding:8px 16px 14px;display:block}.pnl-card header>span{color:#8bc6ff;background:#183d5f;border-radius:999px;padding:4px 8px;font-size:10px}.pnl-bars{grid-template-columns:repeat(12,1fr);align-items:end;gap:7px;height:150px;padding:12px 18px 0;display:grid}.pnl-bars>div{text-align:center;grid-template-rows:1fr auto;align-items:end;gap:5px;height:100%;display:grid}.pnl-stack{cursor:help;justify-content:center;align-items:end;gap:2px;height:112px;display:flex}.pnl-stack i{border-radius:3px 3px 0 0;width:28%;min-height:3px;display:block}.pnl-stack .revenue,.finance-legend .revenue{background:#58bfc0}.pnl-stack .cost,.finance-legend .cost{background:#6c9fe8}.pnl-stack .expense,.finance-legend .expense{background:#e5aa4a}.pnl-bars small{color:var(--muted);font-size:9px}.pnl-card>.finance-legend{justify-content:center}.department-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.department-kpis button{min-width:0;min-height:132px;color:var(--text);text-align:left;background:#101d2c;border:1px solid #334b63;border-radius:14px;flex-direction:column;align-items:flex-start;padding:16px;transition:border-color .15s,transform .15s;display:flex}.department-kpis button:hover{border-color:#58bfc0;transform:translateY(-2px)}.department-kpis small{color:#79b8ef;font-weight:700}.department-kpis span{color:var(--muted);margin-top:8px;font-size:11px}.department-kpis b{margin-top:auto;font-size:24px}.department-kpis em{color:var(--muted);font-size:10px;font-style:normal}html[data-theme=light] .finance-z-card,html[data-theme=light] .department-kpis button{background:#fff;border-color:#c9d7e4}html[data-theme=light] .expansion-heading>span{color:#765000;background:#fff7d8;border-color:#e2c46c}@media (width<=1180px){.finance-z-grid{grid-template-columns:1fr 1fr}.finance-z-card:last-child{grid-column:1/-1}.finance-metric-grid{grid-template-columns:1fr 1fr}.pnl-card{grid-column:1/-1}.department-kpis{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){.finance-z-grid,.finance-metric-grid{grid-template-columns:1fr}.finance-z-card:last-child,.pnl-card{grid-column:auto}.department-kpis{grid-template-columns:1fr 1fr}.expansion-heading{flex-direction:column;align-items:flex-start}.pnl-bars{gap:3px;padding-inline:10px}}@media (width<=430px){.department-kpis,.channel-mix{grid-template-columns:1fr}.channel-mix span+span{border-left:0;border-top:1px solid var(--line)}}.finance-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-metric,.pnl-card,.finance-metric header>div,.pnl-card header>div{min-width:0}.finance-metric header h3,.finance-metric header p,.pnl-card header h3,.pnl-card header p{overflow-wrap:anywhere}.finance-chart-frame{aspect-ratio:600/190;width:100%;min-height:150px;overflow:hidden}.finance-chart-frame svg{width:100%;height:100%;padding:0;display:block}.finance-chart-frame text{fill:var(--muted);font-size:11px}.finance-hitpoint{cursor:crosshair}.pnl-card{grid-column:1/-1}.pnl-chart-frame{width:100%;overflow:auto hidden}.pnl-bars{min-width:620px}.department-heading{align-items:flex-start}@media (width<=900px){.finance-metric-grid{grid-template-columns:1fr}.pnl-card{grid-column:auto}.finance-chart-frame{min-height:140px}.department-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.finance-metric header,.pnl-card header{padding:14px 14px 6px}.finance-metric header>b{white-space:nowrap;font-size:18px}.finance-chart-frame{aspect-ratio:500/190;min-height:170px}.department-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.department-heading{display:block}.department-heading p{margin-top:4px}}@media (width<=400px){.department-kpis{grid-template-columns:1fr}}.login-v2{background:#020914;grid-template-columns:minmax(420px,1.05fr) minmax(440px,.95fr);min-height:100dvh;display:grid}.login-v2-visual{background:radial-gradient(circle at 20% 10%,#2c84df4d,#0000 35%),linear-gradient(145deg,#0b2036,#06111f 62%,#071826);border-right:1px solid #263b52;flex-direction:column;justify-content:center;min-width:0;padding:clamp(42px,6vw,92px);display:flex;position:relative;overflow:hidden}.login-v2-visual:before,.login-v2-visual:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.login-v2-visual:before{border:1px solid #58bfc03d;width:460px;height:460px;bottom:-190px;right:-210px;box-shadow:0 0 0 80px #58bfc009,0 0 0 160px #6c9fe806}.login-v2-visual:after{filter:blur(1px);background:linear-gradient(145deg,#45c9b01c,#4ba2f108);width:180px;height:180px;top:12%;right:8%}.login-v2-brand{z-index:1;align-items:center;gap:14px;display:flex;position:absolute;top:clamp(28px,4vw,54px);left:clamp(42px,6vw,92px)}.login-v2-brand strong,.login-v2-brand span{display:block}.login-v2-brand strong{font-size:18px}.login-v2-brand span{color:#8fa4ba;font-size:11px}.login-v2-message{z-index:1;max-width:650px;position:relative}.login-v2-kicker{color:#79d6d4;background:#14414d80;border:1px solid #58bfc052;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.login-v2-message h1{letter-spacing:-.035em;margin:18px 0 16px;font-size:clamp(38px,4.5vw,68px);line-height:1.16}.login-v2-message p{color:#9eb0c3;max-width:590px;margin:0;font-size:clamp(15px,1.2vw,18px);line-height:1.75}.login-v2-features{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:42px;display:grid;position:relative}.login-v2-features article{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1c2db8;border:1px solid #4f6b897a;border-radius:13px;align-items:flex-start;gap:10px;min-width:0;padding:14px;display:flex}.login-v2-features svg{color:#67b1ff;flex:none;width:22px;height:22px}.login-v2-features b,.login-v2-features small{display:block}.login-v2-features b{font-size:13px}.login-v2-features small{color:#8094aa;margin-top:3px;font-size:10px;line-height:1.45}.login-v2-version{color:#536b83;position:absolute;bottom:28px;left:clamp(42px,6vw,92px)}.login-v2-panel{background:radial-gradient(circle at 100% 0,#2770be24,#0000 35%),#07111e;place-items:center;padding:clamp(24px,5vw,72px);display:grid}.login-v2-form{background:linear-gradient(145deg,#172538f5,#0c1928fa);border:1px solid #30465e;border-radius:20px;width:min(470px,100%);padding:clamp(28px,4vw,46px);box-shadow:0 28px 80px #0006}.login-v2-mobile-brand{display:none}.login-v2-heading>span{color:#70b7ff;font-size:12px;font-weight:700}.login-v2-heading h2{margin:3px 0 5px;font-size:34px}.login-v2-heading p{color:var(--muted);margin:0;font-size:13px}.login-v2-mock{color:#ffd56c;background:#2b240f;border:1px solid #5d4e20;border-radius:10px;align-items:center;gap:10px;margin:22px 0 4px;padding:11px 12px;display:flex}.login-v2-mock svg{flex:none;width:18px}.login-v2-mock b,.login-v2-mock small{display:block}.login-v2-mock b{font-size:12px}.login-v2-mock small{color:#c5a954;font-size:10px}.login-v2-form label{color:#c8d3df;margin-top:17px;font-size:13px;font-weight:650;display:block}.login-v2-form input,.login-v2-form select{color:#f4f8fd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#071522;border:1px solid #4b6178;border-radius:10px;width:100%;height:48px;margin-top:6px;padding:0 13px;display:block}.login-v2-form input:focus,.login-v2-form select:focus{border-color:#58a8f4;outline:3px solid #3791eb40}.login-v2-submit{min-height:48px;margin-top:22px;font-size:16px}.login-v2-help{color:#74879b;text-align:center;margin:15px 0 0;font-size:11px}html[data-theme=light] .login-v2{background:#eaf1f7}html[data-theme=light] .login-v2-visual{background:radial-gradient(circle at 20% 10%,#348be238,#0000 35%),linear-gradient(145deg,#173b60,#0c2947);border-color:#496985}html[data-theme=light] .login-v2-panel{background:#eef3f8}html[data-theme=light] .login-v2-form{background:#fff;border-color:#c5d2df;box-shadow:0 28px 70px #1f3d5a2e}html[data-theme=light] .login-v2-heading h2{color:#172335}html[data-theme=light] .login-v2-form label{color:#405167}html[data-theme=light] .login-v2-form input,html[data-theme=light] .login-v2-form select{color:#172335;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border-color:#aebdcb}@media (width<=1050px){.login-v2{grid-template-columns:minmax(340px,.8fr) minmax(410px,1fr)}.login-v2-features{grid-template-columns:1fr}.login-v2-features article:nth-child(3){display:none}.login-v2-message h1{font-size:42px}}@media (width<=760px){.login-v2{background:radial-gradient(circle at 50% 0,#102d50 0,#0000 42%),#020914;padding:18px;display:block}.login-v2-visual{display:none}.login-v2-panel{background:0 0;min-height:calc(100dvh - 36px);padding:0}.login-v2-form{padding:28px 22px}.login-v2-mobile-brand{align-items:center;gap:11px;margin-bottom:28px;display:flex}.login-v2-mobile-brand span b,.login-v2-mobile-brand span small{display:block}.login-v2-mobile-brand span b{font-size:16px}.login-v2-mobile-brand span small{color:var(--muted);font-size:10px}.login-v2-heading h2{font-size:29px}}@media (width<=390px){.login-v2{padding:0}.login-v2-panel{min-height:100dvh}.login-v2-form{min-height:100dvh;box-shadow:none;border:0;border-radius:0;padding:24px 18px}}.login-v2-form .login-v2-remember{color:#aebed0;cursor:pointer;align-items:center;gap:9px;margin-top:14px;font-size:12px;font-weight:500;display:flex}.login-v2-remember input{accent-color:#2c84df;width:17px;height:17px;margin:0}.login-v2-actions{grid-template-columns:120px minmax(0,1fr);gap:10px;margin-top:22px;display:grid}.login-v2-submit{min-height:48px;color:#fff!important;background:linear-gradient(#318be5,#1762bf)!important;border-color:#4a9ced!important;margin:0!important;box-shadow:0 6px 16px #005cbe40!important}.login-v2-submit:not(:disabled):hover{background:linear-gradient(#43a0f3,#2475ce)!important}.login-v2-clear{color:#a9cfff;background:#142438;border:1px solid #4b647e;border-radius:9px;min-height:48px;font-weight:650}.login-v2-clear:not(:disabled):hover{color:#fff;background:#1a3049;border-color:#70a7db}.login-v2-clear:focus-visible,.login-v2-submit:focus-visible{outline-offset:2px;outline:3px solid #4ba2f159}html[data-theme=light] .login-v2-form .login-v2-remember{color:#52677d}html[data-theme=light] .login-v2-clear{color:#155fa8;background:#fff;border-color:#9fb5ca}html[data-theme=light] .login-v2-clear:not(:disabled):hover{background:#edf5fd}@media (width<=420px){.login-v2-actions{grid-template-columns:1fr}.login-v2-clear{order:2}}.shelf-row{align-items:end;margin-bottom:14px}.shelf-row>h3{align-self:center}.shelf-track{align-items:flex-end;gap:5px;min-height:154px;padding:26px 4px 4px;display:flex;overflow:auto visible}.shelf-slot{border:2px solid #58759a;border-radius:5px;flex:1 0 44px;min-width:44px;max-width:76px;height:124px;display:block;overflow:visible;box-shadow:inset 0 0 0 2px #75a5e224;background:#0a1830!important}.shelf-slot-number{color:#dceaff;width:max-content;font-size:15px;font-weight:650;line-height:22px;display:block;position:absolute;top:-27px;left:50%;overflow:visible;transform:translate(-50%)}.shelf-slot-code,.shelf-slot-qty{display:none}.shelf-segments{width:auto;height:auto;box-shadow:none;background:#203453;border:0;border-radius:2px;display:flex;inset:4px;overflow:hidden}.shelf-segments i{width:100%;min-height:3px}.shelf-slot.recommended{outline:0}.shelf-slot.recommended:before{content:"⚠";z-index:4;color:#f0b84b;text-shadow:0 1px 3px #000;font-size:20px;line-height:1;position:absolute;top:-4px;left:-5px}.shelf-slot.selected{border-color:#76b9ff;box-shadow:0 0 0 3px #4ba2f140,inset 0 0 0 2px #75b9ff47}.shelf-slot.selected .shelf-segments{box-shadow:none}.shelf-slot:hover{z-index:20;filter:brightness(1.15);transform:translateY(-3px)}.shelf-tooltip{bottom:calc(100% + 12px)}.shelf-segments .vacant{background:#263b5b}.shelf-segments .ready{background:#6688ca}.shelf-segments .reserved{background:#e08055}.shelf-segments .transit{background:#4e75bd}.shelf-legend button.vacant:before{background:#263b5b}.shelf-legend button.ready:before{background:#6688ca}.shelf-legend button.reserved:before{background:#e08055}.shelf-legend button.transit:before{background:#4e75bd}html[data-theme=light] .shelf-slot{border-color:#6682a3;background:#e7edf5!important}html[data-theme=light] .shelf-slot-number{color:#233b58}html[data-theme=light] .shelf-segments{background:#d5deea}@media (width<=760px){.shelf-track{min-height:138px;padding-top:25px}.shelf-slot{flex-basis:40px;min-width:40px;height:108px}.shelf-slot-number{font-size:13px}.shelf-tooltip{width:auto;position:fixed;bottom:12px;left:12px;right:12px;transform:none}}@media (width>=761px){.shelf-track{overflow:visible}.shelf-slot{flex:0 56px;min-width:36px;max-width:56px}.shelf-slot:first-child .shelf-tooltip{left:0;transform:none}.shelf-slot:first-child .shelf-tooltip:after{left:28px;transform:none}.shelf-slot:last-child .shelf-tooltip{left:auto;right:0;transform:none}.shelf-slot:last-child .shelf-tooltip:after{left:auto;right:28px;transform:none}}.shelf-search-card{margin:0 0 10px;padding:14px 16px}.shelf-search-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.shelf-search-head h3{margin:0;font-size:16px}.shelf-search-head p{color:var(--muted);margin:2px 0 0;font-size:11px}.shelf-search-head>svg{color:#70b7ff;width:20px}.shelf-search-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;display:grid}.shelf-search-grid>label{min-width:0;display:block}.shelf-search-grid>label>span{color:var(--muted);margin-bottom:5px;font-size:11px;display:block}.shelf-search-grid .searchline,.shelf-select-wrap{background:#071421;border:1px solid #52667d;border-radius:10px;width:100%;height:42px;min-height:42px;margin:0}.shelf-search-grid .searchline{padding:0 12px}.shelf-search-grid .searchline>svg,.shelf-select-wrap>svg{color:#8297ad;flex:none;width:18px;height:18px}.shelf-search-grid .searchline input,.shelf-select-wrap select{width:100%;height:40px;color:var(--ink);background:0 0;border:0;outline:0;padding:0 30px 0 9px;font-size:14px}.shelf-select-wrap{align-items:center;padding-left:12px;display:flex}.shelf-employee-filter{align-self:end}.shelf-status-tools{justify-content:flex-end;margin-bottom:12px;display:flex}.shelf-status-tools .shelf-legend{justify-content:flex-end}html[data-theme=light] .shelf-search-grid .searchline,html[data-theme=light] .shelf-select-wrap{background:#fff;border-color:#afbfcd}@media (width<=900px){.shelf-search-grid{grid-template-columns:1fr 1fr}.shelf-search-grid>label:last-child{grid-column:1/-1}.shelf-status-tools,.shelf-status-tools .shelf-legend{justify-content:flex-start}}@media (width<=600px){.shelf-search-grid{grid-template-columns:1fr}.shelf-search-grid>label:last-child{grid-column:auto}.shelf-search-card{padding:12px}.shelf-search-head>svg{display:none}}.shelf-slot:after{content:"";z-index:2;pointer-events:none;background:0 0;border-radius:2px;transition:background .16s,box-shadow .16s;position:absolute;inset:4px}.shelf-slot:hover:after,.shelf-slot:focus-visible:after{background:var(--slot-hover);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--slot-hover) 72%,white)}.shelf-slot:hover,.shelf-slot:focus-visible{border-color:color-mix(in srgb,var(--slot-hover) 55%,#b9d8ff)}.shelf-tooltip{z-index:30}.branch-status-filters{margin-bottom:14px;padding:14px}.branch-status-filter-grid{grid-template-columns:220px 175px 175px minmax(300px,1fr);align-items:end;gap:11px;display:grid}.branch-status-filter-grid>label,.branch-status-search>span{color:var(--muted);font-size:12px}.branch-status-filter-grid select,.branch-status-filter-grid>label>input{width:100%;height:42px;color:var(--ink);background:#071421;border:1px solid #52667d;border-radius:9px;margin-top:5px;padding:0 11px;display:block}.branch-status-search .searchline{height:42px;margin:5px 0 0}.filter-error{color:#ff918a;margin:9px 0 0;font-size:12px}.branch-status-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.branch-status-card{border:1px solid var(--line);min-width:0;color:var(--ink);text-align:left;background:linear-gradient(145deg,#142132,#0f1a29);border-radius:12px;align-items:flex-start;gap:9px;padding:13px 11px;transition:transform .15s,border-color .15s,background .15s;display:flex}.branch-status-card:hover{border-color:#6382a2;transform:translateY(-2px)}.branch-status-card.active{outline-offset:2px;background:#172d44;outline:2px solid #76b9ff}.branch-status-card>svg{flex:none;width:22px;height:22px}.branch-status-card.info>svg{color:#72baff}.branch-status-card.warning>svg{color:#f0b84b}.branch-status-card.danger>svg{color:#f06a72}.branch-status-card.success>svg{color:#45c9b0}.branch-status-card span{min-width:0}.branch-status-card b,.branch-status-card strong,.branch-status-card small{display:block}.branch-status-card b{font-size:24px;line-height:1}.branch-status-card strong{margin-top:7px;font-size:12px;line-height:1.35}.branch-status-card small{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.35}.branch-status-table-head{justify-content:space-between;align-items:end;gap:12px;margin-bottom:9px;display:flex}.branch-status-table-head h3,.branch-status-table-head p{margin:0}.branch-status-table-head p{color:var(--muted);font-size:12px}.branch-status-table{padding:0}.branch-status-table table{min-width:1180px}.branch-status-table td>span{margin-top:2px;display:block}.branch-status-table td>small{max-width:290px;color:var(--muted);white-space:normal;margin-top:3px;display:block}.branch-status-table .badge{margin-bottom:4px}.branch-load-action{white-space:nowrap;padding:8px 10px;font-size:12px}.branch-status-confirm h3{margin:14px 0}.branch-status-confirm .detailgrid{margin-bottom:14px}html[data-theme=light] .branch-status-filter-grid select,html[data-theme=light] .branch-status-filter-grid>label>input{color:#26384b;background:#fff;border-color:#afbfcd}html[data-theme=light] .branch-status-card{background:#fff}html[data-theme=light] .branch-status-card.active{background:#eaf4ff}@media (width<=1200px){.branch-status-filter-grid{grid-template-columns:1fr 1fr}.branch-status-search{grid-column:1/-1}.branch-status-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.branch-status-filter-grid{grid-template-columns:1fr}.branch-status-search{grid-column:auto}.branch-status-cards{grid-template-columns:1fr 1fr}.branch-status-table-head{flex-direction:column;align-items:flex-start}}@media (width<=430px){.branch-status-cards{grid-template-columns:1fr}}.shelf-track:hover .shelf-slot:not(:hover) .shelf-tooltip{display:none}.shelf-tooltip{color:#f5fcff;background:linear-gradient(145deg,#123d5a,#0b2d46);border-color:#54d6e8;width:260px;box-shadow:0 16px 42px #00000094,0 0 0 2px #54d6e833}.shelf-tooltip:after{border-top-color:#54d6e8}.shelf-tooltip b{color:#8feaf4;border-color:#88e1ee59}.shelf-tooltip span{color:#e3f5fb}.shelf-tooltip span:last-child{color:#9fd5e0}html[data-theme=light] .shelf-tooltip{color:#fff;background:linear-gradient(145deg,#087f9b,#075d7b);border-color:#087f9b;box-shadow:0 16px 38px #0e475c4d,0 0 0 2px #087f9b26}html[data-theme=light] .shelf-tooltip:after{border-top-color:#087f9b}html[data-theme=light] .shelf-tooltip b{color:#c9f8ff;border-color:#ffffff4d}html[data-theme=light] .shelf-tooltip span{color:#f2fdff}html[data-theme=light] .shelf-tooltip span:last-child{color:#c2eaf1}.branch-status-card.status-awaiting_load{background:linear-gradient(145deg,#173655,#10243a);border-color:#315f8d}.branch-status-card.status-awaiting_pack_unit{background:linear-gradient(145deg,#443719,#272615);border-color:#7a5e27}.branch-status-card.status-out_or_cancelled{background:linear-gradient(145deg,#4b2e19,#2d2118);border-color:#8a5728}.branch-status-card.status-rejected{background:linear-gradient(145deg,#48232c,#2c1b24);border-color:#7d3843}.branch-status-card.status-queued_ipad{background:linear-gradient(145deg,#173b5b,#11273d);border-color:#315c86}.branch-status-card.status-packed_waiting{background:linear-gradient(145deg,#17463f,#102d2b);border-color:#257264}.branch-status-card.status-awaiting_load:hover{border-color:#68b8ff}.branch-status-card.status-awaiting_pack_unit:hover{border-color:#f0bd50}.branch-status-card.status-out_or_cancelled:hover{border-color:#f29a4a}.branch-status-card.status-rejected:hover{border-color:#ff6f7b}.branch-status-card.status-queued_ipad:hover{border-color:#65b4f4}.branch-status-card.status-packed_waiting:hover{border-color:#51d4bd}.branch-status-card.active{filter:brightness(1.14);outline-color:#fff}html[data-theme=light] .branch-status-card.status-awaiting_load{background:linear-gradient(145deg,#e8f4ff,#dcecff);border-color:#9bc9ed}html[data-theme=light] .branch-status-card.status-awaiting_pack_unit{background:linear-gradient(145deg,#fff8da,#f9edbd);border-color:#dfc475}html[data-theme=light] .branch-status-card.status-out_or_cancelled{background:linear-gradient(145deg,#fff0dd,#f9dfc2);border-color:#e4b276}html[data-theme=light] .branch-status-card.status-rejected{background:linear-gradient(145deg,#ffe9eb,#f8d9dd);border-color:#e6a0a6}html[data-theme=light] .branch-status-card.status-queued_ipad{background:linear-gradient(145deg,#e8f4fd,#d8eafb);border-color:#9ac5e8}html[data-theme=light] .branch-status-card.status-packed_waiting{background:linear-gradient(145deg,#e4f7f1,#d3eee6);border-color:#8fcfbd}.report-table-preview{padding:0;overflow:hidden}.report-table-preview>.sectionhead{border-bottom:1px solid var(--line)}.report-table-preview>.tablewrap{border-radius:0;margin:0}.report-table-preview table{min-width:920px}.report-table-preview td{vertical-align:top}.report-table-meta{align-items:center;gap:8px;display:flex}.report-table-meta>span{color:var(--muted);font-size:11px}.report-detail-action{white-space:nowrap;padding:7px 10px;font-size:12px}.report-table-preview>.notice{margin:14px}@media (width<=600px){.report-table-preview>.sectionhead{align-items:flex-start}.report-table-meta{flex-direction:column;align-items:flex-end}}.report-full-width{width:100%;margin-bottom:0}.report-full-filter .filterrow{grid-template-columns:repeat(4,minmax(150px,1fr)) auto;display:grid}.report-full-filter .filterrow>button{height:42px}@media (width<=900px){.report-full-filter .filterrow{grid-template-columns:1fr 1fr}.report-full-filter .filterrow>button{width:100%}}@media (width<=520px){.report-full-filter .filterrow{grid-template-columns:1fr}}.report-full-filter .report-search{grid-column:1/-2;min-width:0}.report-full-filter .report-search>span{display:block}.report-full-filter .report-search .searchline{height:42px;margin:4px 0 0}.report-search-clear{color:#94a5b8;background:0 0;border:0;border-radius:7px;flex:none;place-items:center;width:30px;height:30px;padding:5px;display:grid}.report-search-clear:hover{color:#fff;background:#26384c}.report-search-clear svg{width:16px}.report-full-filter .filterrow>button{grid-column:-2/-1;align-self:end}@media (width<=900px){.report-full-filter .report-search,.report-full-filter .filterrow>button{grid-column:1/-1}}@media (width<=520px){.report-full-filter .report-search,.report-full-filter .filterrow>button{grid-column:auto}}.report-full-filter .report-search .searchline{background:#071421;border:1px solid #52667d;border-radius:9px;align-items:center;width:100%;padding:0 10px;display:flex}.report-full-filter .report-search .searchline>svg{color:#82a0bd;flex:none;width:18px;height:18px;margin:0}.report-full-filter .report-search .searchline>input{min-width:0;height:40px;color:var(--ink);box-shadow:none;background:0 0;border:0;border-radius:0;outline:0;margin:0;padding:0 10px}.report-full-filter .report-search .searchline>input:focus{box-shadow:none;border:0}html[data-theme=light] .report-full-filter .report-search .searchline{background:#fff;border-color:#aebdcb}.thaidate-trigger{gap:6px;height:36px;padding:6px 9px;font-size:13px}.thaidate-trigger>svg{width:15px}.thaidate-trigger>svg:last-child{width:12px}.thaicalendar{width:292px;padding:12px;top:42px}.thaidate.drop-up .thaicalendar{bottom:42px}.calendarhead{grid-template-columns:31px 1fr 31px;margin-bottom:7px}.calendarhead button{height:29px}.calendarhead b{font-size:13px}.monthdays>span,.monthdays>button{height:31px}.calendaractions{margin-top:9px;padding-top:8px}@media (width>=1201px){.report-full-filter .filterrow{grid-template-columns:minmax(260px,1fr) 155px 155px 180px 150px auto;gap:10px}.report-full-filter .report-search{grid-column:auto}.report-full-filter .filterrow>button{grid-column:auto;align-self:end;height:36px;padding:6px 15px}.report-full-filter .report-search .searchline{height:36px}.report-full-filter .report-search .searchline>input{height:34px}.report-full-filter .filterrow select{height:36px;padding-top:6px;padding-bottom:6px}}@media (width<=1200px) and (width>=901px){.report-full-filter .filterrow{grid-template-columns:repeat(3,minmax(0,1fr))}.report-full-filter .report-search{grid-column:1/3}.report-full-filter .filterrow>button{grid-column:3;align-self:end}}.tablewrap{background:#0a1624;border-color:#38516a}.tablewrap table{color:#edf4fb;background:#0d1a29}.tablewrap thead{background:#1b3249}.tablewrap th{color:#c8d8e8;background:#1b3249;border-bottom:2px solid #52708d;font-weight:700}.tablewrap td{color:#e4edf6;border-top:1px solid #324960}.tablewrap tbody tr{background:#0d1a29}.tablewrap tbody tr:nth-child(2n){background:#132438}.tablewrap tbody tr:hover{background:#1b3854}.tablewrap tbody tr.selected,.tablewrap tbody tr.selected td{background:#214568!important}.tablewrap td b{color:#f8fbff}.tablewrap td small{color:#9db0c3}.tablewrap tbody tr:hover td{border-top-color:#52708d}.tablewrap input,.tablewrap select{color:#edf4fb;background:#0a1725;border-color:#526d88}html[data-theme=light] .tablewrap{background:#fff;border-color:#b8c7d5}html[data-theme=light] .tablewrap table{color:#203247;background:#fff}html[data-theme=light] .tablewrap thead,html[data-theme=light] .tablewrap th{color:#203b55;background:#dbe9f5}html[data-theme=light] .tablewrap th{border-bottom-color:#8ba9c3}html[data-theme=light] .tablewrap td{color:#26384b;border-top-color:#cbd8e4}html[data-theme=light] .tablewrap tbody tr{background:#fff}html[data-theme=light] .tablewrap tbody tr:nth-child(2n){background:#edf4fa}html[data-theme=light] .tablewrap tbody tr:hover{background:#dcecf9}html[data-theme=light] .tablewrap tbody tr.selected,html[data-theme=light] .tablewrap tbody tr.selected td{background:#c8e3f8!important}html[data-theme=light] .tablewrap td b{color:#172e45}html[data-theme=light] .tablewrap td small{color:#60758a}html[data-theme=light] .tablewrap tbody tr:hover td{border-top-color:#8ba9c3}html[data-theme=light] .tablewrap input,html[data-theme=light] .tablewrap select{color:#203247;background:#fff;border-color:#9fb3c6}.receiving-location-card{padding:0}.receiving-location-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 20px 20px;display:grid}.receiving-location-grid label{color:var(--muted);font-size:12px}.receiving-location-grid input,.receiving-location-grid select{width:100%;height:38px;color:var(--ink);background:#071421;border:1px solid #52667d;border-radius:9px;margin-top:5px;padding:7px 10px;display:block}.receiving-location-grid input[readonly]{color:#9db0c3;background:#16283a}.receiving-putaway-table table{min-width:1100px}.receiving-putaway-table td input:not(.thaidate-required),.receiving-putaway-table td select{border:1px solid #526d88;border-radius:7px;min-width:92px;height:36px;padding:6px 8px}.receiving-putaway-table td .thaidate{min-width:145px;margin-top:0}.receiving-readiness{color:#dce8f4;background:#122338;border:1px solid #52667d;border-radius:10px;align-items:center;gap:9px;margin:12px 0;padding:13px 15px;display:flex}.receiving-readiness input{accent-color:#3187d8;width:18px;height:18px}.putaway-filter{align-items:center;gap:18px;padding:10px 15px;display:flex}.putaway-filter .checkfilter{padding:0}.putaway-filter>span{color:var(--muted);font-size:12px}.putaway-table table{min-width:980px}.putaway-table .primary{white-space:nowrap;padding:8px 11px;font-size:12px}.location-receive-action{margin:10px 0 14px}html[data-theme=light] .receiving-location-grid input,html[data-theme=light] .receiving-location-grid select{color:#26384b;background:#fff;border-color:#afbfcd}html[data-theme=light] .receiving-location-grid input[readonly]{color:#60758a;background:#edf3f8}html[data-theme=light] .receiving-readiness{color:#203247;background:#edf5fc;border-color:#b8c7d5}@media (width<=1000px){.receiving-location-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.receiving-location-grid{grid-template-columns:1fr}.putaway-filter{flex-direction:column;align-items:flex-start;gap:7px}}.readiness-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0;display:grid}.readiness-summary article{background:#102033;border:1px solid #405a73;border-radius:12px;padding:16px 18px}.readiness-summary span,.readiness-summary b{display:block}.readiness-summary span{color:var(--muted);font-size:12px}.readiness-summary b{margin-top:4px;font-size:28px}.readiness-table table{min-width:980px}.receiving-po-check{background:#0e2236;border-color:#426789;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:center;gap:12px;padding:14px 18px;display:grid}.receiving-po-check>div{border-right:1px solid #344d64;min-width:0;padding-right:12px}.receiving-po-check small,.receiving-po-check b{display:block}.receiving-po-check small{color:var(--muted);font-size:11px}.receiving-po-check b{margin-top:3px;font-size:14px}.count-assignment{grid-template-columns:1.3fr 1fr auto;align-items:center;gap:16px;padding:14px 18px;display:grid}.count-assignment small,.count-assignment b{display:block}.count-assignment small{color:var(--muted);font-size:11px}.count-assignment b{margin-top:3px}.count-assignment+.notice{margin-bottom:14px}html[data-theme=light] .readiness-summary article,html[data-theme=light] .receiving-po-check{background:#eef6fc;border-color:#b7c8d8}@media (width<=900px){.receiving-po-check{grid-template-columns:1fr 1fr}.receiving-po-check>.badge{justify-self:start}.count-assignment{grid-template-columns:1fr 1fr}.count-assignment>div:last-child{grid-column:1/-1}.readiness-summary{grid-template-columns:1fr}}@media (width<=560px){.receiving-po-check,.count-assignment{grid-template-columns:1fr}.receiving-po-check>div{border-bottom:1px solid #344d64;border-right:0;padding:0 0 9px}.count-assignment>div:last-child{grid-column:auto}}.policy-kpis,.evidence-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:14px 0;display:grid}.policy-kpis article,.evidence-summary article{background:#102033;border:1px solid #405a73;border-radius:11px;padding:15px 17px}.policy-kpis span,.evidence-summary span,.policy-kpis b,.evidence-summary b{display:block}.policy-kpis span,.evidence-summary span{color:var(--muted);font-size:12px}.policy-kpis b,.evidence-summary b{margin-top:4px;font-size:26px}.policy-filter,.evidence-filter{align-items:end;gap:14px;padding:14px 17px;display:flex}.policy-filter label,.evidence-filter label{color:var(--muted);font-size:12px}.policy-filter select,.evidence-filter select{min-width:180px;height:38px;color:var(--ink);background:#071421;border:1px solid #52667d;border-radius:8px;margin-top:4px;padding:6px 10px;display:block}.policy-filter>span,.evidence-filter>span{color:var(--muted);flex:1;font-size:12px}.policy-table table{min-width:1120px}.policy-table td small,.evidence-register td small{color:var(--muted);margin-top:3px;display:block}.policy-table textarea{min-height:80px}.evidence-register table{min-width:1250px}.evidence-file-button{cursor:pointer;padding:6px 9px;font-size:11px;display:inline-flex;position:relative}.evidence-file-button input{opacity:0;width:1px;height:1px;position:absolute}.evidence-register .textbutton{margin-top:5px;display:block}.evidence-checklist{gap:9px;margin:14px 0;display:grid}.evidence-checklist label{border:1px solid var(--line);background:#0b1928;border-radius:8px;align-items:center;gap:9px;padding:10px 12px;display:flex}.evidence-checklist input{accent-color:#3187d8;width:17px;height:17px}html[data-theme=light] .policy-kpis article,html[data-theme=light] .evidence-summary article{background:#eef6fc;border-color:#b7c8d8}html[data-theme=light] .policy-filter select,html[data-theme=light] .evidence-filter select{color:#26384b;background:#fff;border-color:#afbfcd}html[data-theme=light] .evidence-checklist label{background:#f5f9fc}@media (width<=900px){.policy-kpis,.evidence-summary{grid-template-columns:1fr 1fr}.policy-filter,.evidence-filter{flex-direction:column;align-items:stretch}.policy-filter>span,.evidence-filter>span{flex:auto}}@media (width<=520px){.policy-kpis,.evidence-summary{grid-template-columns:1fr}}.zone-work-card,.replenish-entry,.cashier-container{padding:18px}.zone-source-choice{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.zone-source-choice button{min-height:68px;color:var(--ink);text-align:left;background:#0b1928;border:1px solid #526a82;border-radius:11px;align-items:center;gap:12px;padding:12px 15px;display:flex}.zone-source-choice button svg{color:#80bfff;width:23px}.zone-source-choice button span{gap:3px;display:grid}.zone-source-choice button small{color:var(--muted)}.zone-source-choice button.active{background:#173858;border-color:#50a8ff;box-shadow:0 0 0 2px #50a8ff2e}.zone-field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.zone-field-grid label,.cashier-container>label{color:var(--muted);font-size:12px}.zone-field-grid input,.zone-field-grid select{width:100%;height:38px;color:var(--ink);background:#071421;border:1px solid #526a82;border-radius:8px;margin-top:5px;padding:6px 10px;display:block}.zone-lines table{min-width:1120px}.zone-lines input,.zone-lines select{border:1px solid #58718b;border-radius:7px;min-width:88px;height:34px;padding:5px 7px}.zone-lines .thaidate{min-width:142px;margin:0}.replenish-product{grid-template-columns:1fr 180px;align-items:end;gap:20px;padding:18px 4px 2px;display:grid}.replenish-product h3{margin:4px 0}.replenish-product p{color:var(--muted);margin:3px 0}.replenish-product label{color:var(--muted)}.replenish-product input{border:1px solid #5c7894;border-radius:8px;width:100%;height:42px;margin:5px 0;padding:7px 10px;display:block}.movement-preview{padding:17px}.movement-preview h3{margin-top:0}.movement-preview>div{background:#081725;border:1px solid #38536c;border-radius:9px;grid-template-columns:1fr 1fr auto 1fr 1fr auto 1fr 1fr;align-items:center;gap:9px;padding:13px;display:grid}.movement-preview span{color:var(--muted)}.movement-preview svg{color:#68b8ff;width:18px}.cashier-container .searchline{margin-top:6px}.cashier-container .detailgrid{margin-top:17px}.cashier-table table{min-width:760px}.cashier-table tr.cashier-complete td{background:#0e382f!important}.triple-count{letter-spacing:2px;white-space:nowrap;font-size:22px}.triple-count i{color:#e9f4ff;font-style:normal}.cashier-table progress{accent-color:#35c486;width:100%;height:12px}.control-sheet{background:#10243a;border-color:#526f88;align-items:center;gap:14px;padding:16px;display:flex}.control-sheet>svg{color:#72c3ff;width:34px;height:34px}.control-sheet div{flex:1}.control-sheet h3,.control-sheet p{margin:2px 0}.control-sheet small,.control-sheet p{color:var(--muted)}@media (width<=1000px){.zone-field-grid,.movement-preview>div{grid-template-columns:1fr 1fr}.movement-preview svg{display:none}}@media (width<=650px){.zone-source-choice,.zone-field-grid,.replenish-product{grid-template-columns:1fr}.zone-source-choice button{min-height:58px}.bottombar{align-items:stretch}.bottombar span{white-space:normal}}.destination-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.destination-summary article{background:#102033;border:1px solid #405a73;border-radius:11px;padding:15px 17px}.destination-summary span,.destination-summary small{color:var(--muted);display:block}.destination-summary b{margin:3px 0;font-size:25px;display:block}.destination-table table{min-width:1120px}.destination-table .primary{min-width:125px;padding:8px 11px;font-size:12px}.destination-table tr.destination-confirmed td{background:#0d342d!important}@media (width<=700px){.destination-summary{grid-template-columns:1fr}.destination-summary article{grid-template-columns:1fr auto;align-items:center;display:grid}.destination-summary article small{grid-column:1/-1}}