.mobile-home,.mobile-bottom{display:none}@media (max-width:760px){html,body{-webkit-text-size-adjust:100%;width:100%;max-width:100%;overflow-x:clip}.shell{width:100%;min-width:0;max-width:100%}.shell .mobile-home{width:100%;min-width:0;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.shell .mobile-tiles{gap:10px;width:100%;min-width:0}.shell .mobile-tiles>button{overflow-wrap:anywhere;min-width:0;min-height:112px;padding:14px}.shell .mobile-tiles strong{font-size:15px}.shell .mobile-bottom{max-width:100%;padding-bottom:max(10px,env(safe-area-inset-bottom))}.shell input,.shell select,.shell textarea{font-size:16px}.shell .workspace>*{min-width:0;max-width:100%}.overlay{overscroll-behavior:contain;max-width:100vw;height:100dvh;padding:8px}.overlay .dialog.profile{border-radius:14px;width:100%;max-width:100%;max-height:calc(100dvh - 16px);padding:14px;overflow-x:hidden}.dialog.profile .dialog-head{align-items:flex-start;gap:8px;margin:-14px -14px 14px;padding:14px;top:-14px}.dialog.profile .dialog-head>div{min-width:0}.dialog.profile .dialog-head h2{overflow-wrap:anywhere;font-size:18px;line-height:1.35}.dialog.profile .dialog-head>button{flex-shrink:0;min-width:44px;min-height:44px}.dialog.profile .profile-navigation{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-bottom:12px;display:grid}.dialog.profile .profile-navigation select{grid-area:1/1/auto/-1;width:100%;min-width:0;font-size:16px}.dialog.profile .profile-navigation button{min-width:0;min-height:44px;padding:8px;font-size:14px}.dialog.profile .profile-navigation small{overflow-wrap:anywhere;grid-column:1/-1}.dialog.profile .profile-summary{flex-wrap:wrap;gap:8px;margin-bottom:12px}.dialog.profile .profile-summary a{background:#e8f3ff;border-radius:8px;align-items:center;min-height:44px;padding:0 12px;display:inline-flex}.dialog.profile .profile-tabs{flex-wrap:nowrap;gap:6px;max-width:100%;margin:12px 0;padding-bottom:8px;overflow-x:auto}.dialog.profile .profile-tabs>button{flex:none;min-height:44px;padding:9px 12px;font-size:14px}.dialog.profile .profile-columns{grid-template-columns:minmax(0,1fr);gap:0}.dialog.profile .profile-card{min-width:0;margin-bottom:12px;padding:14px}.dialog.profile .profile-card header{flex-wrap:wrap;gap:8px}.dialog.profile .profile-card header h3{font-size:16px}.dialog.profile .profile-card .compact-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.dialog.profile .compact-info dd{overflow-wrap:anywhere}.dialog.profile .table-scroll{max-width:100%;min-height:0}.shell .sidebar{display:none!important}.shell .topbar{z-index:25;width:100%;height:60px;padding:10px 16px;position:fixed;top:0;left:0}.shell .topbar .account{display:none}.shell .topbar .brand{font-size:19px}.shell .workspace{min-width:0;margin:60px 0 0!important;padding:18px 14px 100px!important}.shell.mobile-menu .workspace,.shell.mobile-personal .workspace{display:none}.mobile-home{background:#f4f7fc;min-height:100dvh;padding:84px 16px 110px;display:block}.mobile-home h1{margin:8px 0;font-size:23px;line-height:1.4}.mobile-home>p{color:#708096;margin:0 0 24px}.mobile-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mobile-tiles button{text-align:left;white-space:normal;border:1px solid #e3e9f1;border-radius:18px;flex-direction:column;gap:10px;min-height:128px;padding:18px;display:flex;box-shadow:0 4px 16px #193e6806}.mobile-tiles button>span{color:#1678ce;font-size:27px}.mobile-tiles strong{font-size:16px;line-height:1.3}.mobile-tiles .daily-tile{background:#eaf4ff;border-color:#bfddf9}.mobile-tiles .leave-tile{background:#edf8f3;border-color:#c8e5d8}.mobile-tiles small{font-size:12px}.mobile-bottom{z-index:30;padding:8px 12px max(10px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e0e7f0;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bottom button{color:#718198;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:4px;min-height:46px;font-size:12px;display:flex}.mobile-bottom button span{font-size:22px}.mobile-bottom button.selected{color:#1378cc;background:#edf5ff;border-radius:12px}.mobile-person{text-align:center;background:#fff;border-radius:18px;margin:20px 0;padding:24px}.mobile-avatar{color:#1678ce;background:#e5f1ff;border-radius:50%;place-items:center;width:60px;height:60px;margin:0 auto 12px;font-size:28px;display:grid}.mobile-setting{background:#fff;border-radius:12px;justify-content:space-between;width:100%;margin:10px 0;padding:18px;display:flex}.hr-panel>h1{margin-bottom:14px}.hr-panel>nav{padding-bottom:8px;display:flex;overflow:auto;flex-wrap:nowrap!important}.hr-panel .hr-clock-card{text-align:center;border-radius:22px;padding:24px 18px}.hr-clock-card .clock-state{color:#186ab3;background:#eff6ff;border-radius:12px;padding:12px;font-weight:700}.hr-clock-card .toolbar button{border-radius:14px;flex:1;min-height:58px;font-size:18px!important}.hr-panel input,.hr-panel select,.hr-panel textarea{font-size:16px}.hr-leave-cards{gap:12px;display:grid}.hr-leave-cards article{background:#fff;border:1px solid #e0e7ef;border-radius:14px;padding:16px}.hr-leave-cards h3{margin:0 0 8px}.hr-leave-cards p{margin:5px 0}.hr-leave-table{display:none}}.hr-leave-cards{display:none}@media (max-width:760px){.hr-leave-cards{display:grid}}.sidebar>button.module-shortcut{white-space:normal;border:1px solid #0000;border-radius:10px;gap:10px;margin-top:8px;font-weight:600;line-height:1.4}.module-shortcut svg{flex-shrink:0}.sidebar>button.warehouse-shortcut{color:#9a4b0b;background:#fff4e7;border-color:#f6d7b0}.sidebar>button.hr-shortcut{color:#11695b;background:#e8f7f2;border-color:#bfe4d9}.sidebar>button.warehouse-shortcut:hover,.sidebar>button.warehouse-shortcut.selected{background:#ffe4c2;border-color:#d88930}.sidebar>button.hr-shortcut:hover,.sidebar>button.hr-shortcut.selected{background:#cdefe4;border-color:#399984}.sidebar>button.module-shortcut.selected{box-shadow:inset 3px 0}@media (max-width:760px){.shell .mobile-tiles .warehouse-tile{color:#9a4b0b;background:#fff4e7;border-color:#f6d7b0}.shell .mobile-tiles .warehouse-tile>span{color:#9a4b0b}.shell .mobile-tiles .daily-tile{color:#11695b;background:#e8f7f2;border-color:#bfe4d9}.shell .mobile-tiles .daily-tile>span{color:#11695b}.shell .mobile-tiles .leave-tile{color:#50449b;background:#eef0ff;border-color:#d3d8fa}.shell .mobile-tiles .leave-tile>span{color:#50449b}}.sidebar .nav-group summary{align-items:center;gap:10px;line-height:1.4;list-style:none;display:flex}.sidebar .nav-group summary::-webkit-details-marker{display:none}.sidebar .nav-group summary>svg{color:#376c98;flex-shrink:0;width:22px;height:22px}.sidebar .nav-group summary>span:not(.nav-chevron){flex:1;min-width:0}.sidebar .nav-group .nav-chevron{font-size:20px;transition:transform .15s}.sidebar .nav-group[open]>summary .nav-chevron{transform:rotate(90deg)}.sidebar .nav-group summary:hover{background:#f0f6fc;border-radius:8px}.hr-panel{min-width:0;max-width:100%}.hr-panel .toolbar{flex-wrap:wrap;gap:8px}.hr-filters{flex-wrap:wrap;align-items:end;gap:16px;margin:18px 0;display:flex}.hr-filters label{flex:1;min-width:160px}.hr-box{background:#fff;border:1px solid #dce4ef;border-radius:12px;margin:12px 0;padding:20px}.hr-totals{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.hr-totals strong{margin-top:8px;font-size:24px;display:block}.hr-actions{gap:6px;display:flex}.hr-calendar{background:#fff;border:1px solid #dce4ef;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:16px;display:grid}.hr-calendar>b{padding:10px}.hr-day{border:1px solid #edf0f5;min-width:0;min-height:120px;padding:6px}.hr-event{color:#fff;overflow-wrap:anywhere;border-radius:4px;margin-top:4px;padding:5px;font-size:12px}.hr-event small{color:#fff;display:block}.hr-panel table{min-width:850px}.hr-panel .table-scroll{max-width:100%;overflow:auto}@media (max-width:700px){.hr-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-calendar{font-size:11px}.hr-day{min-height:90px;padding:2px}.hr-event{padding:2px;font-size:10px}.hr-box{padding:14px}.hr-filters{gap:8px}.hr-panel h1{font-size:24px}.hr-panel button{min-height:42px}}.hr-layout{grid-template-columns:280px minmax(0,1fr);gap:20px;margin-top:16px;display:grid}.hr-no-filter{grid-template-columns:minmax(0,1fr)}.hr-sidebar{background:#fff;border:1px solid #dce4f0;border-radius:12px;align-self:start;padding:20px}.hr-sidebar label{margin:16px 0;display:block}.hr-sidebar input,.hr-sidebar select{width:100%;margin-top:8px;display:block}.hr-sidebar button{margin:4px}.hr-sidebar p{color:#64748b;font-size:13px}.hr-results{min-width:0}.hr-filter-toggle{margin-top:12px}.hr-results .table-scroll{overflow:auto}.hr-results .hr-totals{margin-top:16px}@media (max-width:760px){.hr-layout{grid-template-columns:minmax(0,1fr)}.hr-sidebar{padding:14px}.hr-sidebar button{min-height:44px}}.wh{max-width:1500px;margin:auto}.wh-tabs,.wh-tools{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.wh-tools input,.wh-tools select{max-width:320px}.wh-grid{grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:16px;display:grid}.wh-card{background:#fff;border:1px solid #dce4f0;border-radius:12px;min-width:0;padding:18px}.wh-card>img{object-fit:contain;width:100%;height:120px}.wh-placeholder{color:#67778f;background:#f2f5f9;border-radius:8px;place-items:center;height:72px;display:grid}.wh-card small{color:#64748b}.wh-form{max-height:90vh;overflow:auto;max-width:550px!important}.wh-form label{margin:12px 0;display:block}.wh-form input,.wh-form select{width:100%}.wh-form input[type=checkbox]{width:auto}.wh .table-scroll{background:#fff}.wh td{padding:12px}@media (max-width:760px){.wh-grid{grid-template-columns:1fr}.wh-tabs button{flex:1 0 42%}.wh .heading{align-items:center}.wh-form{width:calc(100vw - 20px)}.wh-tools button{min-height:44px}.wh h1{font-size:24px}}.wh-stock-layout{grid-template-columns:240px minmax(0,1fr);gap:18px;display:grid}.wh-stock-filter{background:#fff;border:1px solid #dce4f0;border-radius:12px;align-self:start;padding:18px}.wh-stock-filter label{margin:16px 0;display:block}.wh-stock-filter input,.wh-stock-filter select{width:100%;margin-top:8px;display:block}.wh-stock-results{min-width:0}.wh-stock-table{border-collapse:collapse;width:100%;min-width:1600px}.wh-stock-table th{white-space:nowrap}.wh-stock-table th button{color:inherit;background:0 0;border:0;padding:6px}.wh-stock-table td{vertical-align:top;border-bottom:1px solid #e8edf4}.wh-product-thumb{object-fit:contain;width:56px;height:56px}.wh-stock-note{color:#8b5b13;margin-top:6px;display:block}.wh-row-actions{flex-wrap:wrap;gap:6px;min-width:160px;display:flex}.wh-stock-results .table-scroll{max-height:70vh;overflow:auto}.wh-stock-table thead{z-index:1;background:#f5f7fb;position:sticky;top:0}@media (max-width:760px){.wh-stock-layout{grid-template-columns:1fr}.wh-stock-filter{padding:12px}.wh-stock-table th button,.wh-row-actions button{min-height:44px}}.wh{width:100%;max-width:none!important;margin:0!important}.wh-stock-layout{grid-template-columns:minmax(240px,300px) minmax(0,1fr)!important}.wh-filter-hidden{grid-template-columns:minmax(0,1fr)!important}.wh-stock-results{background:#fff;border:1px solid #dce4f0;border-radius:12px;overflow:hidden}.wh-stock-results>.wh-tools,.wh-stock-results>p{padding:0 18px}.wh-stock-table td{line-height:1.5;height:auto!important;padding:12px!important}.wh-stock-toolbar{justify-content:flex-end}.wh-view-editor{max-height:90vh;overflow:auto;max-width:1000px!important}.wh-config-line{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.wh-config-line label{align-items:center;gap:6px;display:flex}.wh-config-line label:first-child{min-width:180px}.wh-config-line input[type=color]{width:40px;padding:2px}.wh-config-line input[type=checkbox]{width:auto}.wh-config-line input:not([type=color]):not([type=checkbox]),.wh-config-line select{max-width:200px}@media (max-width:760px){.wh-stock-layout{grid-template-columns:1fr!important}.wh-stock-table td{padding:10px!important}.wh-view-editor{width:calc(100vw - 20px)}}.workgrid.no-filter .filters{display:none}.ai-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.ai-cards button{text-align:left;white-space:normal;min-height:105px;padding:18px 14px}.ai-cards strong{margin-top:14px;font-size:28px;display:block}.ai-cards .selected{background:#f5f9ff;border-color:#1678ce;box-shadow:inset 0 -3px #1678ce}.ai-cards button:nth-child(2) strong{color:#d63e32}.ai-cards button:nth-child(3) strong{color:#d99a00}.ai-cards button:nth-child(4) strong{color:#637a70}@media (max-width:1100px){.ai-cards{grid-template-columns:repeat(3,1fr)}}.sort-head{color:inherit;font-size:inherit;font-weight:inherit;background:0 0;border:0;padding:0}.sort-head span{color:#a4afbd;margin-left:4px}.sort-head.sorted,.sort-head.sorted span{color:#1678ce}.ai-score{color:#176eb9;background:#e8f2fe;border:0;border-radius:999px;padding:5px 9px;font-weight:700}.ai-score small{color:inherit;margin-left:2px;font-size:9px}.ai-score.cao,.ai-score.rất-cao{color:#aa6200;background:#fff0d8}.ai-suggestion{color:#166fc1;white-space:normal;text-align:left;background:0 0;border:0;padding:0;line-height:1.45}.ai-suggestion:hover{background:0 0;text-decoration:underline}.ai-breakdown{border:1px solid #e1e8f1;border-radius:8px;overflow:hidden}.ai-breakdown>div{border-bottom:1px solid #edf1f5;justify-content:space-between;gap:18px;padding:12px 14px;display:flex}.ai-breakdown>div:last-child{border-bottom:0}.ai-breakdown span{font-weight:600}.ai-breakdown small{margin-top:4px;font-weight:400;display:block}.ai-breakdown b{white-space:nowrap}.ai-breakdown .plus{color:#16825e}.ai-breakdown .minus{color:#c04a50}.ai-total{text-align:right;margin:16px 0 0}.ai-total strong{color:#1678ce;font-size:20px}.ai-dispatch{z-index:20;position:fixed;bottom:22px;right:24px}.ai-dispatch-dialog{width:min(820px,96vw)}.ai-level-tabs{gap:8px;margin-bottom:16px;display:flex}.ai-level-tabs .selected{color:#fff;background:#1678ce}.ai-dispatch-list{border:1px solid #e0e7ef;border-radius:8px;max-height:380px;margin:16px 0;overflow:auto}.ai-dispatch-row{border-bottom:1px solid #edf1f5;align-items:flex-start;gap:12px;margin:0;padding:12px 14px;display:flex}.ai-dispatch-row:last-child{border:0}.ai-dispatch-row input{width:18px;margin-top:2px}.ai-dispatch-row span{flex:1}.ai-dispatch-row strong,.ai-dispatch-row small{display:block}.ai-dispatch-row small{margin-top:4px}.ai-dispatch-row b{color:#1678ce;white-space:nowrap}.sync-spin{animation:1s linear infinite tk-spin;display:inline-block}@keyframes tk-spin{to{transform:rotate(360deg)}}.ai-dashboard table{min-width:1350px}.ai-dashboard td{vertical-align:top;min-width:110px}.ai-dashboard td:nth-child(6){min-width:180px}.service-compact{-webkit-line-clamp:3;-webkit-box-orient:vertical;min-width:210px;max-width:260px;display:-webkit-box;overflow:hidden}.assignment-dialog{width:min(1400px,96vw)!important;max-width:96vw!important}.assignment-card{border:1px solid #dce3ed;grid-template-columns:2fr 1fr 2fr auto;align-items:center;gap:24px;padding:24px;display:grid}.assignment-card h3{margin:0}.assignment-card p{color:#6b7280}.assignment-card progress{accent-color:#1876d2;width:100%;height:12px}@media (max-width:800px){.assignment-card{grid-template-columns:1fr}.assignment-lists .toolbar{flex-wrap:wrap}}.assignment-customers{grid-template-columns:300px minmax(0,1fr);margin-top:18px}.assignment-customers table{min-width:3600px}.assignment-customers td,.assignment-customers th{vertical-align:top;min-width:140px;max-width:260px}.assignment-customers td>span{max-height:90px;display:block;overflow:auto}.assignment-customers .filters{align-self:start}@media (max-width:800px){.assignment-customers{grid-template-columns:1fr}}