*{box-sizing:border-box;margin:0}button{font-family:inherit}.app{min-height:100vh;background:#f1f4f1;color:#242938;font-family:Be Vietnam Pro,system-ui,-apple-system,sans-serif;font-size:14.5px}.center{display:flex;align-items:center;justify-content:center}.loading{padding:40px;color:#6f7787;font-weight:700}.container{max-width:1100px;margin:0 auto;padding:16px 14px calc(104px + env(safe-area-inset-bottom))}.topbar{background:#232839;color:#fff;position:sticky;top:0;z-index:20}.topbar-in{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:calc(10px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) 10px calc(14px + env(safe-area-inset-left))}.brand{display:flex;align-items:center;gap:9px;position:relative}.brand-click{cursor:pointer;border-radius:10px;padding:3px 8px;margin:-3px -8px;transition:background .15s}.brand-click:hover{background:#ffffff14}.brand-menu{position:absolute;top:100%;left:0;margin-top:8px;background:#fff;border:1px solid #DEE5DE;border-radius:12px;box-shadow:0 12px 30px #14142838;width:250px;padding:6px;z-index:200;color:#242938}.brand-menu-h{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#6f7787;padding:6px 10px 4px}.brand-opt{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:transparent;border:0;text-align:left;padding:9px 10px;border-radius:8px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;color:#242938}.brand-opt:hover{background:#edf1ec}.brand-opt.on{color:#8e3324}.brand-opt.add{color:#3e7d5c;font-weight:800}.brand-check{color:#8e3324;font-weight:900}.brand-sep{height:1px;background:#edf1ec;margin:5px 4px}.brand-add{display:flex;gap:6px;padding:4px}.brand-add .input{flex:1}.logo{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#a8402f,#c96a51);display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:13px;letter-spacing:.5px;flex-shrink:0}.logo.big{width:52px;height:52px;font-size:19px;margin:0 auto}.logo img{width:100%;height:100%;object-fit:contain;border-radius:50%}.logo-preview{width:76px;height:76px;border-radius:16px;background:#232839;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:22px;overflow:hidden;flex-shrink:0;border:1px solid #DEE5DE}.logo-preview img{width:100%;height:100%;object-fit:contain}.catrow td{background:#edf1ec;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#4a5570;padding:6px 8px}.cattag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#4a5570;background:#edf1ec;border-radius:6px;padding:4px 9px;display:inline-block;margin-bottom:7px}.brand-txt{display:flex;flex-direction:column;line-height:1.15}.brand-txt b{font-weight:800;letter-spacing:.6px;font-size:14px}.brand-txt i{font-style:normal;font-size:10px;opacity:.65;letter-spacing:2px;text-transform:uppercase}.nav-desktop{display:flex;gap:2px;margin-left:auto;align-items:center}.navitem{background:none;border:0;cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:3px;padding:0}.navitem-chip{display:flex;flex-direction:column;align-items:center;gap:5px;padding:5px 12px;border-radius:11px;transition:background .15s}.navitem-ic{display:flex;line-height:0;color:#9ca3af}.navitem-lb{font-size:12.5px;font-weight:600;line-height:1;white-space:nowrap;color:#6b7280}.navitem-dot{width:5px;height:5px;border-radius:50%;background:transparent}.navitem.on .navitem-chip{background:#e8ecf7}.navitem.on .navitem-ic,.navitem.on .navitem-lb{color:#3d4a7d}.navitem.on .navitem-dot{background:#3d4a7d}.nav-desktop .navitem-lb{color:#aeb6c7}.nav-desktop .navitem.on .navitem-lb{color:#3d4a7d}.userbox{display:flex;align-items:center;gap:8px;position:relative}.uname{font-size:12.5px;opacity:.85;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-btn{display:inline-flex;align-items:center;gap:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:99px;padding:3px 7px 3px 3px;cursor:pointer;color:#fff}.avatar-btn:hover{background:#ffffff26}.avatar-chev{opacity:.8}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#3d4a7d,#5b6ba8);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff;flex-shrink:0}.avatar.lg{width:40px;height:40px;font-size:16px}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:190}.user-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #DEE5DE;border-radius:12px;box-shadow:0 12px 30px #14142838;width:240px;padding:6px;z-index:200;color:#242938}.user-menu-head{display:flex;align-items:center;gap:10px;padding:8px 8px 4px}.user-menu-info{min-width:0;display:flex;flex-direction:column;line-height:1.25}.user-menu-info b{font-size:14px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-info i{font-style:normal;font-size:11.5px;color:#6f7787;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-item{width:100%;display:flex;align-items:center;gap:9px;background:transparent;border:0;text-align:left;padding:9px 10px;border-radius:8px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;color:#242938}.user-item:hover{background:#edf1ec}.user-item.danger{color:#a8402f}.user-item.danger:hover{background:#fdecec}.bottomnav{display:none}@media (max-width:760px){.nav-desktop{display:none}.userbox{margin-left:auto}.bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #DEE5DE;z-index:30;padding:6px calc(6px + env(safe-area-inset-right)) calc(2px + env(safe-area-inset-bottom)) calc(6px + env(safe-area-inset-left))}.bottomnav .navitem{flex:1;min-width:0}.bottomnav .navitem-chip{padding:4px 0;gap:3px;width:100%;box-sizing:border-box}.bottomnav .navitem-lb{font-size:12.5px;letter-spacing:0;width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f142366;z-index:40}.sheet{position:fixed;left:0;right:0;bottom:0;background:#fff;border-radius:18px 18px 0 0;z-index:41;padding:8px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #14142833}.sheet-handle{width:40px;height:4px;border-radius:99px;background:#d8dee6;margin:6px auto 10px}.sheet-title{font-size:15px;font-weight:800;color:#1e2540;margin-bottom:12px}.sheet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sheet-item{display:flex;flex-direction:column;align-items:center;gap:6px;background:#f7f8fb;border:1px solid #EDF0F5;border-radius:14px;padding:12px 6px;font-family:inherit;font-size:11.5px;font-weight:700;color:#3a4256;cursor:pointer}.sheet-item:active{background:#eef1f6}.sheet-ic{color:#6b7280;display:flex}.sheet-item.on{border-color:#3d4a7d;background:#eff3fa;color:#3d4a7d}.sheet-item.on .sheet-ic{color:#3d4a7d}}@media (max-width:400px){.sheet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:340px){.bottomnav .navitem-lb{font-size:8.5px}}.pagetitle{font-size:19px;font-weight:800;margin:6px 0 12px;letter-spacing:.2px}.card{background:#fff;border:1px solid #DEE5DE;border-radius:14px;padding:14px;margin-bottom:14px}.set-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.set-tab{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid #E2E7E2;border-radius:12px;background:#fff;color:#4a5570;font-weight:700;font-size:13.5px;line-height:1;cursor:pointer;white-space:nowrap}.set-tab svg{width:18px;height:18px;flex-shrink:0}.set-tab.on{background:#1e2540;border-color:#1e2540;color:#fff}.set-more-wrap{position:relative}.set-more-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55}.set-more-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:60;background:#fff;border:1px solid #E2E7E2;border-radius:12px;box-shadow:0 10px 28px #141e3c24;padding:6px;min-width:196px;display:flex;flex-direction:column;gap:2px}.set-more-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:none;border-radius:8px;color:#2c3452;font-weight:600;font-size:14px;cursor:pointer;text-align:left;width:100%}.set-more-item svg{width:18px;height:18px;flex-shrink:0;color:#6f7787}.set-more-item:hover{background:#f1f3f8}.set-more-item.on{background:#eef1fa;color:#1e2540}.set-more-item.on svg{color:#1e2540}.segtabs{display:grid;grid-template-columns:repeat(var(--mcols,3),1fr);gap:5px;background:#fff;border:1px solid #E6EAF0;border-radius:14px;padding:5px;margin-bottom:16px}.segtab{border:0;background:none;font-family:inherit;font-size:14px;font-weight:600;color:#5a6478;padding:9px 12px;border-radius:10px;cursor:pointer;text-align:center;line-height:1.2;min-width:0;white-space:normal;word-break:break-word}.segtab:hover{background:#f2f4f8}.segtab.on,.segtab.on:hover{background:#1e2540;color:#fff}@media (min-width:1001px){.segtabs{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;grid-template-columns:none;justify-content:start}.segtab{min-width:104px}}.ps-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.ps-group{margin-bottom:12px}.ps-cat{display:flex;align-items:center;gap:8px;width:100%;background:#f4f6fb;border:none;border-radius:10px;padding:9px 12px;font-weight:800;font-size:12.5px;text-transform:uppercase;letter-spacing:.5px;color:#3d4a7d;cursor:pointer;margin-bottom:6px}.ps-cat .ps-count{margin-left:auto;font-weight:600;font-size:11.5px;color:#8a93a6;text-transform:none;letter-spacing:0}.ps-chev{transition:transform .15s;flex-shrink:0}.ps-chev.rot{transform:rotate(-90deg)}.ps-chev.rot180{transform:rotate(180deg)}.ps-row{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #EEF0F4;border-radius:10px;margin-bottom:6px;background:#fff}.ps-name{flex:1;min-width:0;font-weight:600;font-size:14px;color:#1e2540;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-unit{background:#eef1f5;color:#5a6580;font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:999px;flex-shrink:0}.ps-price{font-weight:800;font-size:14px;color:#1e2540;flex-shrink:0;min-width:70px;text-align:right}.ps-more{border:none;background:none;color:#8a93a6;line-height:1;padding:5px 6px;cursor:pointer;flex-shrink:0;border-radius:6px;display:inline-flex}.ps-more:hover{background:#f1f3f8;color:#3d4a7d}.ps-more-all{width:100%;border:none;background:none;color:#3d4a7d;font-weight:700;font-size:13px;padding:8px;cursor:pointer;border-radius:8px}.ps-more-all:hover{background:#f4f6fb}.ps-addbar{position:sticky;bottom:12px;z-index:6;margin-top:12px}.ps-addbar .btn{padding:11px 13px;font-size:14px;box-shadow:0 6px 18px #a8402f47}@media (max-width:1000px){.ps-addbar{bottom:calc(84px + env(safe-area-inset-bottom))}}.sched-week{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:14px}.sched-week>.card{margin-bottom:0}@media (min-width:761px){.sched-week{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1001px){.sched-week{grid-template-columns:repeat(3,minmax(0,1fr))}}.sched-top{display:flex;flex-direction:column;gap:14px;margin-bottom:14px}.sched-top .kpi-grid,.sched-top-req .card{margin-bottom:0}@media (min-width:761px){.sched-top.has-pend{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}}.card h3{font-size:12.5px;font-weight:800;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;color:#4a5570}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}.stat{background:#fff;border:1px solid #DEE5DE;border-radius:14px;padding:12px}.stat .v{font-size:21px;font-weight:800}.stat .l{font-size:11.5px;color:#6f7787;font-weight:700;margin-top:2px}.stat.hot .v{color:#8e3324}.btn{border:1px solid #DEE5DE;background:#fff;border-radius:9px;padding:8px 13px;font-weight:700;cursor:pointer;font-family:inherit;font-size:13px;color:#242938}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:#a8402f;border-color:#a8402f;color:#fff}.btn.primary:hover{background:#8e3324}.btn.green{background:#3e7d5c;border-color:#3e7d5c;color:#fff}.btn.ghost{background:transparent;border-color:transparent;color:#6f7787}.btn.ghost-w{background:transparent;color:#fff;border-color:#4a5570}.btn.full{width:100%;margin-top:8px}.btn.xs{padding:5px 9px;font-size:12px;border-radius:7px}.btn.danger{color:#b3261e;border-color:#e8c9c5;background:#fff}.input,.select,textarea.input{border:1px solid #C9D4CB;border-radius:9px;padding:9px 10px;font-family:inherit;font-size:14px;background:#fff;color:#242938;width:100%}.select{width:auto;min-width:0}.field .select{width:100%}.input.sm{width:72px;padding:6px 8px;font-size:13px}.input:focus,.select:focus,textarea.input:focus{outline:2px solid #DCB3AA;border-color:#a8402f}.field{display:block;margin-bottom:10px}.field>span{display:block;font-size:11px;font-weight:800;color:#6f7787;margin-bottom:4px;text-transform:uppercase;letter-spacing:.7px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 14px}.chip{border:1px solid #DEE5DE;background:#fff;border-radius:99px;padding:6px 12px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;color:#4a5570}.chip.on{background:#232839;color:#fff;border-color:#232839}.chipnum{display:inline-block;margin-left:6px;background:#dee5de;color:#242938;border-radius:99px;padding:1px 7px;font-size:11px;font-weight:800;min-width:20px;text-align:center}.chipnum.hot{background:#a8402f;color:#fff}.chip.on .chipnum{background:#ffffff38;color:#fff}.chip.on .chipnum.hot{background:#a8402f;color:#fff}.tickets{display:grid;grid-template-columns:repeat(auto-fill,minmax(295px,1fr));gap:12px}.ticket{background:#fff;border:1px solid #DEE5DE;border-radius:12px;overflow:hidden;position:relative;padding-left:6px}.ticket:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--strip,#ccc)}.ticket-h{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 4px;gap:8px}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;font-size:13px;letter-spacing:.5px}.badge{border-radius:99px;padding:3px 10px;font-size:11.5px;font-weight:800;white-space:nowrap}.branchtag{background:#e3e8f7;color:#3d4a7d;border-radius:7px;padding:3px 8px;font-size:11px;font-weight:800;white-space:nowrap}.ticket-b{padding:0 12px 10px;font-size:13.5px}.cust{font-weight:800;font-size:14.5px}.muted{color:#6f7787;font-size:12.5px}.items{margin:8px 0 4px;padding:7px 0;border-top:1px dashed #DEE5DE;border-bottom:1px dashed #DEE5DE}.items div{display:flex;justify-content:space-between;padding:2px 0;gap:8px}.note{background:#eaf3ee;border-radius:8px;padding:6px 9px;font-size:12.5px;margin-top:7px}.shipline{color:#4a5570;font-weight:700}.discline{color:#8e3324;font-weight:700}.koc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.koc-card{background:#fff;border:1px solid #DEE5DE;border-radius:12px;padding:13px}.koc-name{font-weight:800;font-size:15px}.koc-count{text-align:center;background:#e3e8f7;border-radius:10px;padding:6px 12px;display:flex;flex-direction:column;line-height:1.1;flex-shrink:0}.koc-count b{font-size:19px;color:#3d4a7d}.koc-count i{font-style:normal;font-size:10px;color:#4a5570;font-weight:700}.koc-link{display:inline-block;margin-top:8px;color:#3d4a7d;font-weight:700;font-size:12.5px;text-decoration:none;word-break:break-all}.koc-link:hover{text-decoration:underline}.koctag{background:#f4e0dc;color:#8e3324;border-radius:7px;padding:3px 8px;font-size:11px;font-weight:800;white-space:nowrap}.srctag{border-radius:7px;padding:3px 8px;font-size:11px;font-weight:800;white-space:nowrap}.ticket-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:0 12px 4px}.eod-card{margin-top:20px;background:#edf1ec;border:1px dashed #C9D4CB;border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.eod-title{font-weight:800;font-size:14px;margin-bottom:2px}.combo{position:relative}.wh-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:14px 0}@media (max-width:760px){.wh-grid{grid-template-columns:1fr}}.wh-card{background:#fff;border:1px solid #DEE5DE;border-radius:14px;overflow:hidden;align-self:start}.wh-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 15px;background:#f1f4f1;border-bottom:1px solid #DEE5DE;font-size:15px}.wh-low{background:#f4e0dc;color:#8e3324;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:800;white-space:nowrap}.wh-body{padding:6px 15px 12px}.wh-cat{font-size:10.5px;font-weight:800;color:#3e7d5c;text-transform:uppercase;letter-spacing:.4px;margin:11px 0 3px}.wh-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #F0F3F0;gap:10px}.wh-item:last-child{border-bottom:0}.wh-name{font-size:13.5px}.wh-qty{font-size:14px;white-space:nowrap}.wh-qty i{font-size:12px;font-weight:600}.wh-center .wh-head{background:#232839;color:#fff;border-bottom-color:#232839}.wh-body-center{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;align-items:stretch}.wh-body-center .wh-cat{grid-column:1/-1;border-top:1px solid #EDF1EC;padding-top:8px}.wh-body-center .wh-cat:first-child{border-top:0;padding-top:0}.wh-body-center .wh-item{align-items:center}@media (max-width:760px){.wh-body-center{grid-template-columns:1fr}}.chips-wrap{display:flex;flex-wrap:wrap;gap:7px}.chip-item{display:inline-flex;align-items:center;gap:6px;background:#edf1ec;border:1px solid #DEE5DE;border-radius:99px;padding:5px 6px 5px 12px;font-size:13px;font-weight:600}.chip-x{border:0;background:#d8e0d8;color:#5a6b5a;border-radius:50%;width:18px;height:18px;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.chip-x:hover{background:#c0392b;color:#fff}.datebox{position:relative;width:100%}.datebox-native{width:100%;color:transparent}.datebox-native::-webkit-datetime-edit{color:transparent}.datebox-display{position:absolute;left:11px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:14px;color:#242938;font-variant-numeric:tabular-nums}.datebox-ph{color:#9aa3b2}.expense-form .field{margin-bottom:0}.combo:focus-within{z-index:50}.combo-list{position:absolute;top:100%;left:0;right:0;z-index:50;background:#fff;border:1px solid #C9D4CB;border-radius:10px;margin-top:4px;max-height:230px;overflow:auto;box-shadow:0 8px 24px #1e1e3224}.combo-item{padding:9px 11px;font-size:13.5px;cursor:pointer;border-bottom:1px solid #EDF1EC}.combo-item:last-child{border-bottom:0}.combo-item:hover{background:#edf1ec}.combo-item.add{color:#3e7d5c;font-weight:800}.combo-empty{padding:10px 11px;font-size:12.5px;color:#6f7787}.locked-field{border:1px solid #DEE5DE;background:#edf1ec;border-radius:9px;padding:9px 10px;font-size:14px;font-weight:700;color:#242938}.locked-field .muted{font-weight:600}.sched{display:inline-block;background:#e3e8f7;color:#3d4a7d;border-radius:99px;padding:3px 10px;font-size:11.5px;font-weight:800;margin-top:7px}.ticket-f{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;border-top:1px dashed #DEE5DE;flex-wrap:wrap}.total{font-weight:800;font-size:15px;color:#8e3324}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e12088c;z-index:50;display:flex;align-items:flex-end;justify-content:center}@media (min-width:640px){.overlay{align-items:center;padding:20px}}.modal{background:#f1f4f1;width:100%;max-width:580px;max-height:92vh;overflow:auto;border-radius:16px 16px 0 0}@media (min-width:640px){.modal{border-radius:16px}}.modal-h{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #DEE5DE;position:sticky;top:0;background:#f1f4f1;z-index:2}.modal-title{font-weight:800;font-size:15px}.modal-title-2{display:flex;flex-direction:column;line-height:1.2}.modal-title-2 b{font-weight:800;font-size:15px;letter-spacing:.3px}.modal-title-2 i{font-style:normal;font-size:12.5px;color:#6f7787;font-weight:600;margin-top:1px}.modal-b{padding:14px 16px}.modal-f{padding:12px 16px;border-top:1px solid #DEE5DE;display:flex;gap:8px;justify-content:flex-end;align-items:center;position:sticky;bottom:0;background:#f1f4f1;flex-wrap:wrap}.x{background:none;border:0;font-size:16px;cursor:pointer;color:#6f7787}.tbl{width:100%;border-collapse:collapse;font-size:13.5px}.tbl th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;color:#6f7787;padding:7px 8px;border-bottom:1px solid #DEE5DE}.tbl td{padding:8px;border-bottom:1px solid #EDF1EC;vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.low{color:#b3261e!important;font-weight:700}.err{background:#fde8e6;color:#b3261e;border-radius:8px;padding:8px 10px;font-size:13px;margin-bottom:8px;font-weight:600}.warnbar{background:#fff3cd;color:#7a5b00;text-align:center;font-size:12.5px;padding:6px;font-weight:700}.lockbar{background:#fbeedd;color:#8a5a12;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:13px;padding:8px 12px;font-weight:600;border-bottom:1px solid #EAD9BE}.lockrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#f7f8fb;border:1px solid #E6EAF0;border-radius:10px;padding:9px 12px;margin-bottom:12px;font-size:13px;color:#5a6478}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(900px 500px at 50% -10%,#DDE4F2,transparent),#f1f4f1}.login-card{background:#fff;border:1px solid #DEE5DE;border-radius:18px;padding:26px 22px;width:100%;max-width:380px;text-align:center}.login-remember{display:flex;align-items:center;gap:8px;justify-content:flex-start;margin:2px 2px 14px;font-size:13.5px;color:#4a5570;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.login-remember input{width:16px;height:16px;accent-color:#8E3324;cursor:pointer;flex-shrink:0}.shift-gate-clock{font-size:30px;font-weight:800;color:#1e2540;letter-spacing:1px;margin:12px 0 2px;font-variant-numeric:tabular-nums}.kpi-grid.sched-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.sched-stats .kpi-label{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2}.sched-grid{display:flex;flex-direction:column;gap:10px}.sched-col{border:1px solid #E6EAF0;border-radius:12px;overflow:hidden;background:#fff}.sched-col.today{border-color:#3d4a7d;box-shadow:0 0 0 1px #3d4a7d,0 4px 14px #3d4a7d2e}.sched-col.today .sched-dayhead{background:#3d4a7d;border-bottom-color:#3d4a7d}.sched-col.today .sched-dayhead b{color:#fff}.sched-col.today .sched-dayhead i{color:#ffffffd1}.sched-col.today .sched-today-tag{background:#ffffff38;color:#fff}.sched-col.past{opacity:.5}.sched-col.past:hover{opacity:.85}.sched-dayhead{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f7f8fb;border-bottom:1px solid #EEF1F5}.sched-dayhead b{font-size:13.5px;color:#1e2540}.sched-dayhead i{font-style:normal;font-size:12px;color:#8a93a6}.sched-today-tag{margin-left:auto;font-size:10.5px;font-weight:800;color:#3d4a7d;background:#e8ecf7;border-radius:99px;padding:2px 9px}.sched-slots{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#eef1f5}.sched-slot{display:flex;flex-direction:column;gap:5px;width:100%;text-align:left;border:0;background:#fff;padding:9px 10px;cursor:pointer;font-family:inherit;min-width:0}.sched-slot:hover{background:#f7f8fb}.sched-slot.ro{cursor:default}.sched-slot.ro:hover{background:#fff}.sched-slot.full{box-shadow:inset 3px 0 #2e7d52}.sched-slot.short{box-shadow:inset 3px 0 #e0a94e}.sched-slot.none{box-shadow:inset 3px 0 #d5dae3}@media (min-width:761px){.sched-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.sched-dayhead{flex-direction:column;align-items:center;gap:0;padding:7px 4px;text-align:center}.sched-today-tag{margin-left:0;margin-top:3px}.sched-slots{grid-template-columns:1fr}}.sched-slot-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.sched-slot-h{display:flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:#5a6478;white-space:nowrap}.sched-people{display:flex;flex-direction:column;gap:7px}.sched-person{display:flex;align-items:center;gap:8px;min-width:0}.sched-ava{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3d4a7d,#5b6ba8);color:#fff;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sched-person-tx{display:flex;flex-direction:column;line-height:1.2;min-width:0}.sched-person-tx b{font-size:12.5px;font-weight:700;color:#1e2540;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sched-person-tx i{font-style:normal;font-size:11px;color:#6b7687;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sched-empty{display:flex;align-items:center;gap:8px;color:#a8b0bd;font-size:12px;font-weight:600}.sched-empty-ring{width:32px;height:32px;border-radius:50%;border:2px dashed #CBD3E0;color:#b7bec9;font-size:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sched-badge{flex-shrink:0;font-size:10.5px;font-weight:800;border-radius:99px;padding:2px 8px;white-space:nowrap}.sched-badge.full{background:#e7f5ec;color:#2e7d52}.sched-badge.short{background:#fbeedd;color:#b4772a}.sched-badge.none{background:#eef1f5;color:#8a93a6}.sched-legend{display:flex;gap:16px;margin-top:12px;font-size:12.5px;color:#5a6478;font-weight:600;flex-wrap:wrap}.sched-legend i.lg{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:middle}.sched-legend .lg.full{background:#2e7d52}.sched-legend .lg.short{background:#e0a94e}.sched-legend .lg.none{background:#c4cbd6}.sched-picklist{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow-y:auto}.sched-pick{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1.5px solid #EEF1F5;border-radius:10px;background:#f7f8fb;padding:8px 10px;cursor:pointer;font-family:inherit}.sched-pick.on{border-color:#2e7d52;background:#eaf5ee}.sched-pick-tx{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.sched-pick-tx b{font-size:13.5px;color:#1e2540}.sched-pick-tx i{font-style:normal;font-size:11.5px;color:#6b7687}.sched-need{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.sched-need-chip{font-size:12px;font-weight:700;border-radius:99px;padding:4px 11px}.sched-need-chip.ok{background:#e7f5ec;color:#2e7d52}.sched-need-chip.low{background:#fbeedd;color:#b4772a}.req-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #F2F4F8}.req-row:last-child{border-bottom:0}.req-tx{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.req-tx b{font-size:13.5px;color:#1e2540}.req-tx i{font-style:normal;font-size:11.5px;color:#6b7687}.hist-loading{position:fixed;left:50%;transform:translate(-50%);bottom:16px;z-index:60;display:inline-flex;align-items:center;gap:8px;background:#1e2540;color:#fff;font-size:12.5px;font-weight:700;padding:8px 14px;border-radius:99px;box-shadow:0 4px 14px #141e3c40}@media (max-width:760px){.hist-loading{bottom:74px}}.hist-spin{width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;display:inline-block;animation:histSpin .7s linear infinite}@keyframes histSpin{to{transform:rotate(360deg)}}.brand-title{font-size:22px;font-weight:800;letter-spacing:1.2px;margin:10px 0 2px}.brand-sub{color:#6f7787;font-size:12.5px;margin-bottom:18px;font-weight:700}.login-card .field{text-align:left}.demo{text-align:left;background:#f1f4f1;border-radius:10px;padding:10px 12px;font-size:12.5px;margin-top:10px;line-height:1.8}.stockcell{display:inline-flex;gap:6px;align-items:center}.transfer{border:1px solid #DEE5DE;border-radius:10px;padding:10px;margin-bottom:8px;background:#fbfdfb}.empty{color:#6f7787;text-align:center;padding:26px 10px;font-weight:600}.sec-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.hero{background:linear-gradient(120deg,#232839,#3d4a7d);color:#fff;border-radius:16px;padding:18px 18px 14px;margin-bottom:14px}.hero-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;opacity:.75}.hero-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:4px 0 12px}.hero-num{font-size:30px;font-weight:800;letter-spacing:.3px}.hero-pct{font-size:12px;font-weight:700;background:#ffffff24;border-radius:99px;padding:4px 11px}.hero-pct.up{background:#2e5c44;color:#b9f0cf}.hero-pct.down{background:#6b3028;color:#ffc4b8}.hero-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}@media (max-width:760px){.hero-grid{grid-template-columns:repeat(2,1fr)}}.hero-grid.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width:760px){.hero-grid.cols-3{grid-template-columns:1fr}}.hero-mini{font-size:12px;font-weight:700;opacity:.9;background:#ffffff1a;border-radius:99px;padding:4px 11px}.hero-mini b{margin-left:4px}.hero-cell{background:#ffffff17;border-radius:11px;padding:9px 11px;display:flex;flex-direction:column;gap:2px}.hero-cell i{font-style:normal;font-size:10.5px;font-weight:700;opacity:.7;text-transform:uppercase;letter-spacing:.6px}.hero-cell b{font-size:15px;font-weight:800}.hero-pctin{font-size:10.5px;font-weight:700;opacity:.6}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.staff-card{position:relative;display:flex;align-items:center;gap:10px;padding:9px 22px 9px 11px;border:1px solid #DEE5DE;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s}.staff-card:hover{border-color:#8e3324;box-shadow:0 2px 10px #0000000f}.staff-ava{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid #DEE5DE}.staff-ava-none{display:flex;align-items:center;justify-content:center;background:#eff2ef;color:#6f7787;font-weight:800;font-size:17px}.staff-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.staff-info b{font-size:14px}.staff-info i{font-style:normal;font-size:11.5px;color:#6f7787;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-doc{font-size:15px;flex-shrink:0}.staff-dot{position:absolute;top:7px;right:7px;width:13px;height:13px;border-radius:50%;flex-shrink:0;border:2px solid #fff;box-shadow:0 0 0 1px #0000002e;padding:0;cursor:pointer}.staff-dot:hover{transform:scale(1.25)}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.two-col>.card{margin-bottom:0}@media (max-width:760px){.two-col{grid-template-columns:minmax(0,1fr)}}.dash-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.dash-filters{display:flex;align-items:center;gap:8px;margin-left:auto}@media (max-width:760px){.dash-head{flex-wrap:nowrap;gap:8px}.dash-head .pagetitle{flex-shrink:0;font-size:17px}.dash-head .dash-filters{flex:1;min-width:0;gap:6px}.dash-head .dash-filters .dash-fsel{flex:1 1 0;min-width:0}.dash-head .dash-filters .btn-ic{flex-shrink:0}}.dash-custom{justify-content:flex-end}.dash-fsel{height:38px;border-radius:12px}.dash-fsel:last-of-type{max-width:190px}.dash-range-pills{display:none}@media (min-width:1001px){.dash-range-sel{display:none}.dash-range-pills{display:inline-flex;gap:4px;background:#fff;border:1px solid #E6EAF0;border-radius:12px;padding:4px}.drp{border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:#5a6478;padding:7px 13px;border-radius:9px;cursor:pointer;white-space:nowrap;line-height:1}.drp:hover{background:#f2f4f8}.drp.on{background:#1e2540;color:#fff}}.btn-ic{width:38px;height:38px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #DEE5DE;border-radius:12px;color:#3d4a7d;cursor:pointer}.btn-ic:hover{background:#f4f6fa}.dash-custom{display:flex;align-items:center;gap:8px;margin:-4px 0 12px}.report-tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}@media (max-width:760px){.report-tabs .chip{flex:1;min-width:0;text-align:center}}.order-actions{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.order-search{flex:1 1 100%;min-width:160px}.order-actbtns{display:flex;gap:8px;flex:1 1 100%}.order-actbtns .btn{flex:1;white-space:nowrap}@media (min-width:761px){.order-search{flex:1 1 auto}.order-actbtns,.order-actbtns .btn{flex:0 0 auto}}.order-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}.oc-row{display:contents}@media (max-width:760px){.order-chips{flex-direction:column;flex-wrap:nowrap}.oc-row{display:grid;gap:7px}.oc-row.oc-4{grid-template-columns:repeat(4,1fr)}.oc-row.oc-3{grid-template-columns:repeat(3,1fr)}.order-chips .chip{display:flex;align-items:center;justify-content:center;padding:7px 4px;font-size:12px;line-height:1.15;min-width:0;text-align:center}.order-chips .chipnum{margin-left:4px}}.report-links{display:flex;justify-content:flex-start;gap:16px;overflow-x:auto;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #EEF1F5;scrollbar-width:none}.report-links::-webkit-scrollbar{display:none}.rep-link{background:none;border:0;padding:2px 0 8px;margin-bottom:-9px;font-family:inherit;font-size:14px;font-weight:600;color:#8a93a6;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent}.rep-link.on{color:#3d4a7d;border-bottom-color:#3d4a7d}.kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.kpi{display:flex;flex-direction:column;gap:7px;min-width:0;background:#fff;border:1px solid #E6EAF0;border-radius:16px;padding:13px;box-shadow:0 1px 2px #141e3c0a}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.kpi-ic{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-ic.sm{width:34px;height:34px;border-radius:10px}.kpi-label{font-size:12.5px;color:#6b7687;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-value{font-size:16px;font-weight:800;color:#1e2540;letter-spacing:0;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-delta{display:inline-flex;align-items:center;gap:2px;font-size:11.5px;font-weight:700;margin-top:1px}.kpi-delta.up{color:#2e7d52}.kpi-delta.down{color:#c0473a}.kpi-delta.muted{color:#9aa3af;font-weight:600}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.card-head h3{text-transform:none;letter-spacing:0;font-size:15.5px;color:#1e2540}.seg{display:inline-flex;background:#f1f3f8;border-radius:10px;padding:3px}.seg-b{border:0;background:none;font-family:inherit;font-size:12.5px;font-weight:700;color:#6b7687;padding:5px 12px;border-radius:8px;cursor:pointer}.seg-b.on{background:#fff;color:#3d4a7d;box-shadow:0 1px 2px #141e3c1f}.chart-foot{display:flex;gap:10px;margin-top:10px}.chart-foot>div{flex:1;background:#f7f8fb;border-radius:12px;padding:9px 12px;display:flex;flex-direction:column;gap:2px}.chart-foot span{font-size:11.5px;color:#6b7687;font-weight:600}.chart-foot b{font-size:14px;color:#1e2540;font-weight:800}.src-badge{width:22px;height:22px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.rankrow{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #F2F4F8}.rankrow:last-child{border-bottom:0}.rank-badge{flex-shrink:0;display:inline-flex}.rank-main{flex:1;min-width:0}.rank-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px}.rank-name{font-size:13.5px;font-weight:600;color:#2b3450;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-val{font-size:13.5px;font-weight:800;color:#1e2540;white-space:nowrap}.rank-bar{height:6px;border-radius:99px;background:#eef1f6;overflow:hidden}.rank-bar>div{height:100%;border-radius:99px}.rank-sub{flex-shrink:0;font-size:11.5px;font-weight:700;color:#6b7687;min-width:64px;text-align:right}.seeall{background:none;border:0;display:inline-flex;align-items:center;gap:1px;font-family:inherit;font-size:13px;font-weight:600;color:#3d4a7d;cursor:pointer;padding:2px 4px;border-radius:8px;white-space:nowrap;flex-shrink:0}.seeall:hover,.seeall:active{background:#eef0f7}.exp-total{font-size:16px;font-weight:800;color:#1e2540}.exp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.exp-item{display:flex;align-items:center;gap:9px;min-width:0}.exp-top{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.exp-spark{display:none}.exp-tx{min-width:0;display:flex;flex-direction:column;line-height:1.25}.exp-lb{font-size:12px;color:#6b7687;font-weight:600}.exp-tx b{font-size:14px;color:#1e2540;font-weight:800}.exp-tx i{font-style:normal;font-size:11px;color:#9aa3af;font-weight:600}.alert{display:flex;gap:10px;align-items:flex-start;padding:11px;border-radius:12px;margin-bottom:8px}.alert:last-child{margin-bottom:0}.alert.red{background:#fdecec}.alert.orange{background:#fef3e4}.alert-ic{flex-shrink:0;display:inline-flex}.alert.red .alert-ic{color:#c0473a}.alert.orange .alert-ic{color:#c97a2b}.alert-tx{display:flex;flex-direction:column;gap:1px;min-width:0}.alert-tx b{font-size:13.5px;font-weight:700;color:#2b3450}.alert-tx i{font-style:normal;font-size:12px;color:#6b7687}@media (max-width:360px){.kpi-value{font-size:14.5px}}.toprow{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed #DEE5DE}.toprow:last-child{border-bottom:0}.medal{width:28px;height:28px;border-radius:50%;background:#f1f4f1;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#6f7787;flex-shrink:0}.topname{flex:1;display:flex;flex-direction:column;line-height:1.3;min-width:0}.topname b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topname i{font-style:normal;font-size:11.5px;color:#6f7787}.toprev{font-weight:800;font-size:13.5px;color:#a8402f;white-space:nowrap}.hbar-row{margin-bottom:10px}.hbar-top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px;gap:8px}.hbar-top i{font-size:11.5px}.hbar{background:#f1f4f1;border-radius:99px;height:9px;overflow:hidden}.hbar-in{background:linear-gradient(90deg,#3d4a7d,#8e9bc7);height:100%;border-radius:99px;min-width:2px}.sidebar{display:none}.shell{min-height:100vh}.topsearch,.topbell{display:none}@media (min-width:761px){.app{--side:238px}.app.side-collapsed{--side:74px}.sidebar{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:var(--side);background:linear-gradient(180deg,#232839,#20264a);color:#fff;z-index:40;padding:calc(14px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));transition:width .18s}.shell{margin-left:var(--side);transition:margin-left .18s}.bottomnav{display:none!important}.container{max-width:1180px;padding:20px 22px 44px}.topbar{background:#fff;color:#242938;border-bottom:1px solid #E9ECF2}.topbar-in{max-width:none;gap:14px;padding:calc(11px + env(safe-area-inset-top)) 22px 11px}.topbar .brand{display:none}.topsearch{display:flex;align-items:center;gap:9px;flex:0 1 480px;background:#f4f6fa;border:1px solid #E9ECF2;border-radius:12px;padding:9px 13px;color:#9aa3b2}.topsearch input{flex:1;min-width:0;border:0;background:none;outline:none;font-family:inherit;font-size:14px;color:#242938}.topbell{display:inline-flex;position:relative;align-items:center;justify-content:center;width:40px;height:40px;background:#f4f6fa;border:1px solid #E9ECF2;border-radius:12px;color:#3d4a7d;cursor:pointer;margin-left:auto}.topbell:hover{background:#edf0f7}.topbell-badge{position:absolute;top:-5px;right:-5px;background:#e0483f;color:#fff;font-size:10px;font-weight:800;border-radius:99px;min-width:17px;height:17px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff}.topbar .avatar-btn{background:#f4f6fa;border-color:#e9ecf2;color:#242938}.topbar .avatar-btn:hover{background:#edf0f7}.topbar .avatar-chev{color:#6b7280}}.side-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 12px;position:relative}.side-brand-click{cursor:pointer}.side-brand .logo{flex-shrink:0}.side-brand-txt{display:flex;flex-direction:column;line-height:1.2;min-width:0}.side-brand-txt b{font-size:14px;font-weight:800;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-brand-txt i{font-style:normal;font-size:10px;opacity:.6;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap}.side-brand .brand-menu{top:100%;left:8px;margin-top:6px}.side-nav{display:flex;flex-direction:column;gap:3px;margin-top:8px;flex:1;overflow-y:auto;min-height:0}.side-item{display:flex;align-items:center;gap:13px;padding:11px 12px;border-radius:12px;color:#c2cada;background:none;border:0;font-family:inherit;font-size:14.5px;font-weight:600;cursor:pointer;text-align:left;width:100%;white-space:nowrap;overflow:hidden}.side-item:hover{background:#ffffff14;color:#fff}.side-item.on{background:#3d4a7d;color:#fff;box-shadow:0 4px 14px #3d4a7d66}.side-ic{display:flex;flex-shrink:0}.side-collapse{display:flex;align-items:center;gap:13px;padding:11px 12px;border-radius:12px;color:#aeb6c7;background:#ffffff0d;border:0;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;text-align:left;width:100%;white-space:nowrap;overflow:hidden;margin-top:6px}.side-collapse:hover{background:#ffffff1a;color:#fff}.app.side-collapsed .side-lb,.app.side-collapsed .side-brand-txt{display:none}.app.side-collapsed .side-item,.app.side-collapsed .side-collapse,.app.side-collapsed .side-brand{justify-content:center;padding-left:0;padding-right:0}.dash-main{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:14px}.dash-main>.card{margin-bottom:0}.notice-card{display:flex;flex-direction:column}.notice-exp{margin-top:auto}.notice-exp .card-head{margin-top:14px}.rank-dots{display:flex;justify-content:center;gap:7px;margin-top:12px;padding-top:4px}.rank-dot{width:7px;height:7px;border-radius:99px;border:0;background:#d5dae3;cursor:pointer;padding:0;transition:width .18s,background .18s}.rank-dot:hover{background:#aeb6c7}.rank-dot.on{width:20px;background:#3d4a7d}.mkt-prov{display:grid;grid-template-columns:1fr;gap:16px}.mkt-prov-table{overflow-x:auto;align-self:start}@media (min-width:1001px){.mkt-prov{grid-template-columns:1.9fr 1fr}}.dash-extra{display:none}@media (min-width:761px){.dash-extra{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:14px}.dash-extra>.card{margin-bottom:0}}@media (min-width:1001px){.dash-extra{grid-template-columns:repeat(3,minmax(0,1fr))}}.rankn{width:22px;height:22px;border-radius:7px;background:#eef0f6;color:#3d4a7d;font-weight:800;font-size:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.donut-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.donut-chart{position:relative;width:140px;height:140px;flex-shrink:0}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-center b{font-size:16px;font-weight:800;color:#1e2540;line-height:1.1}.donut-center span{font-size:10px;color:#8a93a6;font-weight:600}.donut-legend{flex:1;min-width:130px;display:flex;flex-direction:column;gap:8px}.dleg{display:flex;align-items:center;gap:8px;font-size:12.5px}.dleg-dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}.dleg-name{color:#2b3450;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.dleg-val{color:#6b7687;font-weight:700;white-space:nowrap}.kho-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.kho-tile{background:#f7f8fb;border:1px solid #EEF1F5;border-radius:10px;padding:9px 10px;display:flex;flex-direction:column;gap:2px}.kho-tile i{font-style:normal;font-size:11px;color:#6b7687;font-weight:600}.kho-tile b{font-size:17px;font-weight:800;color:#1e2540}.kho-tile b.low{color:#c0473a}.kho-low{display:flex;flex-direction:column;gap:7px}.kho-low-row{display:flex;justify-content:space-between;gap:8px;font-size:13px;align-items:center}.shift-head{display:flex;align-items:center;gap:9px;margin-bottom:12px;flex-wrap:wrap}.shift-head b{font-size:15.5px;color:#1e2540}.shift-head .muted{font-size:12.5px}.shift-ic{width:34px;height:34px;border-radius:10px;background:#fbeedd;color:#b4772a;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.shift-money{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.shift-tile{border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px}.shift-tile i{font-style:normal;font-size:12px;font-weight:600}.shift-tile b{font-size:20px;font-weight:800;letter-spacing:.2px}.shift-tile.open{background:#fff6e6}.shift-tile.open i{color:#9a7d18}.shift-tile.open b{color:#7a5f00}.shift-tile.ket{background:#eaf6ee}.shift-tile.ket i{color:#3e7d5c}.shift-tile.ket b{color:#2e7d52}.shift-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.ops-quick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.ops-quick .btn{flex:1;min-width:118px}.ops-rev{display:flex;flex-direction:column;gap:10px}.ops-rev-grid{display:grid;gap:10px}.ops-rev-grid.c2{grid-template-columns:repeat(2,1fr)}.ops-rev-grid.c3{grid-template-columns:repeat(3,1fr)}.src-lb{display:inline-flex;align-items:center;gap:6px;min-width:0}.src-lb i{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-cell.app-cell{gap:4px;padding-left:8px;padding-right:8px}.tc-cell.app-cell i{font-size:11px;letter-spacing:-.2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tc-cell{background:#f7f8fb;border:1px solid #EEF1F5;border-radius:12px;padding:11px 13px;display:flex;flex-direction:column;gap:3px;min-width:0}.tc-cell i{font-style:normal;font-size:12px;color:#6b7687;font-weight:600}.tc-cell b{font-size:16px;font-weight:800}.tc-ket{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:11px 14px;border-radius:12px;background:#eaf6ee;border:1px solid #BEE3CB}.tc-ket span{font-weight:800;color:#2b2b2b}.tc-ket b{font-size:19px;font-weight:800}.ops-orders{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ops-ord{border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:2px;align-items:flex-start}.ops-ord b{font-size:22px;font-weight:800;line-height:1}.ops-ord i{font-style:normal;font-size:12px;font-weight:600;color:#6b7687}.ops-ord.blue{background:#eaf0fb}.ops-ord.blue b{color:#3d4a7d}.ops-ord.orange{background:#fef3e4}.ops-ord.orange b{color:#c97a2b}.ops-ord.purple{background:#f0ecf9}.ops-ord.purple b{color:#6b4fa8}.ops-ord.green{background:#e7f5ec}.ops-ord.green b{color:#2e7d52}.ops-overdue{display:flex;align-items:center;gap:8px;width:100%;margin-top:12px;padding:10px 12px;border-radius:10px;background:#fef3e4;border:0;color:#c0473a;font-family:inherit;font-weight:700;font-size:13.5px;cursor:pointer;text-align:left}.ops-overdue span{flex:1}.kho-alert-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px}.kho-alert{border-radius:12px;padding:11px 14px;display:flex;justify-content:space-between;align-items:center}.kho-alert i{font-style:normal;font-size:13px;font-weight:700}.kho-alert b{font-size:22px;font-weight:800}.kho-alert.red{background:#fdecec}.kho-alert.red i,.kho-alert.red b{color:#c0473a}.kho-alert.amber{background:#fef3e4}.kho-alert.amber i,.kho-alert.amber b{color:#c97a2b}.kho-alert-list{display:flex;flex-direction:column}.kho-alert-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #F2F4F8;cursor:pointer}.kho-alert-row:last-child{border-bottom:0}.kho-tag{font-size:11.5px;font-weight:800;border-radius:99px;padding:3px 10px;white-space:nowrap}.kho-tag.out{background:#fdecec;color:#c0473a}.kho-tag.low{background:#fef3e4;color:#c97a2b}.stock-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}@media (min-width:1001px){.stock-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.stock-stat{display:flex;align-items:center;gap:11px;border-radius:16px;padding:13px;background:#fff;border:1px solid #E6EAF0;box-shadow:0 1px 2px #141e3c0a;min-width:0}.stock-stat-ic{width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.stock-stat-tx{display:flex;flex-direction:column;line-height:1.12;min-width:0}.stock-stat-tx b{font-size:21px;font-weight:800;color:#1e2540}.stock-stat-tx i{font-style:normal;font-size:12px;color:#6b7687;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-stat.blue .stock-stat-ic{background:#e8ecf7}.stock-stat.red .stock-stat-ic{background:#fdecec}.stock-stat.amber .stock-stat-ic{background:#fbeedd}.stock-stat.green .stock-stat-ic{background:#e3f2e9}@media (max-width:760px){.stock-subtabs .chip,.stock-statchips .chip,.fin-tabs .chip{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15}}.fin-hero{padding:0;overflow:hidden}.fin-hero-top{display:flex;align-items:center;gap:12px;padding:16px 16px 6px}.fin-hero-ic{width:48px;height:48px;border-radius:14px;background:#fdecec;color:#c0473a;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.fin-hero-tx{display:flex;flex-direction:column;line-height:1.18;min-width:0}.fin-hero-tx i{font-style:normal;font-size:13px;color:#6b7687;font-weight:600}.fin-hero-tx b{font-size:25px;font-weight:800;color:#c0473a;letter-spacing:.2px}.fin-hero-delta{font-size:12px;font-weight:700;color:#6b7687;margin-top:1px}.fin-hero-sub{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:8px 14px 14px}.fin-sub{display:flex;align-items:center;gap:8px;background:#f7f8fb;border:1px solid #EEF1F5;border-radius:12px;padding:9px 10px;min-width:0}.fin-sub-ic{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.fin-sub-ic.green{background:#e3f2e9;color:#2e7d52}.fin-sub-ic.purple{background:#ede9f6;color:#6b4fa8}.fin-sub>div{display:flex;flex-direction:column;line-height:1.15;min-width:0}.fin-sub i{font-style:normal;font-size:12px;color:#6b7687;font-weight:600}.fin-sub b{font-size:13.5px;font-weight:800;color:#1e2540;white-space:nowrap}.fin-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}@media (min-width:1001px){.fin-cats{grid-template-columns:repeat(3,minmax(0,1fr))}}.fin-split{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}@media (min-width:1001px){.fin-split{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;margin-bottom:14px}.fin-split .fin-cats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0;align-content:start}.fin-split>.card{margin-bottom:0}}.fin-cat{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #E6EAF0;border-radius:14px;padding:12px;box-shadow:0 1px 2px #141e3c0a;min-width:0}.fin-cat-ic{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.fin-cat-ic.sm{width:34px;height:34px;border-radius:10px}.fin-cat-tx{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.fin-cat-tx i{font-style:normal;font-size:12.5px;color:#6b7687;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fin-cat-tx b{font-size:15px;font-weight:800;color:#1e2540;white-space:nowrap}.fin-cat-chev{color:#c4cbd6;flex-shrink:0}@media (max-width:760px){.fin-cat{gap:9px;padding:11px 10px}.fin-cat-ic{width:38px;height:38px}.fin-cat-chev{display:none}}.tx-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #F2F4F8}.tx-row:last-child{border-bottom:0}.tx-info{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.tx-info b{font-size:13.5px;font-weight:700;color:#2b3450;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-info i{font-style:normal;font-size:12px;font-weight:600}.tx-amt{font-size:14px;font-weight:800;color:#1e2540;white-space:nowrap;flex-shrink:0}.tx-pay{font-size:11px;font-weight:700;border-radius:99px;padding:3px 9px;white-space:nowrap;flex-shrink:0}.tx-pay.cash{background:#e7f5ec;color:#2e7d52}.tx-pay.bank{background:#ede9f6;color:#6b4fa8}.exp-entry{position:relative;background:#f7f8fb;border:1px solid #EEF1F5;border-radius:12px;padding:12px;margin-bottom:10px}.exp-entry-no{position:absolute;top:-9px;left:12px;background:#3d4a7d;color:#fff;font-size:10.5px;font-weight:800;border-radius:99px;padding:2px 9px}.exp-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}@media (min-width:1001px){.exp-entry-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.exp-entry-grid .field{margin-bottom:0;min-width:0}.exp-entry-del{margin-top:10px}.src-pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:2px 0 14px}.src-opt{display:flex;align-items:center;gap:10px;text-align:left;background:#f7f8fb;border:1.5px solid #EEF1F5;border-radius:12px;padding:11px 12px;cursor:pointer;font-family:inherit;min-width:0;transition:border-color .12s,background .12s}.src-opt:hover{border-color:#cbd3e0}.src-opt.on{border-color:#3d4a7d;background:#eef1fb}.src-opt-ic{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.src-opt-tx{display:flex;flex-direction:column;line-height:1.25;min-width:0}.src-opt-tx b{font-size:13.5px;font-weight:800;color:#1e2540}.src-opt-tx i{font-style:normal;font-size:11.5px;color:#6b7687;font-weight:600}@media (max-width:760px){.src-pick{grid-template-columns:1fr}}.dcell-short{display:none}@media (max-width:760px){.dcell-full{display:none}.dcell-short{display:inline}}.mob-only{display:none}@media (max-width:760px){.mob-hide{display:none}.mob-only{display:inline}}.stock-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}@media (min-width:1001px){.stock-cols.two{grid-template-columns:repeat(2,minmax(0,1fr))}}.stock-card{background:#fff;border:1px solid #DEE5DE;border-radius:14px;padding:14px;align-self:start;min-width:0}.stock-item{min-width:0}.stock-right{flex-shrink:0}.stock-card-h{font-size:15.5px;font-weight:800;color:#1e2540;margin-bottom:6px}.stock-group-h{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#3e7d5c;margin:12px 0 2px}.stock-item{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid #F2F4F8}.stock-item:last-child{border-bottom:0}.stock-ic{width:38px;height:38px;border-radius:10px;background:#f4f6fa;display:inline-flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.stock-info{flex:1;min-width:0}.stock-name{font-size:13.5px;font-weight:600;color:#2b3450;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-bar{height:5px;border-radius:99px;background:#eef1f6;overflow:hidden;margin:5px 0}.stock-bar-in{height:100%;border-radius:99px}.stock-bar-in.ok{background:#3e7d5c}.stock-bar-in.low{background:#c97a2b}.stock-bar-in.out{background:#c0473a}.stock-tag{font-size:11px;font-weight:800;border-radius:99px;padding:2px 9px;display:inline-block}.stock-tag.ok{background:#e7f5ec;color:#2e7d52}.stock-tag.low{background:#fef3e4;color:#c97a2b}.stock-tag.out{background:#fdecec;color:#c0473a}.stock-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}.stock-qty{white-space:nowrap;font-size:15px}.stock-qty b{font-weight:800;color:#1e2540}.stock-qty i{font-style:normal;font-size:12px;color:#8a93a6;font-weight:600}.rank-cols{grid-template-columns:minmax(0,1fr)}@media (min-width:1001px){.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dash-main{grid-template-columns:1.7fr 1fr}.rank-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-label{font-size:15px;font-weight:700;color:#1e2540}}.chiphi-col{display:none}@media (min-width:1280px){.container{max-width:1600px;padding:24px 32px 48px}.dash-main{grid-template-columns:8fr 4fr}.notice-card .notice-exp{display:none}.rank-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.chiphi-col{display:flex;flex-direction:column}.chiphi-col .exp-grid{flex:1;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}.chiphi-col .exp-item{background:#f7f8fb;border:1px solid #EEF1F5;border-radius:12px;padding:9px 10px;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:5px}.chiphi-col .exp-top{flex:0 0 auto;flex-direction:column;align-items:flex-start;gap:5px}.chiphi-col .exp-tx b{font-size:13px}.chiphi-col .exp-spark{display:block;margin-top:auto}}@media (min-width:1800px){.container{max-width:1720px}}body{font-family:Be Vietnam Pro,system-ui,-apple-system,sans-serif;color:#242938;font-size:14.5px;background:#f1f4f1}.app-loading{padding:60px 16px;text-align:center;color:#6f7787;font-weight:600}.topbar-ceo{font-size:9px;padding:1px 5px;margin-left:5px;transform:translateY(-1px);letter-spacing:.5px;box-shadow:none}.ceo-badge{display:inline-block;vertical-align:middle;margin-left:8px;transform:translateY(-2px);background:linear-gradient(135deg,#a8402f,#c96a51);color:#fff;font-size:12px;font-weight:800;letter-spacing:1px;padding:3px 9px;border-radius:8px;box-shadow:0 1px 3px #a8402f59}.login-err{position:fixed;left:0;right:0;bottom:16px;text-align:center;color:#a8402f;font-weight:600}