@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";*{box-sizing:border-box}html,body,#root,#defaultLayout,#guestLayout{min-height:100vh}h1,h2,h3,h4,h5,h6,p{margin:0}body{font-family:Open Sans,sans-serif;margin:0;padding:0;font-size:14px;color:#212121;background-color:#f6f6f6}input{outline:0;background:#fff;width:100%;border:2px solid #e6e6e6;margin:0 0 15px;padding:15px;box-sizing:border-box;font-size:14px;transition:all .3s}input:focus{border-color:#5b08a7}.btn,.btn-add,.btn-edit,.btn-delete{font-family:Roboto,sans-serif;outline:0;background:#5b08a7;border:0;text-decoration:none;padding:15px;color:#fff;font-size:16px;-webkit-transition:all .3 ease;transition:all .3 ease;cursor:pointer}.btn-block{width:100%}.btn-add,.btn-edit,.btn-delete{padding:.5rem .75rem;font-size:14px;border-radius:4px}.btn-add{background-color:#00a762}.btn-delete{background-color:#b72424}.btn-logout{text-decoration:none;padding:.75rem 1.5rem;color:#212121;transition:all .3s;border-radius:6px}.btn-logout:hover{background-color:#0000001a}.btn:hover,.btn:active,.btn:focus{background:#5b08a7}.text-center{text-align:center}table{width:100%;border-spacing:0;border-collapse:collapse}table>thead>tr>th{text-align:left;padding:.5rem;background-color:#efefef}table>tbody>tr>td{padding:.5rem;border-bottom:1px solid #efefef;white-space:nowrap}.card{background-color:#fff;border-radius:.5rem;box-shadow:1px 1px 3px #0000001a;padding:1.25rem 1.5rem;margin-bottom:1rem;margin-top:.5rem}.alert{padding:1rem;background-color:#ff4040;color:#fff;border-radius:.5rem;margin-bottom:1rem}.notification{position:fixed;right:1rem;bottom:1rem;z-index:100;padding:1rem 1.5rem;background-color:#00a762;color:#fff;border-radius:.5rem}.login-signup-form{height:100vh;display:flex;justify-content:center;align-items:center}.login-signup-form .form{width:360px;position:relative;z-index:1;background:#fff;max-width:360px;padding:34px;box-shadow:0 0 2px #0000001a}.login-signup-form .title{font-size:20px;margin-bottom:1rem;text-align:center}.login-signup-form .form .message{margin:15px 0 0;color:#b3b3b3;font-size:16px;text-align:center}.login-signup-form .form .message a{color:#5b08a7;text-decoration:none}#defaultLayout{display:flex}#defaultLayout aside{width:240px;background-color:#5b08a7;padding:1rem}#defaultLayout aside>a{display:block;padding:.75rem 1rem;border-radius:6px;color:#fff;text-decoration:none;transition:all .2s}#defaultLayout aside>a:hover{background-color:#0003}#defaultLayout .content{flex:1}#defaultLayout header{height:80px;padding:2rem 3rem;background-color:#fff;box-shadow:1px 1px 2px #0003;display:flex;justify-content:space-between;align-items:center}#defaultLayout main{padding:2rem}.animated{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-content{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#fff}.login-background{flex:1;background:url(/assets/loginbg2-CbXjkC7C.jpg);background-size:100% 100%;background-position:center;background-repeat:no-repeat;height:100vh}.login-form-container{flex:1;padding:20px;max-width:450px;border-left:1px solid #e0e0e0;height:100vh;align-content:center;box-shadow:1px 0 15px 5px #00000026}.login-title{text-align:left;margin-bottom:30px}.login-form{text-align:center;margin-top:30px}.login-form .ant-form-item{margin-bottom:20px}.login-form .ant-form-item:last-child{margin-bottom:0}.login-form .ant-form-item-explain-error{margin-top:5px;color:#ff4d4f;font-size:14px}.login-form .ant-form-item-has-error .ant-input{border-color:#ff4d4f}.login-form .ant-input-prefix{color:#00000073}.login-form .ant-input-password-icon{color:#00000040}.login-form .ant-btn-primary{background-color:#1890ff;border-color:#1890ff;transition:background-color .3s,border-color .3s}.login-form .ant-btn-primary:hover{background-color:#40a9ff;border-color:#40a9ff}.login-form .ant-btn-primary:focus{box-shadow:0 0 0 2px #1890ff33}.login-form .ant-btn-primary:active{background-color:#096dd9;border-color:#096dd9}.login-form .ant-btn-primary:active:focus{box-shadow:0 0 0 2px #1890ff33}.login-input{border-radius:5px;border:1px solid #ccc;padding:8px}.login-button{width:100%;border-radius:5px;background-color:#1890ff;border-color:#1890ff}.login-signup-link{text-align:center;margin-top:5px}.signup-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#f5f5f5;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);padding:20px;box-sizing:border-box}.signup-card{width:500px;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;background-color:#fff}.signup-title{text-align:center;margin-bottom:24px;font-size:24px;color:#333}.signup-alert{margin-bottom:16px;border-radius:4px}.signup-form{width:100%}.signup-input{width:100%;margin-bottom:5px;border-radius:4px;border:1px solid #cccccc;padding:10px}.signup-input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.signup-button{width:100%;height:50px;border-radius:4px;font-weight:700;background-color:#1890ff;color:#fff;border:none;padding:12px;transition:background-color .3s ease}.signup-button:hover{background-color:#40a9ff}.signup-link{text-align:center;margin-bottom:0;color:#1890ff;font-weight:700}.signup-link:hover{color:#40a9ff}.logo{height:32px;margin:16px;color:#fff;font-size:18px;font-weight:700}.site-layout .site-layout-background{background:#fff}.trigger{font-size:18px;line-height:64px;padding:0 24px;cursor:pointer;transition:color .3s}.trigger:hover{color:#1890ff}.user-info-container{display:flex;align-items:center;margin-right:24px}.user-info{display:flex;align-items:center}.user-icon{margin-right:8px;font-size:20px;color:#fff}.user-name{font-size:16px;color:#fff}.user-info-icon{font-size:16px;margin-left:8px;color:#fff}.version{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px;background-color:#001529;box-shadow:0 8px 16px #0003;color:#fff;font-size:14px;font-weight:700}.version-text{display:flex;align-items:center;padding:5px;font-weight:700}.ant-layout-sider-trigger{background:#001529}.ant-layout-sider-collapsed .ant-menu-submenu-title{padding:0!important}.ant-layout-sider-collapsed .ant-menu-submenu-title .ant-menu-submenu-arrow{display:none!important}.drawer-header{margin-top:50px;display:flex;align-items:center;justify-content:center;padding:5px;flex-direction:column;background-color:#000015;border-top:.5px solid #ddd;border-bottom:.5px solid #fff}.user-info{display:flex;flex-direction:column;align-items:center;justify-content:center}.user-email{font-size:12px;font-weight:400;color:#ffffffb3}.user-logout-container{position:absolute;bottom:0;left:0;width:100%;padding:5px;cursor:pointer;display:flex;flex-direction:column;background-color:#001529;border-top:.5px #ddd solid}.user-management-container,.logout-container{width:100%;text-align:left;padding:20px}.user-management-container:hover,.logout-container:hover{background:#000015}.menu-item-content,.logout-item{display:flex;justify-content:flex-start;align-items:center;height:15px}.user-icon,.logout-icon{margin-right:15px;font-size:12px;padding:6px;border-radius:5px;color:#00ced1;border:1px solid #00ced1;background-color:#001529}.menu-text,.logout-text{font-size:12px;color:#fff}.logout-item{border-top:1px solid #ddd}.logout-item:first-child{border-top:none}@media (max-width: 768px){.trigger{padding:0 16px;font-size:16px}.user-info{flex-direction:row}.user-info-icon,.user-name{display:none}}.logs-content{padding:24px;min-height:280px;background:linear-gradient(135deg,#f0f0f0,#fff);border-radius:15px;box-shadow:0 4px 12px #0000001a}.logs-title{margin-bottom:24px;color:#333;font-weight:700;font-size:24px;text-align:center}.logs-table{width:100%;border-collapse:collapse;border-radius:15px;overflow:hidden}.ant-table-wrapper{border-radius:15px;overflow:hidden;box-shadow:0 6px 20px #0000001a}.ant-table{background-color:#fff;border-radius:15px}.ant-table-thead>tr>th{background-color:#fafafa;color:#333;font-weight:600;text-align:left;padding:16px;border-bottom:2px solid #e8e8e8}.ant-table-tbody>tr>td{padding:16px;border-bottom:1px solid #e8e8e8}.ant-table-tbody>tr:nth-child(odd)>td{background-color:#f9f9f9}.ant-table-tbody>tr:hover>td{background-color:#e6f7ff}.ant-table-pagination{margin-top:24px;text-align:center}.ant-pagination-item-active a{color:#1890ff;font-weight:700}.ant-pagination-item a:hover{color:#40a9ff;font-weight:700}.ant-table-thead>tr>th:first-child,.ant-table-tbody>tr>td:first-child{border-radius:15px 0 0}.ant-table-thead>tr>th:last-child,.ant-table-tbody>tr>td:last-child{border-radius:0 15px 0 0}.ant-table-tbody>tr:last-child>td:first-child{border-radius:0 0 0 15px}.ant-table-tbody>tr:last-child>td:last-child{border-radius:0 0 15px}.container{display:flex;gap:10px;height:750px}.form-side{padding:20px;border-right:1px solid #e0e0e0;background-color:#f9f9f9;box-shadow:0 0 10px #0000001a;width:300px;min-width:100px;display:flex;flex-direction:column;justify-content:space-between;transition:display .3s ease}.form-side.hidden{display:none}.custom-accordion .ant-collapse-content-box{max-height:250px;overflow-y:auto;padding-right:8px}.custom-accordion .ant-collapse-content-box::-webkit-scrollbar{width:6px}.custom-accordion .ant-collapse-content-box::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px}.custom-accordion .ant-collapse-content-box::-webkit-scrollbar-thumb:hover{background:#888}.custom-accordion{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;border:none;overflow:hidden}.custom-panel{border-bottom:1px solid #ddd}.custom-accordion .ant-collapse-header{font-size:16px;font-weight:700;background:#f5f5f5;padding:12px 16px!important;color:#333;transition:all .3s ease-in-out}.custom-accordion .ant-collapse-header:hover{background:#e0e0e0;color:#000}.custom-accordion .ant-collapse-content{background:#fafafa;padding:6px}.table-side{border:2px solid #d9d9d9;padding:16px;border-radius:8px;background-color:#fff;width:100%}.header-row{display:flex;justify-content:space-between;align-items:center;padding:8px;background-color:#fff;border:1px solid #ddd;min-width:200px;overflow:hidden}.sidebar-pagination,.table-pagination{display:flex;justify-content:center;margin-top:20px}.sidebar-pagination .ant-pagination-item{margin:0 5px;border-radius:4px;transition:background-color .3s ease,color .3s ease,transform .3s ease}.sidebar-pagination .ant-pagination-item:hover{background-color:#f5f5f5;transform:scale(1.05)}.sidebar-pagination .ant-pagination-item-active{border-color:#1890ff;font-weight:700;background-color:#e6f7ff;transform:scale(1.1)}.sidebar-pagination .ant-pagination-options{display:flex;align-items:center;margin-left:10px}@media (max-width: 600px){.header-row{font-size:12px;padding:6px}}.action-buttons-container{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-bottom:16px}.refresh-button,.sidebar-toggle-button,.export-button{font-size:12px;border-radius:50%;transition:all .3s ease}.add-item-button{background-color:#1890ff;color:#fff;border:none;box-shadow:0 4px 6px #0000001a}.add-item-button:hover{background-color:#40a9ff;box-shadow:0 6px 12px #00000026}.sidebar-toggle-button{color:#595959}.sidebar-toggle-button{transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .2s ease}.sidebar-toggle-button:hover{background-color:#e6f7ff;color:#40a9ff;border-color:#40a9ff;transform:scale(1.05);box-shadow:0 4px 8px #40a9ff33}.export-button{background-color:#fff;color:#1890ff;box-shadow:0 4px 6px #0000001a}.export-button:hover{background-color:#e6f7ff;color:#40a9ff;box-shadow:0 6px 12px #00000026}.refresh-button{background-color:#fff;color:#1890ff;box-shadow:0 4px 6px #0000001a}.refresh-button:hover{background-color:#e6f7ff;color:#40a9ff;box-shadow:0 6px 12px #00000026}.header-title{font-weight:700;color:#595959;padding:4px 8px;border:1px solid #ddd;border-radius:4px;height:100%;text-transform:uppercase;background-color:#f9f9f9;margin-right:8px;box-shadow:0 1px 2px #0000001a;display:flex;align-items:center}.header-value{height:100%;color:#000;padding-left:12px;font-size:12px;display:flex;align-items:center}.table-side{position:relative;padding:20px;background-color:#fff;box-shadow:0 6px 12px #0000001a;border-radius:3px;overflow:auto;white-space:nowrap;font-size:14px;border:1px solid #dcdcdc}.table-side h3{margin-bottom:20px;font-size:15px;color:#333;font-weight:600;border-bottom:1px solid #eee;padding-bottom:12px}.table-form{margin-top:20px;width:100%;border-radius:12px;border-collapse:collapse;background-color:#f9f9f9;box-shadow:0 4px 10px #0000001a}.table-form th,.table-form td{font-size:15px;text-align:center;vertical-align:middle;padding:18px;border:1px solid #ddd;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease,border .3s ease}.table-form th:not(:last-child),.table-form td:not(:last-child){border-right:1px solid #ddd}.table-form th{background-color:#e6f7ff;color:#333;font-weight:700}.table-form tr:nth-child(2n){background-color:#f5f5f5}@keyframes rowHoverAnimation{0%{background-color:#f9f9f9;transform:translateY(0);box-shadow:0 4px 10px #0000001a}to{background-color:#e6f7ff;transform:translateY(-4px);box-shadow:0 6px 16px #0003}}.table-form tr:hover{animation:rowHoverAnimation .3s ease;cursor:pointer}.table-form tr:focus-within{background-color:#cce5ff;border:2px solid #007bff;outline:none;box-shadow:0 0 10px #007bff80;transition:background-color .3s ease,border .3s ease,box-shadow .3s ease}.table-top{width:100%;overflow-x:auto;font-size:10px;border-collapse:collapse;opacity:0;animation:fadeIn .8s forwards;transition:all .3s ease;border-radius:8px;box-shadow:0 4px 10px #0000001a;background-color:#fff;margin-bottom:20px}.table-top.change-week{opacity:0;transform:translateY(20px);transition:all .4s ease-in-out}.table-top.visible{opacity:1;transform:translateY(0)}.table-top .ant-table-thead>tr>th{font-size:12px;text-align:center;background-color:#f0f4f7;color:#333;padding:5px 8px;border-bottom:1px solid #e0e0e0;font-weight:600;text-transform:uppercase;box-shadow:inset 0 1px 3px #0000000d;transition:background-color .3s,color .3s,transform .3s,box-shadow .3s;border-radius:6px 6px 0 0}.table-top .ant-table-thead>tr>th:hover{background-color:#d0e8ff;color:#1890ff;transform:translateY(-2px);box-shadow:0 4px 6px #00000026}.table-top .ant-table-tbody>tr>td{font-size:12px;text-align:center;padding:6px 8px;border-bottom:1px solid #e0e0e0;background-color:#fff;color:#595959;transition:background-color .3s,box-shadow .3s,transform .3s;text-transform:uppercase}.table-top .ant-table-tbody>tr:nth-child(2n)>td{background-color:#f9fafb}.table-top .ant-table-tbody>tr:hover>td{background-color:#e6f7ff;box-shadow:0 4px 8px #0003;cursor:pointer;transform:scale(1.03);border-radius:4px}.table-top .ant-table-tbody>tr:hover{transform:translate(3px)}.table-top .ant-table-tbody>tr>td{transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.table-top .ant-table-tbody>tr:last-child>td{border-bottom:none}@media (max-width: 768px){.table-top .ant-table-thead>tr>th,.table-top .ant-table-tbody>tr>td{font-size:9px;padding:5px 6px}}@media (max-width: 480px){.table-top .ant-table-thead>tr>th,.table-top .ant-table-tbody>tr>td{font-size:8px;padding:4px 5px;white-space:nowrap}}.sidebar{border:1px solid #d9d9d9;padding:20px;border-radius:8px;background-color:#fff;box-shadow:0 4px 12px #0000001a;margin-top:1px;height:85%;display:flex;flex-direction:column;justify-content:space-between;transition:box-shadow .3s ease;position:relative;overflow:hidden}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #1890ff;border-radius:6px;pointer-events:none;opacity:.7;z-index:1}.sidebar:hover{box-shadow:0 8px 24px #00000026}.week-list{display:flex;flex-direction:column;gap:15px;overflow-y:auto;z-index:2}.week-module{padding:12px;background-color:#fff;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;position:relative;box-shadow:0 2px 6px #0000001a}.week-module:hover{background-color:#e6f7ff;transform:scale(1.02);box-shadow:0 4px 12px #00000026}.week-module.active{background-color:#fff;color:#333;border-left:3px solid #1890ff}.week-label{font-size:16px;color:#333;font-weight:600;margin-bottom:4px}.week-count{font-size:14px;color:#595959;font-weight:500}.item-count{font-size:14px;color:#1890ff;font-weight:700}.total-table{margin-top:30px;width:100%;font-size:12px}.total-table th,.total-table td{text-align:left;padding:10px;border-bottom:1px solid #ddd;background-color:#f9f9f9}.total-table th{font-weight:700;color:#595959}.total-table td{color:#333;font-weight:400}.loading-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#fffc;border-radius:8px;box-shadow:0 4px 8px #0000001a}.loading-container .spinner{border:4px solid rgba(0,0,0,.1);border-top:4px solid #1890ff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-input{width:35%;margin-right:16px;border-radius:5px;box-shadow:0 2px 10px #0000001a;border:1px solid #d9d9d9;background-color:#fff;transition:border-color .3s ease,box-shadow .3s ease}.search-input:hover{border-color:#09c;box-shadow:0 4px 15px #09c3}.search-input input{padding:10px 12px;border:none;outline:none;border-radius:5px;font-size:14px;color:#333;transition:background-color .3s ease}.search-input input::placeholder{color:#aaa;opacity:1}.search-input input:hover{background-color:#f9f9f9}.total-section{display:flex;justify-content:space-between;align-items:center;padding:10px 0;margin-bottom:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;position:relative;transition:background-color .3s ease}.total-section:hover{background-color:#f1f1f1}.total-item{flex:1;text-align:center;font-size:12px;color:#555;padding:6px 10px;border-radius:6px;background:linear-gradient(to bottom,#fff,#f3f3f3);transition:background-color .3s ease,color .3s ease,transform .2s ease,box-shadow .2s ease;cursor:pointer;position:relative;overflow:hidden}.total-item strong{font-weight:600;color:#333;font-size:12px}.total-item:hover{color:#222;background-color:#e0e0e0;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.total-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:3px;background:linear-gradient(90deg,#09c,#0f9);border-radius:2px;opacity:.8;z-index:1}.no-data-message{display:flex;justify-content:center;align-items:center;height:100vh;font-size:14px;color:#555;background-color:#f9f9f9;border:2px dashed #ccc;border-radius:10px;padding:20px;text-align:center;box-shadow:0 4px 10px #0000001a}.delivery-plan-total-item{display:flex;justify-content:space-between;margin-bottom:6px}.delivery-plan-total-item span:first-child{color:#555;font-size:12px}.delivery-plan-total-item span:last-child{color:#222;font-size:13px;font-weight:600}.total-divider{margin:6px 0;border-top:1px solid #ddd}.priority-label{display:inline-block;padding:4px 8px;border:2px solid;border-radius:4px;font-weight:700;width:100%}.priority-forecast{border-color:#ff8c00;color:#ff8c00}.priority-confirmed{border-color:green;color:green}.priority-backlog{border-color:#8b0000;color:#8b0000}.priority-default{border-color:#000;color:#000}.priority-no-value{border:none;color:gray}.jo-status{display:inline-block;padding:4px 8px;border-radius:4px;width:100%;font-weight:700}.jo-status.open{border:2px solid green;color:green}.jo-status.closed{border:2px solid red;color:red}.jo-status.default{border:2px solid black;color:#000}.jo-status.no-value{border:none;color:gray}:root{--primary-color: #1890ff;--primary-color-hover: #40a9ff;--success-color: #52c41a;--success-color-hover: #73d13d;--danger-color: #ff4d4f;--danger-color-hover: #ff7875;--modal-header-bg: #fafafa;--modal-border-color: #e8e8e8;--text-color: #fff;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--transition-speed: .3s}.action-buttons-container{display:flex;align-items:center;margin-bottom:16px;gap:8px}.search-input{flex:1;font-family:var(--font-family)}.export-button{margin-left:8px}.custom-confirm-button{border-radius:5px;font-weight:700;background-color:var(--primary-color);color:var(--text-color);border:none;padding:8px 16px;transition:background-color var(--transition-speed);font-family:var(--font-family);box-shadow:0 2px 4px #0000001a}.custom-confirm-button:hover{background-color:var(--primary-color-hover)}.custom-confirm-button.active{background-color:var(--success-color)}.custom-confirm-button.active:hover{background-color:var(--success-color-hover)}.custom-cancel-button{border-radius:5px;font-weight:700;background-color:var(--danger-color);color:var(--text-color);border:none;padding:8px 16px;transition:background-color var(--transition-speed);font-family:var(--font-family);box-shadow:0 2px 4px #0000001a}.custom-cancel-button:hover{background-color:var(--danger-color-hover)}.button-icon{margin-right:6px}.sidebar-toggle-button,.refresh-button{margin-left:8px}.total-section{margin:16px 0;display:flex;gap:24px;font-family:var(--font-family)}.table-top,.table-pagination{margin-top:16px}.modal-title{display:flex;align-items:center;font-size:18px;font-family:var(--font-family);color:#333}.modal-icon{margin-right:8px;color:var(--success-color)}.custom-confirm-modal .ant-modal-header{background-color:var(--modal-header-bg);border-bottom:1px solid var(--modal-border-color);box-shadow:0 2px 8px #0000000d}.remarks-textarea{margin-top:16px;font-family:var(--font-family)}button{cursor:pointer}:root{--font-family: "Roboto", Arial, sans-serif;--font-weight-normal: 400;--font-weight-bold: 600;--small-font-size: 10px;--modal-bg: linear-gradient(to right, #fff, #f7f7f7);--modal-hover-scale: 1.02;--modal-shadow: 0 8px 24px rgba(0, 0, 0, .15);--modal-hover-shadow: 0 10px 30px rgba(0, 0, 0, .2);--modal-padding: 16px;--select-border: #40a9ff;--select-hover-border: #1890ff;--select-hover-shadow: rgba(24, 144, 255, .3);--title-font-size: 24px;--title-color: #333;--title-text-shadow: 1px 1px 2px rgba(0, 0, 0, .1);--icon-color: #1890ff;--icon-hover-color: #40a9ff;--section-spacing: 24px;--subtable-title-size: 16px;--subtable-title-color: #444;--subtable-title-border: #f0f0f0;--thead-bg: linear-gradient(to bottom, #f7f7f7, #eaeaea);--thead-hover-bg: #ddeeff;--thead-padding: 8px 16px;--thead-border: #eaeaea;--tbody-padding: 8px 16px;--tbody-font-size: 12px;--tbody-color: #555;--tbody-hover-bg: #f0faff;--tbody-border-bottom: #f0f0f0;--row-alt-bg: #fafafa;--table-border: #eaeaea;--table-radius: 4px;--table-margin-top: 8px;--table-hover-scale: 1.01;--icon-transition: .3s ease;--icon-animation-duration: .5s ease-out;--section-header-bg: linear-gradient(to right, #fcfcfc, #f3f3f3);--section-header-padding: 8px 12px;--section-header-shadow: 0 2px 6px rgba(0, 0, 0, .1)}body{font-family:var(--font-family);font-weight:var(--font-weight-normal);margin:0;color:#333}.remarks-modal .ant-modal-content{background:var(--modal-bg);border-radius:var(--table-radius);box-shadow:var(--modal-shadow);padding:var(--modal-padding);transition:transform .3s ease,box-shadow .3s ease;font-family:var(--font-family)}.remarks-modal .ant-modal-content:hover{transform:scale(var(--modal-hover-scale));box-shadow:var(--modal-hover-shadow)}.remarks-modal-header{margin-bottom:var(--modal-padding);display:flex;align-items:center}.remarks-select .ant-select-selector{border-radius:var(--table-radius);border:1px solid var(--select-border);transition:border-color .3s ease,box-shadow .3s ease}.remarks-select .ant-select-selector:hover{border-color:var(--select-hover-border);box-shadow:0 2px 4px var(--select-hover-shadow)}.remarks-select .ant-select-selector:focus,.remarks-select .ant-select-selector:active{outline:none;box-shadow:0 0 0 2px var(--select-hover-border)}.remarks-title{font-size:var(--title-font-size);font-weight:var(--font-weight-bold);color:var(--title-color);text-shadow:var(--title-text-shadow);margin:0 0 var(--modal-padding) 0;display:flex;align-items:center;letter-spacing:.5px}.remarks-title .anticon{font-size:var(--title-font-size);margin-right:8px;color:var(--icon-color);transition:color .3s ease}.remarks-title .anticon:hover{color:var(--icon-hover-color)}.remarks-section{margin-bottom:var(--section-spacing)}.subtable-title{font-size:var(--subtable-title-size);font-weight:var(--font-weight-bold);color:var(--subtable-title-color);margin:0 0 8px;border-bottom:2px solid var(--subtable-title-border);padding-bottom:4px;display:flex;align-items:center;gap:4px}.remarks-table .ant-table-thead>tr>th{background:var(--thead-bg);font-weight:var(--font-weight-bold);padding:var(--thead-padding);border-bottom:2px solid var(--thead-border);text-align:center;text-transform:uppercase;white-space:nowrap;transition:background-color .3s ease}.remarks-table .ant-table-thead>tr>th:hover{background-color:var(--thead-hover-bg)}.remarks-table .ant-table-tbody>tr>td{padding:var(--tbody-padding);font-size:var(--tbody-font-size);color:var(--tbody-color);text-align:center;border-bottom:1px solid var(--tbody-border-bottom);transition:background-color .3s ease,transform .3s ease}.remarks-table .ant-table-tbody>tr:hover>td{background-color:var(--tbody-hover-bg);transform:translateY(-1px)}.remarks-table .ant-table-tbody>tr:nth-child(2n){background-color:var(--row-alt-bg)}.remarks-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.remarks-table{border:1px solid var(--table-border);border-radius:var(--table-radius);overflow:hidden;margin-top:var(--table-margin-top);transition:transform .3s ease}.remarks-table:hover{transform:scale(var(--table-hover-scale))}.subtable-icon{transition:transform var(--icon-transition),color var(--icon-transition);animation:iconFadeIn var(--icon-animation-duration)}.subtable-icon:hover{transform:scale(1.2) rotate(10deg);color:var(--icon-hover-color)}@keyframes iconFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:var(--section-header-padding);background:var(--section-header-bg);border-radius:var(--table-radius);box-shadow:var(--section-header-shadow)}.remarks-table .ant-table-tbody>tr:hover{cursor:pointer;opacity:.95}.btn-compact{font-family:var(--font-family);font-size:12px;padding:4px 8px;border:none;border-radius:var(--table-radius);background:var(--select-border);color:#fff;text-transform:uppercase;letter-spacing:.3px;transition:background .3s ease,transform .2s ease}.btn-compact:hover{background:var(--select-hover-border);transform:translateY(-1px)}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.p-0{padding:0!important}.text-center{text-align:center!important}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 600px){:root{--title-font-size: 20px;--modal-padding: 8px;--section-spacing: 16px;--thead-padding: 6px 12px;--tbody-padding: 6px 12px}}.send-email-modal{width:100%;max-width:500px;border-radius:12px;box-shadow:0 8px 30px #0000001a;background:#fff;transform:translateY(-15px);opacity:0;animation:slideIn .5s ease-out forwards;padding:25px;font-family:Arial,sans-serif;color:#444}.send-email-modal .ant-modal-title{font-size:22px;font-weight:700;text-align:center;color:#333;margin-bottom:20px;padding-bottom:8px;border-bottom:1px solid #e0e0e0;letter-spacing:.5px}.send-email-modal .ant-modal-body{padding:20px}.email-form{display:flex;flex-direction:column;gap:18px}.form-item label{font-weight:600;color:#555;font-size:14px}.email-input,.message-input{border-radius:8px;font-size:15px;padding:12px;border:1px solid #e4e4e4;background-color:#f9f9f9;transition:all .3s ease;color:#333}.email-input:focus,.message-input:focus{border-color:#1a73e8;box-shadow:0 0 8px #1a73e84d;background-color:#fff}.cancel-button,.send-button{border:none;color:#fff;font-weight:600;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease;letter-spacing:1px}.cancel-button{background-color:#ff4d4f}.cancel-button:hover{background-color:#d9363e;transform:scale(1.05)}.send-button{background-color:#1a73e8}.send-button:hover{background-color:#1767d1;transform:scale(1.05)}.send-email-modal .email-input-container{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px;background-color:#f4f4f4;border-radius:8px}.send-email-modal .email-tag{background-color:#eaf4fd;color:#1a73e8;font-size:10.5px;padding:2px 6px;border-radius:16px}.send-email-modal .email-input{flex:1;border:none;background:none;font-size:11px;padding:6px}.send-email-modal .email-input:focus{outline:none}.send-email-modal .message-input{height:120px;font-size:16px}.more-tooltip{cursor:pointer;color:#1a73e8;transition:color .3s}.more-tooltip:hover{color:#1767d1}.email-actions{display:flex;gap:8px;align-items:center;margin-top:8px}.select-all-btn,.clear-selection-btn{display:flex;align-items:center;justify-content:center;padding:4px 8px}@keyframes slideIn{to{transform:translateY(0);opacity:1}}.delivery-plan-modal{width:600px;padding:20px;border-radius:8px}.delivery-plan-modal-title{font-size:24px;font-weight:700;text-align:center;margin-bottom:20px}.delivery-plan-form{display:flex;flex-direction:column}.delivery-plan-form-item{margin-bottom:20px}.delivery-plan-select{width:100%;border-radius:6px;padding:10px;font-size:16px}.delivery-plan-button{width:100%;background-color:#1890ff;color:#fff;padding:12px;border-radius:6px;font-size:16px;font-weight:700;transition:background-color .3s ease}.delivery-plan-button:hover{background-color:#40a9ff}.delivery-plan-button[disabled]{background-color:#d9d9d9;color:#bfbfbf}.edit-delivery-plan-modal{max-width:600px;border-radius:16px;padding:24px;background-color:#f5f7f9}.edit-delivery-plan-modal .ant-modal-content{border-radius:16px;box-shadow:0 8px 24px #0000001f;background-color:#fff;padding:24px}.edit-delivery-plan-modal .ant-modal-header{border-bottom:none;text-align:center;background-color:#e6ecf1;padding:20px;border-radius:16px 16px 0 0}.edit-delivery-plan-modal .ant-modal-title{font-size:1rem;font-weight:600;color:#222}.edit-delivery-plan-modal .ant-modal-footer{border-top:none;padding:16px 24px;display:flex;justify-content:flex-end;background-color:#e6ecf1;border-radius:0 0 16px 16px}.edit-delivery-plan-loading{display:flex;justify-content:center;align-items:center;height:200px;background-color:#f5f7f9}.delivery-edit-input-number{width:100%!important}.cs-remarks-modal{font-family:Arial,sans-serif}.cs-remarks-modal .ant-modal-title{font-size:22px;font-weight:700;color:#333;text-align:center}.cs-table-header{font-size:15px;font-weight:700;color:#007bff;margin-bottom:15px;border-bottom:2px solid #007bff;padding-bottom:5px;display:flex;align-items:center;gap:10px;text-transform:uppercase;margin-top:20px}.cs-remarks-modal .ant-btn{border-radius:8px;font-size:14px;padding:5px 12px}.cs-remarks-modal .ant-btn-primary{background-color:#007bff;border-color:#007bff;transition:.3s}.cs-remarks-modal .ant-btn-primary:hover{background-color:#0056b3;border-color:#0056b3}.cs-remarks-modal .ant-tooltip-inner{font-size:14px}.cs-remarks-modal .ant-descriptions-view{border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:10px}.cs-remarks-modal .ant-table{border-radius:10px;box-shadow:0 2px 10px #0000001a}.cs-remarks-modal .ant-table-thead>tr>th{background-color:#007bff!important;color:#fff!important;font-weight:700;text-align:center;text-transform:uppercase;font-size:11px}.cs-remarks-modal .ant-table-tbody>tr:hover{background-color:#f1f1f1!important;transition:.3s;font-size:11px}.cs-zoom-controls{display:flex;gap:10px;margin-bottom:10px}.cs-zoom-controls .ant-btn{background-color:#f8f9fa;border:1px solid #ccc;transition:.3s}.cs-zoom-controls .ant-btn:hover{background-color:#e2e6ea}@media (max-width: 768px){.cs-table-header{font-size:18px}}.weekly-schedule-table{margin-top:20px;border:1px solid #ddd;border-radius:8px;overflow:hidden}.weekly-schedule-table .ant-table{border-radius:8px}.weekly-schedule-table .ant-table-thead>tr>th{background-color:#f5f5f5;text-align:center;font-weight:700;padding:12px}.weekly-schedule-table .ant-table-tbody>tr>td{text-align:center;padding:10px;font-size:14px}.weekly-schedule-table .ant-tooltip{font-size:12px}.weekly-schedule-table .ant-table-tbody>tr:hover{background-color:#f0faff}.weekly-schedule-header{font-size:18px;font-weight:700;margin-top:15px;text-align:center;color:#333}.delivery-plan-add-item-modal{padding:10px;background-color:#f4f4f4;border-radius:10px;box-shadow:0 4px 12px #00000026;width:100%}.table-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.table-actions .ant-input-affix-wrapper{width:250px}.table-actions .ant-btn-default{background-color:#fff;border-color:#d9d9d9;transition:background-color .3s ease,border-color .3s ease}.table-actions .ant-btn-default:hover{background-color:#f0f0f0;border-color:#1890ff}.custom-table .ant-table-thead>tr>th{background-color:#fafafa;font-weight:600;font-size:14px;color:#595959;text-align:center;padding:10px;white-space:nowrap}.custom-table .ant-table-tbody>tr>td{background-color:#fff;text-align:center;padding:8px;white-space:nowrap}.custom-table .ant-table-tbody>tr:hover>td{background-color:#e6f7ff}.actions{margin-top:20px;text-align:right}.actions .ant-btn-primary{background-color:#1890ff;border-color:#1890ff;color:#fff;padding:6px 16px;font-size:14px;transition:background-color .3s ease,border-color .3s ease}.actions .ant-btn-primary:hover{background-color:#40a9ff;border-color:#40a9ff}.actions .ant-btn-primary:focus{background-color:#0050b3;border-color:#0050b3}@media (min-width: 1200px){.delivery-plan-add-item-modal{max-width:1600px}}@media (max-width: 768px){.delivery-plan-add-item-modal{width:95%;padding:10px}.table-actions .ant-input-affix-wrapper{width:100%}.table-actions{flex-direction:column;align-items:flex-start}.actions{margin-top:10px;width:100%}.actions .ant-btn-primary{width:100%}}.table-actions .search-input{width:250px;border-radius:4px;padding:5px;transition:all .3s ease}.table-actions .search-input:hover,.table-actions .search-input:focus{border-color:#1890ff;box-shadow:0 0 5px #1890ff80}.table-actions .sync-button{background-color:#fff;border-color:#d9d9d9;color:#595959;border-radius:4px;transition:all .3s ease}.table-actions .sync-button:hover{background-color:#f0f0f0;border-color:#1890ff;color:#1890ff}.table-actions .sync-button:focus{background-color:#fff;border-color:#0050b3;color:#0050b3}@media (max-width: 768px){.table-actions .search-input{width:100%}.table-actions .sync-button{width:100%;margin-top:10px}}