*{font-family:Prompt,sans-serif}.MuiDialog-root *,.MuiPopover-root *,.MuiModal-root *,.MuiTypography-root,.MuiButton-root{font-family:Prompt,sans-serif!important}body{overscroll-behavior-x:none;background-color:#f0f4fb;margin:0}html{overscroll-behavior-x:none}.header-bar{color:#fff;box-sizing:border-box;z-index:10;background:linear-gradient(135deg,#19428a 0%,#1e5cb3 100%);border-bottom-right-radius:20px;border-bottom-left-radius:20px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;height:64px;padding:10px 15px;display:flex;position:relative;box-shadow:0 2px 16px #19428a4d,0 1px 4px #0000001f}.header-left{z-index:1;white-space:nowrap;flex-shrink:1;align-items:center;min-width:0;font-size:16px;font-weight:700;display:flex}.header-center{pointer-events:none;flex-shrink:0;position:absolute;left:50%;transform:translate(-50%)}.header-right{flex-shrink:0;align-items:center;gap:10px;min-width:0;margin-left:auto;display:flex}.btn-neko{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px 6px;font-size:16px;transition:background .2s;display:flex}.btn-neko:hover{background:#ffffff26}@media (max-width:768px){.btn-neko{display:none}}.header-right p{white-space:nowrap;margin:0;font-size:14px}@media (max-width:1024px){.header-left{font-size:14px}.header-right p{font-size:13px}}@media (max-width:768px){.header-left{align-items:center;display:flex}.header-title{display:none}.header-center{position:static;transform:none}.header-right p{max-width:120px;font-size:12px}}.login-container{height:100svh;box-sizing:border-box;justify-content:center;align-items:center;height:100dvh;padding:16px;display:flex;position:relative;overflow:hidden}.login-card{box-sizing:border-box;z-index:1;background:#fffffff7;border-radius:16px;width:100%;max-width:420px;padding:36px 32px;position:relative;box-shadow:0 12px 30px #0000001f}.login-title{text-align:center;color:#19428a;margin-bottom:28px;font-size:26px;font-weight:500}.login-input{box-sizing:border-box;border:1px solid #dcdcdc;border-radius:10px;width:100%;height:48px;margin-bottom:18px;padding:0 14px;font-size:15px}.login-actions{gap:12px;margin-top:10px;display:flex}.login-forget{color:#19428a;text-align:center;cursor:pointer;padding-top:14px;font-size:15px}.login-actions button{transition:transform .2s,box-shadow .2s}.login-actions button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.btn-primary{color:#fff;cursor:pointer;background:#19428a;border:none;border-radius:10px;flex:1;height:48px;font-size:16px;font-weight:600}.btn-secondary{color:#fff;cursor:pointer;background:#ff5a00;border:none;border-radius:10px;height:48px;padding:0 18px;font-size:16px;font-weight:600}.password-field{position:relative}.password-field .login-input{padding-right:46px}.password-eye{cursor:pointer;color:#999;font-size:18px;position:absolute;top:40%;right:14px;transform:translateY(-50%)}.password-eye:hover{color:#1e4a8f}.input-error{color:#e53935;margin-top:-12px;margin-bottom:12px;font-size:12px}@media (max-width:768px){.login-card{padding:28px 24px}.login-title{font-size:22px}.login-input{height:44px;font-size:14px}.btn-primary,.btn-secondary{height:44px;font-size:15px}}@media (max-width:480px){.login-container{padding:16px}.login-card{padding:24px 20px}.login-title{margin-bottom:20px;font-size:20px}.login-input{height:44px;margin-bottom:14px;font-size:14px}.login-actions{flex-direction:row;gap:10px}.btn-primary{flex:1;height:46px;font-size:15px}.btn-secondary{white-space:nowrap;height:46px;padding:0 16px;font-size:15px}.login-forget{padding-top:16px;font-size:14px}}.table-subtabs{background:#fff;border-bottom:1px solid #e8edf5;border-top-left-radius:16px;border-top-right-radius:16px;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.table-subtabs>div:first-child{background:#eef2f9;border-radius:14px;gap:3px;padding:4px;display:flex;box-shadow:inset 0 1px 4px #19428a12}.tab-pane-enter{animation:.38s cubic-bezier(.4,0,.2,1) forwards tabPaneIn}@keyframes tabPaneIn{0%{opacity:0;filter:blur(2px);transform:translateY(10px)}to{opacity:1;filter:none;transform:none}}.subtab-item{cursor:pointer;color:#94a3b8;-webkit-user-select:none;user-select:none;white-space:nowrap;letter-spacing:.01em;-webkit-font-smoothing:antialiased;border-radius:11px;align-items:center;gap:6px;padding:8px 18px;font-size:13.5px;font-weight:500;transition:background .32s cubic-bezier(.4,0,.2,1),color .32s cubic-bezier(.4,0,.2,1),box-shadow .32s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.34,1.56,.64,1);display:flex}.subtab-item:not(.disabled):active{transition-duration:.1s;transform:scale(.94)}.subtab-item:not(.active):not(.disabled):not(.navigable):hover{color:#64748b;background:#19428a0a}.subtab-icon{font-size:14px;line-height:1;transition:transform .32s cubic-bezier(.34,1.56,.64,1);display:inline-block}.subtab-item.active{color:#1e3a8a;background:#fff;font-weight:500;animation:.3s cubic-bezier(.34,1.56,.64,1) both subtabIn;box-shadow:0 1px 6px #19428a21,0 0 0 1px #19428a0f}@keyframes subtabIn{0%{opacity:.6;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.subtab-item.active .subtab-icon{animation:.35s cubic-bezier(.34,1.56,.64,1) both iconBounce;transform:scale(1.15)}@keyframes iconBounce{0%{transform:scale(.7)rotate(-8deg)}70%{transform:scale(1.22)rotate(4deg)}to{transform:scale(1.15)rotate(0)}}.subtab-item.navigable{color:#3b82f6;cursor:pointer}.subtab-item.navigable:before{content:"‹";color:#93c5fd;margin-right:2px;font-size:14px;font-weight:600;line-height:1;transition:transform .22s cubic-bezier(.4,0,.2,1);display:inline-block}.subtab-item.navigable:hover{color:#1d4ed8;background:#3b82f614;transform:translate(-1px)}.subtab-item.navigable:hover:before{transform:translate(-3px)}.subtab-item.navigable:hover .subtab-icon{transform:scale(1.1)}.subtab-item.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.subtab-item.disabled .subtab-icon{filter:grayscale()}.table-outer-wrapper{border:1px solid #e0e0e0;border-radius:10px;width:98%;margin:16px auto;overflow:hidden;box-shadow:0 8px 20px #283f8226}.table-scroll-container{background:#fff;width:100%;overflow-x:auto}.daily-table{border-collapse:separate;border-spacing:0;background:#fff;width:100%;font-size:14px}.daily-table thead{color:#fff;background:#19428a}.daily-table th{text-align:center;white-space:nowrap;z-index:8;background:#19428a;border-bottom:1px solid #e2e8f0cc;padding:14px;font-weight:500;position:sticky;top:0}.daily-table th:not(:last-child):after{content:"";background-color:#fff6;width:1px;height:50%;position:absolute;top:25%;right:0}.daily-table td{text-align:left;color:#2c2c2c;white-space:nowrap;border-bottom:1px solid #f0f0f0;border-right:1px solid #f5f5f5;padding:12px 14px}.daily-table td:last-child{border-right:none}.table-row-item:hover td{background-color:#f8fbff}.daily-table tbody tr:nth-child(2n){background:#f5f7fc}@media (hover:hover){.daily-table tbody tr:hover td{background:#3b82f626!important}}.daily-table tbody tr td{transition:background .35s}.sticky-col{z-index:5;position:sticky;right:0;box-shadow:-4px 0 8px #0000000d}th.sticky-col{z-index:10;color:#fff;background:#19428a;top:0}td.sticky-col{z-index:5}tr:nth-child(odd) td.sticky-col{background:#fff}tr:nth-child(2n) td.sticky-col{background:#f5f7fc}@media (hover:hover){.daily-table tbody tr:hover td.sticky-col{background:#dbeafe!important}}.th-content{justify-content:center;align-items:center;gap:8px;display:flex}.sort-icon{opacity:.7;font-size:12px}.table-scroll-container::-webkit-scrollbar{height:8px}.table-scroll-container::-webkit-scrollbar-track{background:#f1f1f1}.table-scroll-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.table-scroll-container::-webkit-scrollbar-thumb:hover{background:#19428a}.empty-state{text-align:center;color:#7a869a;padding:40px;font-size:16px}.toolbar{align-items:center;gap:12px;display:flex}.co-drop{flex-shrink:0;position:relative}.co-drop-trigger{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;min-width:150px;padding:6px 12px 6px 8px;font-family:Prompt,sans-serif;transition:all .2s;display:flex}.co-drop-trigger:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}.co-drop-logo{object-fit:contain;border-radius:6px;flex-shrink:0;width:28px;height:28px}.co-drop-placeholder{color:#94a3b8;background:#f1f5f9;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.co-drop-name{color:#1e293b;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:500;overflow:hidden}.co-drop-chevron{color:#94a3b8;flex-shrink:0;transition:transform .25s}.co-drop-chevron.open{transform:rotate(180deg)}.co-drop-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:280px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) coDropIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 40px #0000001a,0 2px 8px #0000000d}@keyframes coDropIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.co-drop-item{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-family:Prompt,sans-serif;transition:background .15s;display:flex}.co-drop-item:hover{background:#f8fafc}.co-drop-item.active{background:#eff6ff}.co-drop-item-logo{object-fit:contain;background:#f8fafc;border-radius:8px;flex-shrink:0;width:32px;height:32px;padding:2px}.co-drop-item-fallback{color:#64748b;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.co-drop-item-text{text-align:left;flex-direction:row;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.co-drop-item-code{color:#1e293b;letter-spacing:.04em;flex-shrink:0;font-size:13px;font-weight:600}.co-drop-item-name{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.co-drop-check{flex-shrink:0;margin-left:auto}.co-sheet-backdrop{z-index:1200;-webkit-backdrop-filter:blur(6px);background:#00000080;animation:.3s coSheetFadeIn;position:fixed;inset:0}@keyframes coSheetFadeIn{0%{opacity:0}to{opacity:1}}.co-sheet{z-index:1201;padding:0 0 env(safe-area-inset-bottom,20px);background:#fff;border-radius:24px 24px 0 0;flex-direction:column;max-height:75vh;animation:.4s cubic-bezier(.16,1,.3,1) coSheetSlideUp;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -12px 50px #0000002e}@keyframes coSheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.co-sheet-handle{z-index:2;background:#fff6;border-radius:5px;flex-shrink:0;width:40px;height:5px;margin:12px auto 0;position:relative}.co-sheet-header{color:#fff;background:linear-gradient(135deg,#19428a 0%,#0f2d66 100%);flex-shrink:0;justify-content:space-between;align-items:center;margin-top:-12px;padding:28px 20px 18px;font-family:Prompt,sans-serif;font-size:17px;font-weight:600;display:flex}.co-sheet-close{color:#ffffffe6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s;display:flex}.co-sheet-close:active{background:#ffffff40}.co-sheet-list{flex-direction:column;gap:6px;padding:12px 14px 16px;display:flex;overflow-y:auto}.co-sheet-item{cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:left;background:#fff;border:1.5px solid #f1f5f9;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;font-family:Prompt,sans-serif;transition:all .2s;display:flex;position:relative}.co-sheet-item:active{transition-duration:80ms;transform:scale(.97)}.co-sheet-item.active{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#3b82f6;box-shadow:0 2px 12px #3b82f61f}.co-sheet-item-logo-wrap{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex}.co-sheet-item.active .co-sheet-item-logo-wrap{background:#fff;border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f626}.co-sheet-item-logo{object-fit:contain;border-radius:50%;width:34px;height:34px}.co-sheet-item-fallback{color:#64748b;font-size:20px;font-weight:700}.co-sheet-item-text{flex-direction:row;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.co-sheet-item-code{color:#1e293b;letter-spacing:.05em;flex-shrink:0;font-size:15px;font-weight:700}.co-sheet-item-name{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.co-sheet-item.active .co-sheet-item-code{color:#1e3a8a}.co-sheet-item.active .co-sheet-item-name{color:#3b82f6}.co-sheet-check{background:#3b82f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;display:flex;box-shadow:0 2px 6px #3b82f64d}.company-select{color:#19428a;cursor:pointer;background:#fff;border:1px solid #cbd3f1;border-radius:8px;min-width:240px;margin-right:10px;padding:10px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.company-select:hover{border-color:#19428a}.company-select:focus{border-color:#19428a;outline:none}.company-select-wrapper{justify-content:center;margin:24px 0;display:flex}.search-input::placeholder{color:#8a94c6}.search-input:hover{border-color:#19428a}.search-input:focus{border-color:#19428a;outline:none;box-shadow:0 0 0 3px #283f8226}.pagination{justify-content:center;align-items:center;gap:8px;margin:16px auto;display:flex}.page-btn{cursor:pointer;background:#fff;border:1px solid #cbd3f1;border-radius:6px;margin-bottom:10px;padding:6px 10px}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-card{color:#19428a;cursor:pointer;background:#fff;border:1px solid #cbd3f1;border-radius:8px;min-width:36px;height:36px;margin-bottom:10px;font-weight:500;transition:background .2s,transform .15s}.page-card:hover{background:#19428a}.page-card.active{color:#fff;background:#19428a;border-color:#19428a}.action-cell{text-align:center;white-space:nowrap}.icon-btn{cursor:pointer;background:#fff;border:1px solid #cbd3f1;border-radius:6px;width:32px;height:32px;margin:0 4px;font-size:14px;transition:background .2s,transform .1s}.icon-btn:hover{background:#283f8214;transform:translateY(-1px)}.icon-btn.delete:hover{background:#dc35451a}.toolbar-action{justify-content:flex-end;gap:5px;margin:12px 5%;display:flex}.btn-new{color:#fff;cursor:pointer;white-space:nowrap;background:#19428a;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:13px;font-weight:500;transition:background .2s,transform .1s,box-shadow .2s;display:inline-flex}.btn-new svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.btn-new:hover{background:#0b244d;transform:translateY(-1px);box-shadow:0 6px 14px #283f8240}.btn-new:hover svg{transform:rotate(90deg)scale(1.2)}.btn-refresh{color:#fff;cursor:pointer;opacity:.6;background:#00c1d5;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;transition:background .2s,transform .1s,box-shadow .2s}.btn-refresh:hover{opacity:10;background:#00c1d5;transform:translateY(-1px);box-shadow:0 6px 14px #283f8240}.btn-mutidelete{color:#fff;cursor:pointer;white-space:nowrap;background:#be123c;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:13px;font-weight:500;transition:background .2s,transform .1s,box-shadow .2s;display:inline-flex}.btn-mutidelete:hover{background:#e11d48;transform:translateY(-1px);box-shadow:0 6px 14px #283f8240}.btn-plantoday{color:#fff;cursor:pointer;background:#2f5fd0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;transition:background .2s,transform .1s,box-shadow .2s}.btn-plantoday:hover{background:#1e4db7;transform:translateY(-1px);box-shadow:0 6px 14px #283f8240}.plus-circle{color:#283f82;justify-content:center;align-items:center;font-size:19px;font-weight:lighter;line-height:1;display:flex}.btn-report{color:#fff;cursor:pointer;background:#00c1d5;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;transition:background .2s,transform .1s,box-shadow .2s;display:inline-flex}.btn-report:hover{background:#00a9bb;transform:translateY(-1px);box-shadow:0 6px 14px #283f8240}.btn-block.disabled{color:#fff;cursor:pointer;background:#b6b5b5;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;transition:background .2s,transform .1s,box-shadow .2s;display:inline-flex}.btn-block:hover{background:#9e9e9e;transform:translateY(-1px);box-shadow:0 6px 14px #283f8240}.btn-list{color:#fff;cursor:pointer;background:#00c1d5;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;transition:background .2s,transform .1s,box-shadow .2s;display:inline-flex}.btn-list:hover{background:#00a9bb;transform:translateY(-1px);box-shadow:0 6px 14px #283f8240}.btn-customer-summary{color:#fff;cursor:pointer;background:#2f5fd0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;transition:background .2s,transform .1s,box-shadow .2s;display:inline-flex}.btn-customer-summary:hover{background:#1e4db7;transform:translateY(-1px);box-shadow:0 6px 14px #283f8240}.page-bg{background:#f0f4fb;min-height:100vh;padding:24px}.card{background:#fff;border-bottom-right-radius:16px;border-bottom-left-radius:16px;gap:8px;margin:1px;padding:20px;box-shadow:0 8px 24px #283f8214}.card-filter{display:flexbox;grid-template-columns:repeat(3,minmax(200px,1fr));gap:12px;margin-bottom:16px;padding:20px}.card-table{padding:0}.filter-wrapper{max-width:1400px;margin:0 auto;padding:8px 12px}.filter-grid{align-items:center;gap:30px;display:grid}.filter-grid input,.filter-grid select{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;height:38px;padding:8px}.toolbar-grid,.filter-grid{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-input,.company-select{box-sizing:border-box;vertical-align:middle;border:1px solid #ddd;border-radius:4px;outline:none;flex:1;min-width:200px;height:40px;margin-top:10px;margin-left:10px;padding:8px 12px;font-size:14px;line-height:1.5}.search-detail{box-sizing:border-box;vertical-align:middle;border:1px solid #ddd;border-radius:4px;outline:none;flex:1;width:100%;min-width:0;max-width:500px;height:40px;margin-top:0;margin-left:0;padding:8px 12px;font-size:14px;line-height:1.5}.table-toolbar .search-detail{flex:1;min-width:0;max-width:100%;height:36px;margin:0}@media (max-width:1024px){.search-detail{min-width:0;max-width:100%}}.search-detail-container{flex:1;min-width:200px;max-width:500px;margin-top:10px;margin-left:10px!important}.search-detail-container .my-select__control{height:40px;min-height:40px;box-shadow:none;border:1px solid #ddd;border-radius:4px;padding:0 8px;font-size:14px;transition:all .2s}.search-detail-container .my-select__control:hover{border-color:#19428a}.search-detail-container .my-select__control--is-focused{outline:none;border-color:#19428a!important}.search-detail-container .my-select__single-value{color:#2c2c2c;font-size:14px;line-height:1.5}.search-detail-container .my-select__indicator-separator{display:none}.search-detail-container .my-select__menu{z-index:9999}.search-customer{box-sizing:border-box;vertical-align:middle;border:1px solid #ddd;border-radius:4px;outline:none;flex:1;min-width:400px;height:40px;margin-top:10px;margin-left:10px;padding:8px 12px;font-size:14px;line-height:1.5}.app-footer{color:#fff9;pointer-events:none;font-size:11px;position:fixed;bottom:8px;right:12px}.btn-logout{color:#fff;cursor:pointer;will-change:transform;background:#19428a;border:none;border-radius:999px;justify-content:center;align-items:center;padding:7px 14px;font-size:15px;transition:background .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 1px 4px #00000026}.btn-logout i{transition:transform .2s}.btn-logout:hover{background:#1e5cb3;transform:translateY(-1px);box-shadow:0 3px 10px #19428a59}.btn-logout:active{transform:translateY(0);box-shadow:0 1px 4px #00000026}.table-toolbar{box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:8px;width:100%;min-width:0;padding:8px 12px;display:flex;overflow:visible}.toolbar-search-group{flex:50%;align-items:center;gap:6px;min-width:0;display:flex}.toolbar-left-group{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.toolbar-right-group{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.toolbar-right,.line-toolbar-right{flex-wrap:wrap;flex:none;align-items:center;gap:6px;display:flex}@media (min-width:601px){.toolbar-left-group{flex:0 auto}.toolbar-left-group .company-wrapper{width:300px}.toolbar-left-group .search-wrapper{width:280px}.line-tab-outer .table-toolbar>.search-wrapper,.plan-tab-outer .table-toolbar>.search-wrapper{flex:0 0 280px;margin-left:auto}}.fab-trigger,.mobile-search-icon,.mobile-search-close,.line-fab-trigger,.line-mobile-search-icon,.line-mobile-search-close,.plan-mobile-search-icon,.plan-mobile-search-close,.mobile-company-icon,.mobile-company-close{display:none}.line-search-input-area{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.line-main-btns{flex:none;align-items:center;gap:6px;display:flex}.btnLine-action{color:#fff;cursor:pointer;background:#283f82;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;transition:background .2s,transform .1s,box-shadow .2s;display:inline-flex}.btnLine-action:hover{opacity:.9}.report-dropdown{opacity:0;pointer-events:none;z-index:50;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:300px;padding:6px 0;transition:all .18s ease-out;position:absolute;top:105%;right:0;transform:translateY(-6px);box-shadow:0 6px 18px #00000014}.report-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)}.report-dropdown button{text-align:left;cursor:pointer;color:#111827;background:0 0;border:none;width:100%;padding:8px 12px;font-size:14px;transition:background .15s}.report-dropdown button:hover{background:#f3f4f6}.search-input.readonly{color:#374151;cursor:default;background:#e5e7eb}.info-label{color:#6c7a89;font-size:14px}.sheet-tabs{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;align-items:flex-end;gap:4px;padding:10px 10px 0;display:flex;position:relative}.sheet-tab{cursor:pointer;color:#6b798d;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-bottom:none;border-radius:8px 8px 0 0;padding:8px 18px;font-size:14px;font-weight:400;transition:all .2s;position:relative;top:1px}.sheet-tab.active{color:#19428a;background:#fff;border-color:#e2e8f0 #e2e8f0 #fff;font-weight:600}.sheet-tab:not(.active):hover{color:#334155;background:#f1f5f9;top:-1px}.hidden-col{display:none}.sync-label{color:#19428a;text-align:right;margin-top:2px;margin-right:22px;font-size:12px}.modal-backdrop{z-index:2000;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:12px;flex-direction:column;width:420px;max-height:80vh;animation:.2s ease-out fadeUp;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000040}.modal-header{color:#fff;background:#19428a;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:600;display:flex}.modal-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:18px}.modal-body{padding:16px;overflow-y:auto}.modal-list{margin:0;padding:0;list-style:none}.modal-item{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:8px;padding:8px 4px;display:flex}.modal-item .date{min-width:120px;font-weight:600}.modal-item .info{gap:12px;font-size:14px;display:flex}.popup-overlay-Login{z-index:999;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-card-Login{background:#fff;border-radius:12px;width:100%;max-width:380px;padding:24px;animation:.25s popupScale;box-shadow:0 20px 40px #0003}.popup-card-Login h3{text-align:center;margin-bottom:16px}.popup-card input{border:1px solid #ccc;border-radius:6px;width:100%;margin-bottom:12px;padding:10px 12px}.popup-card-Login button{color:#fff;cursor:pointer;background:#19428a;border:none;border-radius:6px;width:100%;padding:10px}.popup-card-Login button:disabled{color:#0e0f0f;cursor:pointer;background:#e7e8e9;border:none;border-radius:6px;width:100%;padding:10px}.popup-close-Login{margin-top:10px;color:#111!important;background:#e5e7eb!important}.csel-backdrop{-webkit-backdrop-filter:blur(8px);z-index:2100;background:#0a0f1e99;justify-content:center;align-items:center;animation:.3s cselFadeIn;display:flex;position:fixed;inset:0}@keyframes cselFadeIn{0%{opacity:0}to{opacity:1}}.csel-card{background:#fff;border-radius:20px;width:440px;max-width:92vw;animation:.45s cubic-bezier(.16,1,.3,1) cselSlideUp;overflow:hidden;box-shadow:0 32px 64px #0003,0 8px 20px #00000014}@keyframes cselSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.csel-header{color:#fff;text-align:center;background:linear-gradient(160deg,#0f2d66 0%,#19428a 40%,#2563eb 100%);flex-direction:column;align-items:center;padding:32px 24px 28px;font-family:Prompt,sans-serif;display:flex;position:relative;overflow:hidden}.csel-header-deco{pointer-events:none;background:#ffffff0f;border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;right:-30px}.csel-header-deco:after{content:"";background:#ffffff0a;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-60px;left:-80px}.csel-avatar{background:#ffffff1f;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:14px;display:flex}.csel-greeting{color:#fff;margin:0 0 6px;font-family:Prompt,sans-serif;font-size:19px;font-weight:600}.csel-subtitle{color:#ffffffa6;margin:0;font-family:Prompt,sans-serif;font-size:13px}.csel-body{padding:20px 20px 24px}.csel-grid{flex-direction:column;gap:8px;display:flex}.csel-item{cursor:pointer;background:#fff;border:1.5px solid #f1f5f9;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;font-family:Prompt,sans-serif;transition:all .25s cubic-bezier(.16,1,.3,1);animation:.4s cubic-bezier(.16,1,.3,1) both cselItemIn;display:flex;position:relative;overflow:hidden}@keyframes cselItemIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.csel-item:hover{background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 100%);border-color:#3b82f6;transform:translate(4px);box-shadow:0 4px 20px #3b82f61a}.csel-item:active{transition-duration:80ms;transform:translate(2px)scale(.98)}.csel-logo-wrap{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .25s;display:flex;overflow:hidden}.csel-item:hover .csel-logo-wrap{background:#fff;border-color:#93c5fd;box-shadow:0 2px 10px #3b82f61f}.csel-logo{object-fit:contain;width:34px;height:34px}.csel-logo-fallback{color:#19428a;font-size:20px;font-weight:700}.csel-info{flex-direction:row;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.csel-code{color:#1e293b;letter-spacing:.04em;flex-shrink:0;font-size:14px;font-weight:600}.csel-name{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.3;overflow:hidden}.csel-arrow{color:#cbd5e1;flex-shrink:0;transition:all .25s}.csel-item:hover .csel-arrow{color:#3b82f6;transform:translate(4px)}@media (max-width:480px){.csel-card{border-radius:18px}.csel-header{padding:28px 20px 24px}.csel-avatar{width:50px;height:50px;margin-bottom:12px}.csel-greeting{font-size:17px}.csel-body{padding:16px 16px 20px}.csel-item{gap:12px;padding:12px 14px}.csel-logo-wrap{border-radius:12px;width:42px;height:42px}.csel-logo{width:28px;height:28px}}.plan-status-badge{white-space:nowrap;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-block}.status-done{color:#065f46;background-color:#d1fae5}.status-pending{color:#92400e;background-color:#fef3c7}.tab-action-container{align-items:center;gap:12px;margin-right:15px;display:flex}.filter-summary-text{color:#19428a;white-space:nowrap;font-size:.8rem;font-weight:400}.btn-toggle-plain{cursor:pointer;color:#666;background:0 0;border:none;justify-content:center;align-items:center;padding:4px 8px;font-size:1rem;transition:transform .2s,color .2s;display:flex}.btn-toggle-plain:hover{color:#19428a;background-color:#1856dd0d;border-radius:4px}.chevron-custom{border-bottom:2px solid #888;border-right:2px solid #888;width:9px;height:9px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:inline-block;transform:rotate(45deg)}.chevron-custom.is-up{margin-top:4px;transform:rotate(-135deg)}.btn-toggle-plain:hover .chevron-custom{border-color:#1856dd}.inner-loading,.inner-empty{text-align:center;color:#8898aa;background-color:#fafcfe;border:1px dashed #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:250px;margin:15px 0;font-size:.95rem;display:flex}.inner-loading:before{content:"";border:3px solid #e2e8f0;border-top-color:#1856dd;border-radius:50%;width:24px;height:24px;margin-bottom:12px;animation:1s linear infinite spin}.inner-empty:before{content:"📂";opacity:.6;margin-bottom:8px;font-size:2rem}@media (max-width:600px){:is(td:has(>.inner-empty),td:has(>.inner-loading)){justify-content:center;width:100%;display:flex!important}.inner-empty,.inner-loading{box-sizing:border-box;background:#fff;border:none;border-radius:18px;gap:6px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);min-height:240px;margin:12px 0;padding:36px 24px;box-shadow:0 4px 20px #19428a14,0 1px 4px #19428a0d}.inner-empty:before{content:"🗂️";opacity:1;filter:drop-shadow(0 2px 6px #19428a26);margin-bottom:4px;font-size:3rem}}.date-empty{position:relative}.date-empty::-webkit-datetime-edit-text{display:none}.date-empty::-webkit-datetime-edit-month-field{display:none}.date-empty::-webkit-datetime-edit-day-field{display:none}.date-empty::-webkit-datetime-edit-year-field{display:none}.date-empty:before{content:attr(data-placeholder);color:#999;width:calc(100% - 40px);display:inline-block;position:absolute;left:10px}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;display:block!important}@media (max-width:600px){html,body{max-width:100vw;overflow-x:hidden}input,select,textarea{font-size:16px!important}.page-bg{box-sizing:border-box;background:#f0f4fb;width:100%;padding:0 0 24px;overflow-x:hidden}.card.card-table{box-shadow:none;background:0 0;border-radius:0;margin:0;padding:0}.daily-table tbody tr.table-row-item td:first-child>div{overflow:hidden;flex-shrink:1!important;width:100%!important;min-width:0!important;max-width:100%!important}.daily-table tbody tr.table-row-item td:first-child>div>div:nth-child(3){flex-shrink:0;margin-left:auto}.table-subtabs{padding:8px 10px}.table-subtabs>div:first-child{flex:1;min-width:0}.subtab-item{flex:1;justify-content:center;gap:4px;padding:7px 4px;font-size:11.5px}.subtab-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-toolbar{flex-direction:row;align-items:center;gap:8px;padding:10px 12px;position:relative}.toolbar-right,.line-toolbar-right{z-index:1000;flex-direction:column-reverse;align-items:flex-end;gap:10px;margin:0;display:flex;position:fixed;bottom:24px;right:18px}.fab-trigger{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#19428a;border:none;border-radius:50%;outline:none;flex-shrink:0;order:-1;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .25s,background .2s,box-shadow .2s;display:flex;box-shadow:0 4px 18px #19428a61}.fab-trigger svg{transition:transform .25s}.toolbar-right .btn-new,.toolbar-right .btn-plantoday{opacity:0;pointer-events:none;transition:opacity .2s,transform .22s;transform:translateY(10px)scale(.88)}.toolbar-right>div:not(:has(.fab-trigger)){opacity:0;pointer-events:none;transition:opacity .2s,transform .22s;transform:translateY(10px)scale(.88)}.toolbar-right.fab-open .btn-new,.toolbar-right.fab-open .btn-plantoday{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.toolbar-right.fab-open>div:not(:has(.fab-trigger)){opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.toolbar-right.fab-open>div:not(:has(.fab-trigger)){transition-delay:0s}.toolbar-right.fab-open .btn-plantoday{transition-delay:60ms}.toolbar-right.fab-open .btn-new{transition-delay:.12s}.toolbar-right.fab-open .fab-trigger{background:#0f2d66;transform:rotate(45deg);box-shadow:0 6px 24px #19428a73}.toolbar-right .btn-new,.toolbar-right .btn-plantoday,.toolbar-right .btn-report{white-space:nowrap;border-radius:20px;flex-shrink:0;height:40px;padding:0 18px;font-size:13px;font-weight:500;box-shadow:0 3px 12px #00000021}.fab-trigger{display:flex}.search-wrapper{flex:none!important;min-width:0!important}.mobile-search-icon{color:#475569;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mobile-search-close{color:#94a3b8;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.search-wrapper .search-input-area{display:none!important}.search-wrapper.search-open{z-index:10;background:#fff;border-radius:0;align-items:center;gap:8px;padding:0 12px;position:absolute;inset:0;box-shadow:0 2px 8px #00000014;display:flex!important}.search-wrapper.search-open .search-input-area{flex:1;align-items:center;gap:6px;min-width:0;display:flex!important}.search-wrapper.search-open .mobile-search-icon{display:none}.toolbar-left-group{flex:none;gap:4px}.co-drop-trigger{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-color:#cbd5e1;border-radius:12px;gap:8px;min-width:140px;padding:7px 12px 7px 8px;box-shadow:0 2px 8px #0000000f}.co-drop-logo{border-radius:6px;width:26px;height:26px}.co-drop-name{font-size:13px;font-weight:500}.mobile-company-close{color:#94a3b8;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.company-wrapper .company-input-area{display:none!important}.company-wrapper.company-open{z-index:20;background:#fff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:6px;height:40px;padding:0 8px;position:absolute;top:6px;left:8px;right:8px;box-shadow:0 4px 18px #19428a24;display:flex!important}.company-wrapper.company-open .company-input-area{flex:1;min-width:0;display:flex!important}.company-wrapper.company-open .mobile-company-icon{display:none}.company-wrapper.company-open .mobile-company-close{display:flex}.table-outer-wrapper{box-shadow:none;box-sizing:border-box;background:0 0;border:none;border-radius:0;width:100%;max-width:100%;margin:0;overflow:hidden}.table-scroll-container{box-sizing:border-box;background:0 0;width:100%;max-width:100%;overflow:hidden}.daily-table{table-layout:auto;box-sizing:border-box;background:0 0;display:block;width:100%!important;min-width:0!important;max-width:100%!important}.daily-table thead{display:none}.daily-table tbody{box-sizing:border-box;flex-direction:column;gap:10px;width:100%;min-width:0;padding:12px 14px 24px;display:flex}.daily-table tbody tr.table-row-item{box-sizing:border-box;background:#fff;border:1px solid #e8edf5;border-radius:16px;grid-template-rows:auto auto auto;grid-template-columns:1fr auto;width:100%;min-width:0;max-width:100%;transition:box-shadow .18s,transform .15s;display:grid;overflow:hidden;box-shadow:0 2px 8px #19428a0f}.daily-table tbody tr.table-row-item:active{transform:scale(.982);box-shadow:0 1px 4px #19428a14}.daily-table td{box-sizing:border-box;border-bottom:none;border-right:none;align-items:center;min-width:0;max-width:100%;padding:0;display:flex;overflow:hidden}.head-tab-outer .daily-table tbody tr.table-row-item td:first-child{color:#4a6fa5;white-space:nowrap;letter-spacing:.01em;background:#f8faff;border-bottom:1px solid #eef2fb;grid-area:1/1/auto/-1;padding:8px 14px 7px;font-size:11.5px;font-weight:500;overflow:hidden}.head-tab-outer .daily-table tbody tr.table-row-item td:first-child>*{flex-shrink:1;min-width:0;max-width:100%;overflow:hidden}.head-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(2){color:#1a2b4a;white-space:nowrap;text-overflow:ellipsis;grid-area:2/1;padding:9px 8px 9px 14px;font-size:13.5px;font-weight:600;overflow:hidden}.head-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(3){display:none}.head-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(4){white-space:nowrap;text-align:right;grid-area:2/2;justify-content:flex-end;padding:9px 14px 9px 8px;font-size:11px;color:#a0aec0!important;font-weight:400!important}.head-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(5):not(.sticky-col){display:none}.daily-table td.sticky-col{z-index:2;border-radius:0 16px 16px 0;justify-content:center;align-items:center;gap:10px;width:130px;padding:0 12px;transition:transform .24s cubic-bezier(.25,.46,.45,.94);top:0;bottom:0;right:0;transform:translate(130px);box-shadow:-4px 0 12px #19428a26;background:#19428a!important;display:flex!important;position:absolute!important}.daily-table tbody tr.table-row-item{position:relative}.daily-table tbody tr.table-row-item.swipe-open td.sticky-col{transform:translate(0)}.daily-table td.sticky-col .icon-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff2e;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:background .12s,transform .12s;display:inline-flex}.daily-table td.sticky-col .icon-btn:active{background:#ffffff59;transform:scale(.88)}.daily-table tbody tr:not(.table-row-item){display:table-row}.daily-table tbody tr:not(.table-row-item) td{border-bottom:none;width:auto;max-width:none;padding:16px;display:table-cell}.pagination{scrollbar-width:none;flex-wrap:nowrap;justify-content:center;gap:3px;padding:4px 12px 16px;overflow-x:auto}.pagination::-webkit-scrollbar{display:none}.page-card{border-radius:9px;flex-shrink:0;min-width:30px;height:30px;margin-bottom:0;font-size:12px}.page-btn{flex-shrink:0;margin-bottom:0;padding:4px 8px}.btn-toggle-plain,.tab-action-container{display:none!important}.ctx-bar{box-sizing:border-box;flex-direction:row;width:100%;margin:0 0 6px}.ctx-seg{gap:5px;min-width:0;padding:6px}.ctx-seg-icon{display:none}.ctx-seg+.ctx-seg:before{width:1px;height:70%;top:15%;left:0}.ctx-seg .MuiBox-root p:first-of-type{display:none}.ctx-seg .MuiBox-root p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:0!important;font-size:10.5px!important}.line-tab-outer .table-toolbar{flex-wrap:nowrap;align-items:center;gap:8px;padding:10px 12px}.line-tab-outer .daily-table tbody tr.table-row-item{border:1px solid #e8edf5;border-radius:16px;grid-template-rows:auto auto auto auto auto auto;grid-template-columns:1fr 1fr 1fr;box-shadow:0 2px 8px #19428a0f}.line-tab-outer .daily-table tbody tr.table-row-item td{display:none}.line-tab-outer .daily-table td.sticky-col{z-index:2;grid-column:unset;grid-row:unset;border-top:none;border-radius:0 16px 16px 0;justify-content:center;align-items:center;gap:6px;top:0;bottom:0;right:0;background:#19428a!important;flex-direction:column!important;width:56px!important;padding:0!important;transition:transform .22s cubic-bezier(.25,.46,.45,.94)!important;display:flex!important;position:absolute!important;transform:translate(56px)!important;box-shadow:-3px 0 10px #19428a2e!important}.line-tab-outer .daily-table tbody tr.table-row-item.swipe-open td.sticky-col{transform:translate(0)!important}.line-tab-outer .daily-table td.sticky-col .action-cell{justify-content:center;align-items:center;gap:6px;flex-direction:column!important;display:flex!important}.line-tab-outer .daily-table td.sticky-col .icon-btn{color:#fff!important;background:#ffffff24!important;border:none!important;border-radius:9px!important;width:34px!important;height:34px!important;font-size:14px!important;transition:background .12s,transform .12s!important}.line-tab-outer .daily-table td.sticky-col .icon-btn:active{background:#ffffff4d!important;transform:scale(.88)!important}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(6){white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;background:#f8faff;border-bottom:1px solid #eef2fb;grid-area:1/1/auto/3;padding:9px 6px 9px 14px;font-size:13.5px;display:flex;overflow:hidden;color:#19428a!important;font-weight:600!important}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(5){color:#4a6fa5;white-space:nowrap;text-overflow:ellipsis;background:#f8faff;border-bottom:1px solid #eef2fb;grid-area:1/3/auto/4;justify-content:flex-end;padding:8px 14px 8px 4px;font-size:13px;display:flex;overflow:hidden}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(2){color:#64748b;white-space:nowrap;text-overflow:ellipsis;grid-area:2/1/auto/-1;padding:8px 14px 3px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(3){color:#1a2b4a;text-align:right;white-space:normal;word-break:break-word;border-bottom:1px solid #eef2fb;grid-area:3/1/auto/-1;justify-content:flex-end;padding:2px 14px 9px;font-size:13px;font-weight:500;display:flex;overflow:visible}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(7){color:#1a2b4a;text-align:right;white-space:normal;word-break:break-word;border-bottom:1px solid #eef2fb;grid-area:4/1/auto/-1;justify-content:flex-end;padding:2px 14px 9px;font-size:13px;font-weight:500;display:flex;overflow:visible}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:first-child{color:#1a2b4a;text-align:right;white-space:normal;word-break:break-word;border-bottom:1px solid #eef2fb;grid-area:5/1/auto/2;justify-content:flex-end;padding:2px 14px 9px;font-size:13px;font-weight:500;display:flex;overflow:visible}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(13){color:#1a2b4a;text-align:right;white-space:normal;word-break:break-word;border-bottom:1px solid #eef2fb;grid-area:5/2/auto/3;justify-content:flex-end;padding:2px 14px 9px;font-size:13px;font-weight:500;display:flex;overflow:visible}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(12){color:#1a2b4a;text-align:right;white-space:normal;word-break:break-word;border-bottom:1px solid #eef2fb;grid-area:5/3/auto/4;justify-content:flex-end;padding:2px 14px 9px;font-size:11px;font-weight:500;display:flex;overflow:visible}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(4){color:#475569;white-space:nowrap;text-overflow:ellipsis;background:#f8faff;grid-area:7/1/auto/4;justify-content:space-between;align-items:center;gap:10px;padding:6px 14px;font-size:13px;display:flex;overflow:hidden}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(8){color:#475569;white-space:nowrap;text-overflow:ellipsis;background:#f8faff;grid-area:8/1/auto/4;justify-content:space-between;align-items:center;gap:10px;padding:6px 14px;font-size:13px;display:flex;overflow:hidden}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(4),.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(8){background:#f8faff;border-top:1px solid #eef2fb;align-items:flex-end;gap:3px;padding:9px 10px;display:flex}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(9),.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(10),.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(11){background:#f8faff;border-top:1px solid #eef2fb;flex-direction:column;grid-row:9;align-items:flex-end;gap:3px;padding:9px 10px;display:flex}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(9){color:#1e3a8a;border-right:1px solid #eef2fb;grid-column:1/2;padding-left:14px;font-size:13px;font-weight:500}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(10){color:#1e3a8a;border-right:1px solid #eef2fb;grid-column:2/3;font-size:13px;font-weight:500}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(11){color:#19428a;border-radius:0 0 15px;grid-column:3/4;padding-right:14px;font-size:13px;font-weight:500}.line-tab-outer .daily-table tbody tr.table-row-item td:before{color:#94a3b8;flex-shrink:0;align-self:center;font-size:13px;font-weight:400;line-height:1.2}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(6):before{content:none}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(7):before{content:"สินค้า";color:#94a3b8;letter-spacing:.03em;margin-right:auto;padding-right:5px;font-size:13px}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(8):before{content:"Cutomer Requistion";margin-right:auto;padding-right:6px}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(13):before{content:"หน่วย";margin-right:auto;padding-right:6px}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(3):before{content:"ลูกค้า";margin-right:auto;padding-right:6px}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(4):before{content:"พนักงานขาย";margin-right:auto;padding-right:6px}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(2):before{content:"รหัส";margin-right:auto;padding-right:6px}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:first-child:before{content:"บริษัท";margin-right:auto;padding-right:6px}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(5):before{margin-right:auto;padding-right:5px}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(12):before{content:"สถานะ";margin-right:auto;padding-right:5px}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(9):before{content:"PRICE";letter-spacing:.05em;color:#94a3b8;align-self:flex-start;margin-right:0;font-size:12px;font-weight:500}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(10):before{content:"SALESQTY";letter-spacing:.05em;color:#94a3b8;align-self:flex-start;margin-right:0;font-size:12px;font-weight:500}.line-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(11):before{content:"ACTUAL";letter-spacing:.05em;color:#94a3b8;align-self:flex-start;margin-right:0;font-size:12px;font-weight:500}.line-fab-trigger{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#19428a;border:none;border-radius:50%;outline:none;flex-shrink:0;order:-1;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .25s,background .2s,box-shadow .2s;display:flex;box-shadow:0 4px 18px #19428a61}.line-fab-trigger svg{transition:transform .25s}.line-toolbar-right .btn-new{opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;position:relative;transform:translateY(8px)scale(.92)}.line-toolbar-right.line-fab-open .btn-new{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.line-toolbar-right.line-fab-open .line-fab-trigger{background:#0f2d66;outline:none;transform:rotate(45deg);box-shadow:0 6px 24px #19428a73}.line-toolbar-right .btn-new{white-space:nowrap;border-radius:20px;flex-shrink:0;height:40px;padding:0 18px;font-size:13px;font-weight:500;box-shadow:0 3px 12px #00000021}.line-main-btns{flex:1;gap:8px;min-width:0;display:flex}.line-main-btns .btn-customer-summary,.line-main-btns .btn-list{text-overflow:ellipsis;white-space:nowrap;border-radius:10px;flex:1;justify-content:center;min-width:0;height:38px;font-size:13px;font-weight:500;overflow:hidden}.line-search-wrapper{flex:none!important;min-width:0!important}.line-mobile-search-icon{color:#475569;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.line-mobile-search-close{color:#94a3b8;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.line-search-wrapper .line-search-input-area{display:none!important}.line-search-wrapper.line-search-open{z-index:10;background:#fff;border-radius:0;align-items:center;gap:8px;padding:0 12px;position:absolute;inset:0;box-shadow:0 2px 8px #00000014;display:flex!important}.line-search-wrapper.line-search-open .line-search-input-area{flex:1;align-items:center;gap:6px;min-width:0;display:flex!important}.line-search-wrapper.line-search-open .line-mobile-search-icon{display:none}.line-search-wrapper.line-search-open .line-mobile-search-close{display:flex}}.grouped-scroll-container thead th{z-index:6;position:sticky;top:0}@media (max-width:768px){.nested-controls{padding-left:16px!important}}.daily-table tbody tr.group-header-row{background:#eef2fb!important;display:table-row!important}.daily-table tbody tr.group-header-row td{background:#eef2fb!important;border:none!important;padding:7px 12px!important;display:table-cell!important}.daily-table tbody tr.group-header-row:nth-child(2n),.daily-table tbody tr.group-header-row:nth-child(odd){background:#eef2fb!important}@media (max-width:600px){.daily-table tbody tr.group-header-row{box-shadow:none!important;grid-template-columns:unset!important;border-radius:0!important;margin:0!important;padding:0!important;display:table-row!important}.daily-table tbody tr.group-header-row td{background:inherit!important;width:auto!important;display:table-cell!important}.daily-table tbody tr.group-child-row{box-shadow:none!important;grid-template-columns:unset!important;border-radius:0!important;margin:0!important;padding:0!important;display:table-row!important}.daily-table tbody tr.group-child-row td{background:inherit;width:auto;display:table-cell}.daily-table tbody tr.group-child-row td:before{content:none}}.plan-fab-trigger{display:none}.plan-main-btns{align-items:center;gap:4px;display:flex}.plan-mobile-delete-btn,.plan-bulk-btn{display:none!important}.plan-toolbar-right{align-items:center;gap:4px;display:flex}.plan-desktop-delete{align-items:center;display:flex}.plan-info-toolbar-row{justify-content:space-between;align-items:center;gap:8px;width:98%;margin:4px auto;display:flex}.plan-viewmode-controls{flex-shrink:0;margin-left:auto}@media (max-width:600px){.plan-tab-outer .table-toolbar{flex-wrap:nowrap;align-items:center;gap:8px;padding:10px 12px}.plan-search-wrapper{flex:none!important;min-width:0!important}.plan-mobile-search-icon{color:#19428a;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.plan-mobile-search-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.plan-search-wrapper .plan-search-input-area{display:none!important}.plan-search-wrapper.plan-search-open{z-index:10;box-sizing:border-box;background:#fff;align-items:center;gap:6px;padding:10px 12px;display:flex;position:absolute;inset:0}.plan-search-wrapper.plan-search-open .plan-search-input-area{flex:1;align-items:center;gap:6px;min-width:0;display:flex!important}.plan-search-wrapper.plan-search-open .plan-mobile-search-icon{display:none}.plan-search-wrapper.plan-search-open .plan-mobile-search-close{display:flex}.plan-main-btns{flex:1;gap:8px;min-width:0;display:flex}.plan-main-btns .btn-customer-summary,.plan-main-btns .btn-list{text-overflow:ellipsis;white-space:nowrap;border-radius:10px;flex:1;justify-content:center;min-width:0;height:38px;font-size:13px;font-weight:500;overflow:hidden}.plan-bulk-btn,.plan-desktop-delete{display:flex!important}.plan-desktop-delete .btn-mutidelete{border-radius:8px;padding:5px 8px;font-size:11px}.plan-toolbar-right{z-index:100;flex-direction:column-reverse;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:24px;right:18px}.plan-fab-trigger{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:101;background:#19428a;border:none;border-radius:50%;outline:none;flex-shrink:0;order:-1;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .25s,background .2s,box-shadow .2s;display:flex;box-shadow:0 4px 18px #19428a61}.plan-fab-trigger svg{transition:transform .25s}.plan-toolbar-right .btn-new,.plan-toolbar-right .plan-create-wrap{opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;position:relative;transform:translateY(8px)scale(.92)}.plan-toolbar-right.plan-fab-open .btn-new,.plan-toolbar-right.plan-fab-open .plan-create-wrap{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.plan-toolbar-right.plan-fab-open .plan-create-wrap{transition-delay:0s}.plan-toolbar-right.plan-fab-open .btn-new:first-of-type{transition-delay:60ms}.plan-toolbar-right.plan-fab-open .btn-new:nth-of-type(3){transition-delay:.12s}.plan-toolbar-right.plan-fab-open .plan-bulk-btn{transition-delay:.18s}.plan-toolbar-right.plan-fab-open .plan-fab-trigger{background:#0f2d66;transform:rotate(45deg);box-shadow:0 6px 24px #19428a73}.plan-toolbar-right .btn-new{white-space:nowrap;border-radius:20px;flex-shrink:0;height:40px;padding:0 18px;font-size:13px;font-weight:500;box-shadow:0 3px 12px #00000021}.plan-info-toolbar-row{flex-direction:column;align-items:stretch;gap:0;width:100%;margin:0}.plan-viewmode-controls{width:98%;margin:4px auto}.plan-customer-info{box-sizing:border-box!important;border-radius:10px!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;width:calc(100% - 16px)!important;min-width:0!important;max-width:calc(100% - 16px)!important;margin:4px 8px 8px!important;padding:4px 8px!important;overflow:hidden!important}.plan-customer-info>div:first-child{background-size:200% 100%!important;border-radius:7px!important;flex-shrink:0!important;gap:4px!important;max-width:140px!important;padding:3px 8px!important;overflow:hidden!important}.plan-customer-info>div:first-child svg{font-size:13px!important}.plan-customer-info>div:first-child .MuiTypography-root{letter-spacing:0!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:11px!important;overflow:hidden!important}.plan-customer-name-track{flex:1 1 0!important;min-width:0!important;overflow:hidden!important}.plan-customer-name-scroll{white-space:nowrap!important;font-size:12px!important;animation:13s linear infinite plan-name-marquee!important;display:inline-block!important}@keyframes plan-name-marquee{0%{transform:translate(0%)}15%{transform:translate(0%)}65%{transform:translate(-115%)}65.1%{transform:translate(115%)}to{transform:translate(0%)}}.plan-customer-info>div:nth-child(3){display:none!important}.plan-customer-info>.MuiTypography-root:last-child{white-space:nowrap!important;color:#19428a!important;flex-shrink:0!important;font-size:10px!important}.plan-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row){background:#fff!important;border:1.5px solid #dde6f5!important;border-radius:14px!important;grid-template-columns:40px 1fr 1fr!important;margin-bottom:12px!important;padding:0!important;transition:box-shadow .15s,transform .1s,border-color .15s!important;display:grid!important;position:relative!important;overflow:hidden!important;box-shadow:0 3px 12px #19428a1a,0 1px 3px #19428a0f!important}.plan-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row):hover{border-color:#a8c4ef!important;box-shadow:0 6px 20px #19428a29,0 2px 6px #19428a14!important}.plan-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row):active{border-color:#7faee0!important;transform:scale(.985)!important;box-shadow:0 1px 5px #19428a1a!important}.plan-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td{display:none}.plan-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td:before{color:#94a3b8;white-space:nowrap;flex-shrink:0;font-size:9px;font-weight:400;line-height:1.2}.plan-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td>div>div[style*="border-radius: 8px"]{border-radius:6px!important;min-width:60px!important;padding:3px 8px!important;font-size:9.5px!important}.plan-tab-outer .daily-table tbody tr:is(.table-row-item,.group-child-row) td>div[style*="padding: 8px 0"]{padding:2px 0!important}.plan-tab-outer .daily-table td.sticky-col{z-index:2;grid-column:unset;grid-row:unset;border-radius:0;justify-content:center;align-items:center;gap:6px;top:0;bottom:0;right:0;background:#19428a!important;flex-direction:column!important;width:54px!important;padding:0!important;transition:transform .22s cubic-bezier(.25,.46,.45,.94)!important;display:flex!important;position:absolute!important;transform:translate(54px)!important;box-shadow:-3px 0 10px #19428a2e!important}.plan-tab-outer .daily-table tbody tr.table-row-item.swipe-open td.sticky-col{transform:translate(0)!important}.plan-tab-outer .daily-table td.sticky-col .action-cell{justify-content:center;align-items:center;gap:6px;flex-direction:column!important;display:flex!important}.plan-tab-outer .daily-table td.sticky-col .icon-btn{color:#fff!important;background:#ffffff24!important;border:none!important;border-radius:9px!important;width:34px!important;height:34px!important;font-size:14px!important}.plan-tab-outer .daily-table td.sticky-col .icon-btn:active{background:#ffffff4d!important}.daily-table tbody tr.table-row-item.status-delivered{position:relative;overflow:visible}.daily-table tbody tr.table-row-item.status-delivered:after{content:"ESPG";white-space:nowrap;letter-spacing:10px;color:#3b82f6;opacity:.1;pointer-events:none;z-index:10;border:3.5px solid #3b82f6;border-radius:4px;grid-column:1/-1;padding:8px 18px;font-size:52px;font-weight:900;line-height:1.4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:first-child{background:linear-gradient(135deg,#eef4ff 0%,#f0f5ff 100%);border-bottom:1.5px solid #dde6f5;grid-area:1/1/auto/2;justify-content:flex-start;align-items:center;padding:9px 0 9px 12px;display:flex}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(6){white-space:nowrap;text-overflow:ellipsis;letter-spacing:.2px;background:linear-gradient(135deg,#eef4ff 0%,#f0f5ff 100%);border-bottom:1.5px solid #dde6f5;grid-area:1/2/auto/3;justify-content:flex-start;align-items:center;padding:9px 4px 9px 6px;font-size:13px;display:flex;overflow:hidden;color:#19428a!important;font-weight:600!important}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(4){color:#475569;text-align:right;white-space:nowrap;background:linear-gradient(135deg,#eef4ff 0%,#f0f5ff 100%);border-bottom:1.5px solid #dde6f5;grid-area:1/3/auto/4;justify-content:flex-end;align-items:center;padding:9px 12px 9px 4px;font-size:11px;display:flex}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(5){color:#475569;border-bottom:1px solid #eef2fb;grid-area:2/1/auto/-1;justify-content:space-between;align-items:center;padding:5px 12px;font-size:13px;display:flex}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(13){color:#1a2b4a;border-bottom:1px solid #eef2fb;grid-area:3/1/auto/-1;justify-content:space-between;align-items:center;padding:6px 12px;font-size:13px;font-weight:500;display:flex;overflow:hidden}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(8){color:#1a2b4a;border-bottom:1px solid #eef2fb;grid-area:4/1/auto/-1;justify-content:space-between;align-items:center;padding:6px 12px;font-size:13px;display:flex}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(14){color:#1e3a8a;background:#f8faff;border-right:1px solid #eef2fb;grid-area:5/1/auto/3;justify-content:space-between;align-items:center;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(15){color:#19428a;background:#f8faff;grid-area:5/3/auto/4;justify-content:space-between;align-items:center;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(17){color:#334155;background:#f8faff;border-right:1px solid #eef2fb;grid-area:6/1/auto/3;justify-content:space-between;align-items:center;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(2){color:#475569;background:#f8faff;grid-area:6/3/auto/4;justify-content:space-between;align-items:center;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row):not(.card-expanded) td:nth-child(17),.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row):not(.card-expanded) td:nth-child(2){border-top:1px solid #eef2fb}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(13):before{content:"รหัสสินค้า";color:#94a3b8;align-self:center;font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(5):before{content:"วันที่";font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(8):before{content:"Formula Version";font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(14):before{content:"จำนวน";font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(15):before{content:"หน่วย";font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(17):before{content:"ประเภทงาน";color:#94a3b8;align-self:center;font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(2):before{content:"แนบ COA";color:#94a3b8;align-self:center;font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(7){color:#475569;border-top:1px solid #eef2fb;border-right:1px solid #eef2fb;grid-area:7/1/auto/3;justify-content:space-between;align-items:center;gap:4px;min-height:30px;padding:5px 8px 5px 12px;font-size:13px;display:flex;overflow:hidden}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(10){color:#475569;border-top:1px solid #eef2fb;grid-area:7/3/auto/4;justify-content:space-between;align-items:center;gap:4px;min-height:30px;padding:5px 12px 5px 8px;font-size:13px;display:flex;overflow:hidden}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(12){color:#475569;border-top:1px solid #eef2fb;border-right:1px solid #eef2fb;grid-area:8/1/auto/3;justify-content:space-between;align-items:center;gap:4px;min-height:30px;padding:5px 8px 5px 12px;font-size:13px;display:flex;overflow:hidden}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(9){color:#475569;border-top:1px solid #eef2fb;grid-area:8/3/auto/4;justify-content:space-between;align-items:center;gap:4px;min-height:30px;padding:5px 12px 5px 8px;font-size:13px;display:flex;overflow:hidden}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(11){color:#475569;border-top:1px solid #eef2fb;border-right:1px solid #eef2fb;grid-area:9/1/auto/3;justify-content:space-between;align-items:center;gap:4px;min-height:30px;padding:5px 8px 5px 12px;font-size:13px;display:flex;overflow:hidden}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(16){color:#ef4444;border-top:1px solid #eef2fb;grid-area:9/3/auto/4;justify-content:space-between;align-items:center;gap:4px;min-height:30px;padding:5px 12px 5px 8px;font-size:13px;display:flex;overflow:hidden}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(18){color:#475569;border-top:1px solid #eef2fb;grid-area:10/1/auto/-1;justify-content:space-between;align-items:center;gap:8px;padding:5px 12px;font-size:13px;display:flex;overflow:hidden}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(19){color:#475569;border-top:1px solid #eef2fb;grid-area:11/1/auto/-1;justify-content:space-between;align-items:flex-start;gap:8px;padding:5px 12px;font-size:13px;display:flex}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(20){color:#1856dd;border-top:1px solid #eef2fb;grid-area:12/1/auto/-1;justify-content:space-between;align-items:center;gap:8px;padding:5px 12px;font-size:13px;display:flex;overflow:hidden}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(21){color:#475569;border-top:1px solid #eef2fb;border-right:1px solid #eef2fb;grid-area:13/1/auto/3;justify-content:space-between;align-items:center;gap:4px;padding:5px 8px 5px 12px;font-size:13px;display:flex;overflow:hidden}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(22){color:#475569;border-top:1px solid #eef2fb;grid-area:13/3/auto/4;justify-content:space-between;align-items:center;gap:4px;padding:5px 12px 5px 8px;font-size:13px;display:flex;overflow:hidden}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(23){color:#475569;border-top:1px solid #eef2fb;grid-area:14/1/auto/-1;justify-content:space-between;align-items:center;gap:4px;padding:5px 12px;font-size:13px;display:flex;overflow:hidden}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(24){color:#475569;border-top:1px solid #eef2fb;grid-area:15/1/auto/-1;justify-content:space-between;align-items:center;gap:4px;padding:5px 12px;font-size:13px;display:flex;overflow:hidden}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(25){color:#475569;border-top:1px solid #eef2fb;grid-area:16/1/auto/-1;justify-content:space-between;align-items:center;gap:4px;padding:5px 12px;font-size:13px;display:flex;overflow:hidden}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(24):before{content:"พนักงานขาย";color:#94a3b8;align-self:center;font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(25):before{content:"วันที่สร้างแผน";color:#94a3b8;align-self:center;font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(12):before{content:"ทะเบียนรถ";font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(17):before{content:"ประเภทงาน";font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(9):before{content:"วิธีตัก";font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(2):before{content:none}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(7):before{content:"จุดตักสินค้า";font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(2):before{content:"แนบ COA";font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(10):before{content:"PO ลูกค้า";font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(11):before{content:"PackingSlip";font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(16):before{content:"Reason Code";font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(18):before{content:"สถานที่ลงสินค้า";font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(19):before{content:"Remark";font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(20):before{content:"วันที่่ยืนยัน";font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(21):before{content:"Batch";font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(22):before{content:"Location";font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(23):before{content:"Plan Site";font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(3){color:#475569;background:#f8faff;border-top:1px solid #eef2fb;grid-area:7/1/auto/-1;justify-content:space-between;align-items:center;padding:5px 12px;font-size:13px;font-weight:500;display:flex}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(3):before{content:"จับคู่ PO";color:#94a3b8;align-self:center;font-size:13px}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(3){color:#475569;border-top:1px solid #eef2fb;grid-area:17/1/auto/-1;justify-content:space-between;align-items:center;gap:4px;padding:5px 12px;font-size:13px;display:flex;overflow:hidden}.plan-tab-customer-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(3):before{content:"จับคู่ PO";color:#94a3b8;align-self:center;font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:first-child{background:linear-gradient(135deg,#eef4ff 0%,#f0f5ff 100%);border-bottom:1.5px solid #dde6f5;grid-area:1/1/auto/2;justify-content:flex-start;align-items:center;padding:9px 0 9px 12px;display:flex}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(9){white-space:nowrap;text-overflow:ellipsis;letter-spacing:.2px;background:linear-gradient(135deg,#eef4ff 0%,#f0f5ff 100%);border-bottom:1.5px solid #dde6f5;grid-area:1/2/auto/3;justify-content:flex-start;align-items:center;padding:9px 4px 9px 6px;font-size:13px;display:flex;overflow:hidden;color:#19428a!important;font-weight:600!important}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(7){color:#475569;text-align:right;white-space:nowrap;background:linear-gradient(135deg,#eef4ff 0%,#f0f5ff 100%);border-bottom:1.5px solid #dde6f5;grid-area:1/3/auto/4;justify-content:flex-end;align-items:center;padding:9px 12px 9px 4px;font-size:10px;display:flex}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(3){color:#64748b;white-space:nowrap;text-overflow:ellipsis;grid-area:2/1/auto/-1;padding:8px 14px 3px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(4){color:#1a2b4a;text-align:right;white-space:normal;word-break:break-word;border-bottom:1px solid #eef2fb;grid-area:3/1/auto/-1;justify-content:flex-end;padding:2px 14px 9px;font-size:13px;font-weight:500;display:flex;overflow:visible}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(8){color:#475569;border-bottom:1px solid #eef2fb;grid-area:4/1/auto/-1;justify-content:space-between;align-items:center;padding:5px 12px;font-size:13px;display:flex}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(16){color:#1a2b4a;border-bottom:1px solid #eef2fb;grid-area:5/1/auto/-1;justify-content:space-between;align-items:center;padding:6px 12px;font-size:13px;font-weight:500;display:flex;overflow:hidden}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(11){color:#1a2b4a;border-bottom:1px solid #eef2fb;grid-area:6/1/auto/-1;justify-content:space-between;align-items:center;padding:6px 12px;font-size:13px;display:flex}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(17){color:#1e3a8a;background:#f8faff;border-right:1px solid #eef2fb;grid-area:7/1/auto/3;justify-content:space-between;align-items:center;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(18){color:#19428a;background:#f8faff;grid-area:7/3/auto/4;justify-content:space-between;align-items:center;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(20){color:#334155;background:#f8faff;border-right:1px solid #eef2fb;grid-area:8/1/auto/3;justify-content:space-between;align-items:center;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(5){color:#475569;background:#f8faff;grid-area:8/3/auto/4;justify-content:space-between;align-items:center;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row):not(.card-expanded) td:nth-child(20),.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row):not(.card-expanded) td:nth-child(5){border-top:1px solid #eef2fb}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(16):before{content:"รหัสสินค้า";color:#94a3b8;align-self:center;font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(11):before{content:"Formula Veesion";color:#94a3b8;align-self:center;font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(3):before{content:"รหัส";margin-right:auto;padding-right:6px;font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(4):before{content:"ลูกค้า";color:#cbd5e1;align-self:flex-start;margin-right:auto;padding-top:2px;padding-right:8px;font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(8):before{content:"วันที่";font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(14):before{content:"จำนวน";font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(15):before{content:"หน่วย";font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(17):before{content:"จำนวน";font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(18):before{content:"หน่วย";font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(20):before{content:"ประเภทงาน";color:#94a3b8;align-self:center;font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(5):before{content:"แนบ COA";color:#94a3b8;align-self:center;font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(10){color:#475569;border-top:1px solid #eef2fb;border-right:1px solid #eef2fb;grid-area:9/1/auto/3;justify-content:space-between;align-items:center;gap:4px;min-height:30px;padding:5px 8px 5px 12px;font-size:13px;display:flex;overflow:hidden}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(13){color:#475569;border-top:1px solid #eef2fb;grid-area:9/3/auto/4;justify-content:space-between;align-items:center;gap:4px;min-height:30px;padding:5px 12px 5px 8px;font-size:13px;display:flex;overflow:hidden}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(15){color:#475569;border-top:1px solid #eef2fb;border-right:1px solid #eef2fb;grid-area:10/1/auto/3;justify-content:space-between;align-items:center;gap:4px;min-height:30px;padding:5px 8px 5px 12px;font-size:13px;display:flex;overflow:hidden}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(12){color:#475569;border-top:1px solid #eef2fb;grid-area:10/3/auto/4;justify-content:space-between;align-items:center;gap:4px;min-height:30px;padding:5px 12px 5px 8px;font-size:13px;display:flex;overflow:hidden}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(14){color:#475569;border-top:1px solid #eef2fb;border-right:1px solid #eef2fb;grid-area:11/1/auto/3;justify-content:space-between;align-items:center;gap:4px;min-height:30px;padding:5px 8px 5px 12px;font-size:13px;display:flex;overflow:hidden}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(19){color:#ef4444;border-top:1px solid #eef2fb;grid-area:11/3/auto/4;justify-content:space-between;align-items:center;gap:4px;min-height:30px;padding:5px 12px 5px 8px;font-size:13px;display:flex;overflow:hidden}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(21){color:#475569;border-top:1px solid #eef2fb;grid-area:12/1/auto/-1;justify-content:space-between;align-items:center;gap:8px;padding:5px 12px;font-size:13px;display:flex;overflow:hidden}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(22){color:#475569;border-top:1px solid #eef2fb;grid-area:13/1/auto/-1;justify-content:space-between;align-items:flex-start;gap:8px;padding:5px 12px;font-size:13px;display:flex}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(23){color:#1856dd;border-top:1px solid #eef2fb;grid-area:14/1/auto/-1;justify-content:space-between;align-items:center;gap:8px;padding:5px 12px;font-size:13px;display:flex;overflow:hidden}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(24){color:#475569;border-top:1px solid #eef2fb;border-right:1px solid #eef2fb;grid-area:15/1/auto/3;justify-content:space-between;align-items:center;gap:4px;padding:5px 8px 5px 12px;font-size:13px;display:flex;overflow:hidden}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(25){color:#475569;border-top:1px solid #eef2fb;grid-area:15/3/auto/4;justify-content:space-between;align-items:center;gap:4px;padding:5px 12px 5px 8px;font-size:13px;display:flex;overflow:hidden}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(26){color:#475569;border-top:1px solid #eef2fb;grid-area:16/1/auto/-1;justify-content:space-between;align-items:center;gap:4px;padding:5px 12px;font-size:13px;display:flex;overflow:hidden}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(27){color:#475569;border-top:1px solid #eef2fb;grid-area:17/1/auto/-1;justify-content:space-between;align-items:center;gap:4px;padding:5px 12px;font-size:13px;display:flex;overflow:hidden}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(28){color:#475569;border-top:1px solid #eef2fb;grid-area:18/1/auto/-1;justify-content:space-between;align-items:center;gap:4px;padding:5px 12px;font-size:13px;display:flex;overflow:hidden}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(27):before{content:"พนักงานขาย";font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(28):before{content:"วันที่สร้างแผน";font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(15):before{content:"ทะเบียนรถ";font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(12):before{content:"วิธีตัก";font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(5):before{content:"แนบ COA";font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(10):before{content:"จุดตักสินค้า";font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(13):before{content:"PO ลูกค้า";font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(14):before{content:"PackingSlip";font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(19):before{content:"Reason Code";font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(21):before{content:"สถานที่ลงสินค้า";font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(22):before{content:"Remark";align-self:flex-start;padding-top:2px;font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(23):before{content:"วันที่ยืนยัน";font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(24):before{content:"Batch";font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(25):before{content:"Location";font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(26):before{content:"Plan Site";font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(6){color:#475569;background:#f8faff;border-top:1px solid #eef2fb;grid-area:9/1/auto/-1;justify-content:space-between;align-items:center;padding:5px 12px;font-size:13px;font-weight:500;display:flex}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row) td:nth-child(6):before{content:"จับคู่ PO";color:#94a3b8;align-self:center;font-size:13px}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(6){color:#475569;border-top:1px solid #eef2fb;grid-area:19/1/auto/-1;justify-content:space-between;align-items:center;gap:4px;padding:5px 12px;font-size:13px;display:flex;overflow:hidden}.plan-tab-date-mode .daily-table tbody tr:is(.table-row-item,.group-child-row).card-expanded td:nth-child(6):before{content:"จับคู่ PO";color:#94a3b8;align-self:center;font-size:13px}.plan-tab-outer .daily-table tbody tr.group-header-row{box-sizing:border-box!important;width:100%!important;display:flex!important}.plan-tab-outer .daily-table tbody tr.group-header-row td{background:#eef2fb!important;align-items:center!important;width:100%!important;padding:7px 12px!important;display:flex!important}.plan-tab-outer .daily-table tbody tr.group-header-l1 td{background:#d4e0f5!important;border-left:4px solid #19428a!important;padding-left:12px!important}.plan-tab-outer .daily-table tbody tr.group-header-l2 td{background:#eef2fb!important;border-left:3px solid #6b8fc7!important;padding-left:20px!important}.plan-tab-outer .daily-table tbody tr.group-header-l3 td{background:#f5f8ff!important;border-left:2px solid #a8c0e8!important;padding-left:32px!important}}.desktop-only{align-items:center;gap:8px;display:flex}.mobile-only{display:none!important}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{align-items:center;display:flex!important}.header-right>p{display:none!important}}.header-logo-text{display:none}@media (max-width:768px){.header-logo-img{transition:opacity .3s,transform .3s}.header-logo-img.logo-hidden{opacity:0;pointer-events:none;position:absolute;transform:scale(.85)}.header-logo-text{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;font-size:13px;font-weight:700;transition:opacity .3s,transform .3s;display:inline;position:absolute;transform:scale(.85)}.header-logo-text.logo-visible{opacity:1;pointer-events:auto;position:static;transform:scale(1)}}.env-badge{letter-spacing:1.2px;text-transform:uppercase;vertical-align:middle;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1.5px solid #ffffff40;border-radius:9999px;align-items:center;gap:6px;margin-left:10px;padding:2px 12px 2px 8px;font-size:10px;font-weight:800;line-height:20px;animation:.5s ease-out envBadgeFadeIn;display:inline-flex}.env-badge:before{content:"";border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite envPulse;display:inline-block}.env-badge--uat{color:#fde68a;background:#fbbf2433;border-color:#fbbf2466;box-shadow:0 0 8px #fbbf2426}.env-badge--uat:before{background:#fbbf24;box-shadow:0 0 6px 2px #fbbf2480}.env-badge--live{color:#a7f3d0;background:#34d39933;border-color:#34d39966;box-shadow:0 0 8px #34d39926}.env-badge--live:before{background:#34d399;box-shadow:0 0 6px 2px #34d39980}@keyframes envPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}@keyframes envBadgeFadeIn{0%{opacity:0;transform:translateY(-4px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){.header-bar.menu-open{border-bottom-right-radius:0;border-bottom-left-radius:0}}@media (min-width:769px){.header-bar{transition:border-bottom-left-radius .32s cubic-bezier(.4,0,.2,1),box-shadow .32s cubic-bezier(.4,0,.2,1)}.header-bar.menu-open{border-bottom-left-radius:0;box-shadow:0 4px 24px #19428a47,0 1px 4px #00000024}}.burger-btn{border-radius:10px;padding:7px 9px;transition:background .22s,transform .22s cubic-bezier(.34,1.56,.64,1)}.burger-btn:hover{background:#ffffff26}.burger-btn.active{background:#ffffff38}.burger-btn i{transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .2s}.burger-btn.active i{transform:rotate(90deg)}@media (min-width:769px){.mobile-menu{z-index:200;width:260px;height:calc(100vh - 64px);max-height:none;box-shadow:none;background:#fff;border-right:1px solid #e8edf5;border-top-right-radius:0;border-bottom-right-radius:16px;border-bottom-left-radius:0;padding-bottom:24px;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1);position:fixed;top:64px;left:0;right:auto;overflow-y:auto;transform:translate(-100%)}.mobile-menu.open{transform:translate(0);box-shadow:4px 0 32px #19428a1f,2px 0 8px #0000000f}.mobile-menu.open:before{content:"";-webkit-backdrop-filter:blur(3px);z-index:-1;background:#0f1e462e;animation:.3s both overlayIn;position:fixed;inset:64px 0 0 260px}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}}@media (max-width:768px){.mobile-menu{z-index:200;background:#fff;border-top:1px solid #19428a14;border-bottom-right-radius:20px;border-bottom-left-radius:20px;width:auto;height:auto;max-height:0;transition:max-height .38s cubic-bezier(.4,0,.2,1);position:absolute;top:64px;left:0;right:0;overflow:hidden;transform:none;box-shadow:0 6px 24px #19428a26}.mobile-menu.open{max-height:600px;transform:none}}.mobile-menu-user{color:#fff;background:linear-gradient(135deg,#19428a 0%,#1e5cb3 100%);align-items:center;gap:12px;margin-bottom:8px;padding:16px 20px 14px;display:flex}.mobile-menu-user>i{opacity:.9;flex-shrink:0;font-size:28px}.mobile-menu-user-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.mobile-menu-user-name{white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:14px;font-weight:600;overflow:hidden}.mobile-menu-user-role{opacity:.75;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:11px;overflow:hidden}.mobile-menu-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:13px;width:calc(100% - 16px);margin:2px 8px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:background .18s,color .18s;display:flex}.mobile-menu-item:hover,.mobile-menu-item:active{color:#19428a;background:#eef2f9}.mobile-menu-item i{text-align:center;color:#19428a;opacity:.8;width:20px;font-size:15px}.mobile-menu-item--danger{color:#dc2626}.mobile-menu-item--danger i{color:#dc2626;opacity:.9}.mobile-menu-item--danger:hover,.mobile-menu-item--danger:active{color:#b91c1c;background:#fef2f2}.mobile-menu-item--danger:hover i{color:#b91c1c}@media (min-width:769px){.mobile-menu{flex-direction:column;display:flex}.mobile-menu-user{display:none}.mobile-menu-logout-spacer{flex:1}.mobile-menu-logout-wrap{border-top:1px solid #e8edf5;padding-top:8px;padding-bottom:8px}}@media (max-width:768px){.mobile-menu-logout-spacer{display:none}.mobile-menu-logout-wrap{border-top:1px solid #e8edf5;padding-top:4px}}.btn-team{align-items:center;gap:6px;display:flex}.btn-label{font-size:13px;font-weight:500}.team-wrapper{position:relative}.team-dropdown{z-index:300;background:#fff;border-radius:12px;min-width:230px;padding:6px 0 8px;animation:.2s dropdown-in;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 24px #00000026}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.team-dropdown-title{color:#aaa;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid #f0f0f0;margin-bottom:4px;padding:8px 16px 10px;font-size:11px;font-weight:500}.team-member-item{color:#333;align-items:center;gap:10px;padding:10px 16px;font-size:12px;transition:background .15s;display:flex}.team-member-item:hover{background:#f5f7ff}.team-member-placeholder{color:#aaa;cursor:default;font-size:13px}.team-member-placeholder:hover{background:0 0}.team-member-item i{color:#19428a;text-align:center;flex-shrink:0;width:16px}.team-badge{color:#fff;white-space:nowrap;background:#19428a;border-radius:20px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:600}.icon-btn.disabled{color:#9e9e9e;cursor:not-allowed;opacity:.7;background:#e0e0e0}.plan-dash-toggle-wrap{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:3px;display:inline-flex}.plan-dash-toggle{cursor:pointer;color:#64748b;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:400;transition:all .18s;display:flex}.plan-dash-toggle:hover{color:#334155}.plan-dash-toggle--on{color:#fff;background:#19428a;font-weight:600;box-shadow:0 1px 4px #0000001a}.plan-dash-toggle--on:hover{color:#fff;background:#1e4fa0}.plan-dashboard{padding:16px;animation:.25s ease-out dashSlideIn}@keyframes dashSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.plan-dash-filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.plan-dash-filter-label{color:#334155;white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.plan-dash-filter-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-width:180px;padding:6px 12px;font-family:Prompt,sans-serif;font-size:13px}.plan-dash-filter-select:focus{border-color:#19428a;outline:none;box-shadow:0 0 0 2px #19428a26}.plan-dash-filter-clear{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-family:Prompt,sans-serif;font-size:12px;transition:background .15s;display:inline-flex}.plan-dash-filter-clear:hover{background:#fecaca}.plan-dash-cards-note{color:#94a3b8;margin-bottom:6px;padding-left:2px;font-size:11px}.plan-dash-cards{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}.plan-dash-cards--3{grid-template-columns:repeat(3,1fr)}.plan-dash-cards--4{grid-template-columns:repeat(4,1fr)}.plan-dash-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 18px}.plan-dash-card-label{color:#64748b;margin-bottom:4px;font-size:12px;font-weight:500}.plan-dash-card-value{color:#19428a;font-size:22px;font-weight:700}.plan-dash-card-value--green{color:#16a34a}.plan-dash-charts{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.plan-dash-chart-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.plan-dash-chart-title{color:#334155;margin-bottom:8px;padding-left:4px;font-size:13px;font-weight:600}.plan-dash-stacked-bar{border-radius:8px;height:32px;margin-bottom:12px;display:flex;overflow:hidden}.plan-dash-stacked-seg{justify-content:center;align-items:center;min-width:0;transition:width .3s;display:flex}.plan-dash-stacked-label{color:#fff;text-shadow:0 1px 2px #0003;white-space:nowrap;font-size:11px;font-weight:600}.plan-dash-stacked-legend{flex-wrap:wrap;gap:6px 16px;display:flex}.plan-dash-stacked-legend-item{white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.plan-dash-stacked-legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.plan-dash-stacked-legend-name{color:#334155}.plan-dash-stacked-legend-val{color:#19428a;font-weight:600}.plan-dash-stacked-legend-pct{color:#64748b}.plan-dash-donut-legend{flex-direction:column;gap:6px;padding:0 8px 8px;display:flex}.plan-dash-donut-legend-item{white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.plan-dash-donut-legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.plan-dash-donut-legend-name{color:#334155;min-width:70px}.plan-dash-donut-legend-bar-wrap{background:#f1f5f9;border-radius:4px;flex:1;min-width:40px;height:7px;overflow:hidden}.plan-dash-donut-legend-bar{border-radius:4px;min-width:3px;height:100%;transition:width .3s;display:block}.plan-dash-donut-legend-val{color:#19428a;text-align:right;min-width:30px;font-weight:600}.plan-dash-donut-legend-pct{color:#64748b;text-align:right;min-width:32px}.plan-dash-bars-wrap{flex-direction:column;gap:6px;max-height:230px;padding-right:4px;display:flex;overflow-y:auto}.plan-dash-bars-wrap::-webkit-scrollbar{width:4px}.plan-dash-bars-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.plan-dash-bar-row{align-items:center;gap:8px;display:flex}.plan-dash-bar-rank{color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.plan-dash-bar-name{color:#334155;white-space:nowrap;text-overflow:ellipsis;width:100px;min-width:100px;font-size:12px;overflow:hidden}.plan-dash-bar-track{background:#f1f5f9;border-radius:9px;flex:1;height:18px;overflow:hidden}.plan-dash-bar-fill{border-radius:9px;min-width:4px;height:100%;transition:width .4s}.plan-dash-bar-value{color:#19428a;text-align:right;min-width:32px;font-size:12px;font-weight:600}.plan-dash-bar-pct{color:#64748b;text-align:right;min-width:30px;font-size:11px}@media (max-width:768px){.plan-dashboard{padding:12px 8px}.plan-dash-filter-bar{gap:8px}.plan-dash-filter-select{flex:1;min-width:0;padding:5px 8px;font-size:12px}.plan-dash-cards--4,.plan-dash-cards--3{grid-template-columns:repeat(2,1fr)}.plan-dash-card{border-radius:10px;padding:10px 12px}.plan-dash-card-label{font-size:11px}.plan-dash-card-value{font-size:18px}.plan-dash-charts{grid-template-columns:1fr}.plan-dash-chart-box{padding:12px 10px}.plan-dash-chart-title{font-size:13px}.plan-dash-stacked-legend{gap:4px 12px}.plan-dash-stacked-legend-item{font-size:11px}.plan-dash-donut-legend{padding:0 4px 6px}.plan-dash-donut-legend-item{gap:4px;font-size:11px}.plan-dash-donut-legend-name{min-width:50px}.plan-dash-bar-name{width:70px;min-width:70px;font-size:11px}.plan-dash-bar-rank{width:20px;height:20px;font-size:10px}.plan-dash-bar-value{min-width:26px;font-size:11px}.plan-dash-bar-pct{min-width:26px;font-size:10px}.plan-dash-bars-wrap{max-height:200px}}.xcf-toggle-row{background:#fff;border-bottom:1px solid #edf2fb;align-items:center;gap:8px;padding:8px 16px;display:flex}.xcf-toggle-btn{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #dde6f5;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;transition:border-color .15s,background .15s,color .15s,box-shadow .15s;display:inline-flex}.xcf-toggle-btn:hover{color:#3b5bdb;background:#f5f7ff;border-color:#a5b4fc}.xcf-toggle-btn--on{color:#4338ca;background:#eef3ff;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.xcf-toggle-btn--active:not(.xcf-toggle-btn--on){color:#19428a;border-color:#19428a}.xcf-toggle-badge{color:#fff;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:10px;font-weight:500;line-height:1;display:inline-flex}.xcf-toggle-btn--active:not(.xcf-toggle-btn--on) .xcf-toggle-badge{background:#19428a}.xcf-toggle-chevron{align-items:center;transition:transform .18s cubic-bezier(.4,0,.2,1);display:flex}.xcf-bar{background:#f8faff;border-bottom:1px solid #e4eaf8;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex}.xcf-bar-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;align-items:center;gap:5px;font-size:11.5px;font-weight:400;display:flex}.xcf-bar-pills{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.xcf-pill-wrap{position:relative}.xcf-pill{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #dde6f5;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:500;line-height:1;transition:border-color .15s,background .15s,color .15s,box-shadow .15s;display:inline-flex}.xcf-pill:hover{color:#3b5bdb;background:#f5f7ff;border-color:#a5b4fc}.xcf-pill--on{color:#4338ca;background:#eef3ff;border-color:#6366f1;font-weight:600;box-shadow:0 0 0 2px #6366f11f}.xcf-pill-label{color:inherit}.xcf-pill-val{color:#6366f1;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-weight:500;overflow:hidden}.xcf-pill-x{color:#818cf8;cursor:pointer;border-radius:50%;align-items:center;padding:1px;transition:background .12s,color .12s;display:flex}.xcf-pill-x:hover{color:#3730a3;background:#c7d2fe}.xcf-bar-clearall{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fff0f0;border:1.5px solid #fca5a5;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-family:inherit;font-size:11.5px;font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.xcf-bar-clearall:hover{background:#fee2e2;border-color:#ef4444;box-shadow:0 0 0 2px #ef44441f}.xcf-pop{z-index:900;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:200px;animation:.14s cubic-bezier(.34,1.4,.64,1) xcfPop;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 8px 30px #0f172a21}.xcf-pop-list{flex-direction:column;max-height:260px;padding:4px;display:flex;overflow-y:auto}.xcf-pop-opt{text-align:left;color:#334155;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;transition:background .12s,color .12s;display:block}.xcf-pop-opt:hover{background:#f1f5f9}.xcf-pop-opt--on{color:#4338ca;background:#eef3ff;font-weight:500}.xcf-pop-text{flex-direction:column;gap:10px;padding:12px;display:flex}.xcf-pop-inp-wrap{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.xcf-pop-inp-wrap:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.xcf-pop-ico{color:#94a3b8;pointer-events:none;display:flex;position:absolute;left:10px}.xcf-pop-inp{color:#1e293b;background:0 0;border:none;border-radius:8px;outline:none;width:100%;padding:9px 30px;font-family:inherit;font-size:13px}.xcf-pop-inp::placeholder{color:#94a3b8}.xcf-pop-clr{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:2px;transition:color .12s;display:flex;position:absolute;right:8px}.xcf-pop-clr:hover{color:#ef4444}.xcf-pop-actions{gap:6px;display:flex}.xcf-pop-btn{cursor:pointer;border:none;border-radius:7px;flex:1;padding:7px;font-family:inherit;font-size:12px;font-weight:400;transition:opacity .15s}.xcf-pop-btn--ghost{color:#64748b;background:#f1f5f9}.xcf-pop-btn--ghost:hover{background:#e2e8f0}.xcf-pop-btn--primary{color:#fff;background:#19428a}.xcf-pop-btn--primary:hover{opacity:.88}@media (max-width:768px){.xcf-bar{gap:6px;padding:8px 12px}.xcf-bar-label{display:none}.xcf-pop{z-index:2500;min-width:unset;padding-bottom:env(safe-area-inset-bottom,12px);border-radius:16px 16px 0 0;animation:.22s cubic-bezier(.34,1.2,.64,1) xcfSheet;position:fixed;inset:auto 0 0;box-shadow:0 -8px 30px #0f172a2e}.xcf-pop-list{max-height:50vh}.xcf-pop-opt{padding:13px 16px;font-size:15px}.xcf-pop-text{gap:12px;padding:16px}.xcf-pop-inp{padding:12px 34px;font-size:15px}.xcf-pop-btn{padding:12px;font-size:14px}}@keyframes xcfPop{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes xcfSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}
