@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-layout{min-height:100vh;background:#fff}.login-content{display:flex;align-items:center;justify-content:center;min-height:100vh;position:relative;overflow:hidden;padding:20px}.login-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);z-index:0}.login-bg-shape{position:absolute;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);animation:float 20s ease-in-out infinite}.login-bg-shape-1{width:600px;height:600px;top:-300px;right:-200px;animation-delay:0s}.login-bg-shape-2{width:400px;height:400px;bottom:-150px;left:-100px;animation-delay:5s}.login-bg-shape-3{width:500px;height:500px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.login-card-wrapper{position:relative;z-index:10;display:flex;gap:60px;align-items:center;max-width:1100px;width:100%;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.login-card{background:#1e293b40;border-radius:24px;padding:48px 40px;width:100%;max-width:460px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #fff3;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.25);transition:transform .3s ease,box-shadow .3s ease}.login-card:hover{transform:translateY(-4px);box-shadow:0 24px 70px #00000059,0 0 0 1px #ffffff4d}.login-brand{text-align:center;margin-bottom:40px}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;margin-bottom:24px;box-shadow:0 10px 30px #667eea66,inset 0 1px #ffffff4d;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-logo-icon{font-size:36px;color:#fff}.login-title{margin:0 0 8px;font-size:32px;font-weight:700;color:#fff!important;letter-spacing:-.5px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.login-subtitle{display:block;font-size:15px;color:#ffffffe6;font-weight:400;line-height:1.6;text-shadow:0 1px 4px rgba(0,0,0,.15)}.login-form{margin-top:32px}.login-form .ant-form-item{margin-bottom:24px}.login-form-label{font-size:14px;font-weight:600;color:#fff;display:block;margin-bottom:8px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.login-input{border-radius:12px;border:2px solid rgba(255,255,255,.3);padding:12px 16px 12px 44px;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fffffff2;height:52px;color:#1e293b}.login-input:hover{border-color:#ffffff80;background:#fff}.login-input:focus,.login-input.ant-input-focused{border-color:#fff;background:#fff;box-shadow:0 0 0 4px #fff3}.login-input::placeholder{color:#94a3b8;font-weight:400}.ant-input-password.login-input{padding:0 16px 0 44px;background:#fffffff2}.ant-input-password.login-input .ant-input{background:transparent;padding:12px 0;font-size:15px;color:#1e293b}.ant-input-password.login-input:hover,.ant-input-password.login-input.ant-input-affix-wrapper-focused{background:#fff;border-color:#fff}.login-input-icon{color:#64748b;font-size:18px;transition:color .3s}.ant-input-focused .login-input-icon,.ant-input-affix-wrapper-focused .login-input-icon{color:#667eea}.login-form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.login-checkbox{font-size:14px;color:#fffffff2;text-shadow:0 1px 3px rgba(0,0,0,.2)}.login-checkbox .ant-checkbox-inner{border-radius:6px;width:18px;height:18px;border:2px solid rgba(255,255,255,.5);background:#fff3;transition:all .3s}.login-checkbox .ant-checkbox-checked .ant-checkbox-inner{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#fff}.login-forgot-link{font-size:14px;color:#fff;font-weight:600;text-decoration:none;transition:all .2s;position:relative;text-shadow:0 1px 3px rgba(0,0,0,.2)}.login-forgot-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#fff;transition:width .3s ease}.login-forgot-link:hover{color:#fff;opacity:.8}.login-forgot-link:hover:after{width:100%}.login-submit-wrapper{margin-bottom:0}.login-button{height:52px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;font-size:16px;font-weight:600;letter-spacing:.3px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #0000004d,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.login-button:hover:before{left:100%}.login-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0006,inset 0 1px #fff6}.login-button:active{transform:translateY(0);box-shadow:0 6px 20px #0000004d,inset 0 1px #ffffff4d}.login-button:focus{box-shadow:0 0 0 4px #ffffff4d,0 8px 24px #0000004d}.login-button .anticon{font-size:18px}.login-button.ant-btn-loading{opacity:.8}.login-footer{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2);text-align:center}.login-footer-text{display:inline-flex;align-items:center;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.2)}.login-features{flex:1;max-width:400px;padding:40px;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 60px #0000001a}.login-feature-item{display:flex;gap:16px;align-items:flex-start}.login-feature-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fffffff2;border-radius:12px;font-size:20px;color:#667eea;box-shadow:0 4px 12px #0000001a;flex-shrink:0}.login-feature-content{flex:1}.login-feature-title{display:block;font-size:16px;color:#fff;margin-bottom:6px;font-weight:600}.login-feature-desc{display:block;font-size:14px;color:#ffffffd9;line-height:1.6}.login-form .ant-form-item-explain-error{margin-top:8px;font-size:13px;color:#fca5a5;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.3)}.login-form .ant-form-item-has-error .login-input{border-color:#fca5a5;background:#fef2f2f2}.login-form .ant-form-item-has-error .login-input:focus{border-color:#fca5a5;box-shadow:0 0 0 4px #fca5a533}@media (max-width: 1024px){.login-card-wrapper{gap:40px}.login-features{max-width:320px}}@media (max-width: 768px){.login-card-wrapper{flex-direction:column;gap:30px}.login-features{max-width:100%;width:100%}.login-card{max-width:100%;padding:40px 32px}.login-title{font-size:28px}.login-bg-shape-1{width:400px;height:400px}.login-bg-shape-2{width:300px;height:300px}.login-bg-shape-3{width:350px;height:350px}}@media (max-width: 480px){.login-content{padding:16px}.login-card{padding:32px 24px}.login-title{font-size:24px}.login-logo{width:64px;height:64px}.login-logo-icon{font-size:32px}.login-input{font-size:14px;height:48px}.login-button{height:48px;font-size:15px}.login-form-options{flex-direction:column;gap:12px;align-items:flex-start}.login-features{padding:32px 24px}.login-feature-icon{width:44px;height:44px;font-size:18px}}.login-input:focus-visible,.login-button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}@media print{.login-background,.login-features{display:none}.login-card{box-shadow:none;border:1px solid #e2e8f0}}.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}:root{--primary-gradient: linear-gradient( 135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100% );--primary-color: #6366f1;--primary-light: #818cf8;--text-primary: #0f172a;--text-secondary: #64748b;--text-tertiary: #94a3b8;--border-color: #e2e8f0;--border-hover: #cbd5e1;--bg-subtle: #f8fafc;--bg-white: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}.user-form-modal .ant-modal-content{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg),0 0 0 1px #00000008;border:1px solid rgba(255,255,255,.8);background:var(--bg-white)}.user-form-modal .ant-modal-header{border-bottom:1px solid var(--border-color);padding:28px 36px 24px;background:linear-gradient(to bottom,#fafbfc,#fff)}.user-form-modal .ant-modal-body{padding:28px 36px 36px;background:var(--bg-white)}.user-form-modal .ant-modal-close{top:24px;right:24px;width:36px;height:36px}.user-form-modal .ant-modal-close-x{width:36px;height:36px;line-height:36px;font-size:14px;color:var(--text-tertiary);transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.user-form-modal .ant-modal-close-x:hover{color:var(--text-primary);background:var(--bg-subtle);transform:scale(1.05)}.user-form-modal .ant-modal-close-x:active{transform:scale(.98)}.user-form-header{display:flex;align-items:center;gap:18px}.user-form-icon-wrapper{width:48px;height:48px;border-radius:12px;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #6366f133,0 0 0 4px #6366f10d;position:relative;overflow:hidden}.user-form-icon-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);animation:iconShimmer 3s ease-in-out infinite}@keyframes iconShimmer{0%,to{transform:translate(0);opacity:0}50%{transform:translate(20%,20%);opacity:1}}.user-form-icon{color:#fff;font-size:20px;position:relative;z-index:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.user-form-title-wrapper{flex:1;display:flex;flex-direction:column;gap:4px}.user-form-title{margin:0!important;font-size:18px!important;font-weight:700!important;color:var(--text-primary)!important;line-height:1.3!important;letter-spacing:-.02em!important}.user-form-subtitle{font-size:13px!important;color:var(--text-secondary)!important;display:block;line-height:1.4!important;font-weight:400!important}.user-form{margin-top:4px}.user-form .ant-form-item{margin-bottom:24px}.user-form .ant-form-item:last-child{margin-bottom:0}.user-form-label{font-size:13px;font-weight:600;color:var(--text-primary);display:block;margin-bottom:10px;letter-spacing:-.01em}.user-form-input{border-radius:var(--radius-md);border:1.5px solid var(--border-color);font-size:14px;transition:all .25s cubic-bezier(.4,0,.2,1);background:var(--bg-white);height:44px;padding:10px 14px;box-shadow:var(--shadow-sm);font-weight:400}.user-form-input:hover{border-color:var(--border-hover);box-shadow:0 2px 6px #0000000a}.user-form-input:focus,.user-form-input.ant-input-focused{border-color:var(--primary-color);background:var(--bg-white);box-shadow:0 0 0 4px #6366f114,0 2px 8px #6366f11a;transform:translateY(-1px)}.user-form-input::placeholder{color:var(--text-tertiary);font-size:13px;font-weight:400}.ant-input-password.user-form-input{padding:0 14px;background:var(--bg-white);display:flex;align-items:center}.ant-input-password.user-form-input .ant-input{background:transparent;font-size:14px;height:100%;padding:0}.ant-input-password.user-form-input:hover{border-color:var(--border-hover);box-shadow:0 2px 6px #0000000a}.ant-input-password.user-form-input.ant-input-affix-wrapper-focused{border-color:var(--primary-color);background:var(--bg-white);box-shadow:0 0 0 4px #6366f114,0 2px 8px #6366f11a;transform:translateY(-1px)}.ant-input-password.user-form-input .ant-input-suffix{display:flex;align-items:center}.user-form-input-icon{color:var(--text-tertiary);font-size:16px;transition:all .25s cubic-bezier(.4,0,.2,1)}.ant-input-focused .user-form-input-icon,.ant-input-affix-wrapper-focused .user-form-input-icon{color:var(--primary-color);transform:scale(1.05)}.user-form-select .ant-select-selector{border-radius:var(--radius-md)!important;border:1.5px solid var(--border-color)!important;background:var(--bg-white)!important;height:44px!important;padding:0 14px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;display:flex!important;align-items:center!important;box-shadow:var(--shadow-sm)!important}.user-form-select:hover .ant-select-selector{border-color:var(--border-hover)!important;box-shadow:0 2px 6px #0000000a!important}.user-form-select.ant-select-focused .ant-select-selector{border-color:var(--primary-color)!important;background:var(--bg-white)!important;box-shadow:0 0 0 4px #6366f114,0 2px 8px #6366f11a!important;transform:translateY(-1px)!important}.user-form-select .ant-select-selection-placeholder{color:var(--text-tertiary);font-size:13px;display:flex;align-items:center;font-weight:400}.user-form-select .ant-select-selection-item{display:flex;align-items:center;font-weight:400}.user-form-select .ant-select-arrow{color:var(--text-tertiary);transition:all .25s cubic-bezier(.4,0,.2,1)}.user-form-select.ant-select-focused .ant-select-arrow{color:var(--primary-color)}.user-form-select-option{display:flex;align-items:center;gap:14px;padding:2px 0}.option-icon{font-size:18px;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.05))}.option-icon-admin{color:#10b981}.option-icon-super{color:#3b82f6}.option-icon-user{color:#f59e0b}.option-icon-handler{color:#8b5cf6}.option-content{flex:1;display:flex;flex-direction:column;gap:3px}.option-title{font-weight:600;font-size:14px;color:var(--text-primary);line-height:1.3;letter-spacing:-.01em}.option-desc{font-size:12px;color:var(--text-secondary);line-height:1.3;font-weight:400}.ant-select-dropdown{border-radius:var(--radius-md);box-shadow:var(--shadow-lg),0 0 0 1px #00000008;border:1px solid rgba(0,0,0,.05);padding:6px;background:var(--bg-white)}.ant-select-item{padding:12px 14px;border-radius:var(--radius-sm);margin:0 0 2px;transition:all .2s cubic-bezier(.4,0,.2,1)}.ant-select-item:last-child{margin-bottom:0}.ant-select-item-option-selected{background:linear-gradient(135deg,#6366f114,#8b5cf60d);border:1px solid rgba(99,102,241,.1)}.ant-select-item-option-active{background:var(--bg-subtle);transform:translate(2px)}.user-form-divider{margin:28px 0;border-top:1px solid var(--border-color);position:relative}.user-form-divider:before{content:"";position:absolute;top:-1px;left:0;width:60px;height:1px;background:linear-gradient(90deg,var(--primary-color) 0%,transparent 100%)}.user-form-divider-text{font-size:12px!important;color:var(--text-secondary)!important;font-weight:600!important;padding:0 14px;background:var(--bg-white);letter-spacing:.02em;text-transform:uppercase}.user-form-footer-divider{margin:32px 0 0;border-top:1px solid var(--border-color)}.user-form-extra{font-size:12px!important;color:var(--text-secondary)!important;margin-top:8px;display:flex;align-items:center;gap:6px;line-height:1.5;font-weight:400}.user-form-extra:before{content:"ℹ";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#6366f11a;color:var(--primary-color);border-radius:50%;font-size:10px;font-weight:700;flex-shrink:0}.user-form .ant-form-item-explain-error{font-size:12px;color:#ef4444;margin-top:8px;font-weight:500;display:flex;align-items:center;gap:6px}.user-form .ant-form-item-explain-error:before{content:"⚠";font-size:12px}.user-form .ant-form-item-has-error .user-form-input{border-color:#ef4444;background:#fef2f2;animation:errorShake .4s cubic-bezier(.4,0,.2,1)}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.user-form .ant-form-item-has-error .user-form-input:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef444414}.user-form .ant-form-item-has-error .ant-select-selector{border-color:#ef4444!important;background:#fef2f2!important}.user-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:28px}.user-form-btn-cancel{min-width:110px;height:44px;border-radius:var(--radius-md);border:1.5px solid var(--border-color);font-weight:600;font-size:14px;color:var(--text-secondary);background:var(--bg-white);transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);letter-spacing:-.01em}.user-form-btn-cancel:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-subtle);transform:translateY(-1px);box-shadow:0 4px 10px #0000000f}.user-form-btn-cancel:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.user-form-btn-cancel:focus{border-color:var(--primary-color);color:var(--text-primary);box-shadow:0 0 0 4px #6366f114}.user-form-btn-submit{min-width:130px;height:44px;border-radius:var(--radius-md);font-weight:700;font-size:14px;background:var(--primary-gradient);border:none;box-shadow:0 4px 12px #6366f140,0 1px 3px #0000001a;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;letter-spacing:-.01em}.user-form-btn-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s cubic-bezier(.4,0,.2,1)}.user-form-btn-submit:hover:before{left:100%}.user-form-btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f159,0 2px 6px #00000026}.user-form-btn-submit:active{transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.user-form-btn-submit:focus{box-shadow:0 0 0 4px #6366f126,0 4px 12px #6366f140}.user-form-btn-submit .anticon{font-size:15px;margin-right:-2px}.user-form-btn-submit.ant-btn-loading{opacity:.85;cursor:wait;pointer-events:none}.user-form-btn-submit.ant-btn-loading .anticon{animation:spin 1s linear infinite}@media (max-width: 576px){.user-form-modal{width:calc(100vw - 20px)!important;max-width:100%;margin:10px auto}.user-form-modal .ant-modal-header{padding:24px 24px 20px}.user-form-modal .ant-modal-body{padding:24px 24px 28px}.user-form-modal .ant-modal-close{top:20px;right:20px}.user-form-header{gap:14px}.user-form-icon-wrapper{width:44px;height:44px}.user-form-icon{font-size:18px}.user-form-title{font-size:16px!important}.user-form-subtitle{font-size:12px!important}.user-form .ant-form-item{margin-bottom:20px}.user-form-actions{flex-direction:column-reverse;gap:10px;margin-top:24px}.user-form-btn-cancel,.user-form-btn-submit{width:100%;min-width:unset}}.user-form-input:focus-visible,.user-form-btn-cancel:focus-visible,.user-form-btn-submit:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.user-form-modal .ant-modal{animation:modalEntrance .3s cubic-bezier(.4,0,.2,1)}@keyframes modalEntrance{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-form .ant-form-item{transition:opacity .25s cubic-bezier(.4,0,.2,1)}.user-form-input,.user-form-select .ant-select-selector,.user-form-btn-cancel,.user-form-btn-submit{will-change:transform,box-shadow}.user-form-modal .ant-modal-mask{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073}.users-page{padding:20px;background:#f5f7fa;min-height:100vh}.page-header{background:#fff;border-radius:8px;padding:16px 20px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000000d;border:1px solid #e8edf2;gap:20px}.header-main{display:flex;align-items:center;gap:14px;flex:1}.header-icon{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #667eea33}.header-content{display:flex;flex-direction:column;gap:2px}.header-title{font-size:18px;font-weight:600;color:#1a202c;margin:0;line-height:1.3}.header-breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:#718096}.breadcrumb-link{display:inline-flex;align-items:center;gap:4px;color:#667eea;text-decoration:none;transition:color .2s;font-weight:500}.breadcrumb-link:hover{color:#764ba2}.breadcrumb-separator{color:#cbd5e0;margin:0 2px}.breadcrumb-current{color:#4a5568;font-weight:500}.header-stats{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:8px 14px;background:#f7fafc;border-radius:6px;border:1px solid #e2e8f0;min-width:110px}.stats-label{font-size:10px;font-weight:600;color:#718096;letter-spacing:.5px}.stats-value{font-size:22px;font-weight:700;color:#667eea;line-height:1}.action-bar{background:#fff;border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 1px 3px #0000000d;border:1px solid #e8edf2}.search-input{flex:1;max-width:400px;height:36px;border-radius:6px;border:1px solid #e2e8f0;font-size:14px}.search-input:hover{border-color:#cbd5e0}.search-input:focus,.search-input.ant-input-affix-wrapper-focused{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input .anticon{color:#667eea}.action-buttons{display:flex;gap:8px}.action-bar .ant-btn{height:36px;border-radius:6px;font-weight:500;font-size:14px;padding:0 16px;border:1px solid #e2e8f0;transition:all .2s}.action-bar .ant-btn:not(.ant-btn-primary){background:#fff;color:#4a5568}.action-bar .ant-btn:not(.ant-btn-primary):hover{border-color:#667eea;color:#667eea}.action-bar .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;box-shadow:0 2px 6px #667eea40}.action-bar .ant-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 10px #667eea59}.table-wrapper{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d;border:1px solid #e8edf2}.users-table .ant-table{font-size:14px}.users-table .ant-table-thead>tr>th{background:#f7fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-weight:600;font-size:11px;color:#718096;text-transform:uppercase;letter-spacing:.5px}.users-table .ant-table-tbody>tr>td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#2d3748}.users-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.users-table .ant-table-tbody>tr:hover>td{background:#f7fafc}.id-cell{font-size:13px;color:#3b82f6;font-weight:600}.name-cell{display:flex;align-items:center;gap:10px}.user-avatar{width:32px;height:32px;border-radius:6px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0}.name-text{font-weight:500;color:#1a202c}.email-cell{display:flex;align-items:center;gap:8px;color:#718096;font-size:13px}.email-cell .anticon{font-size:14px;color:#a0aec0}.date-text{color:#718096;font-size:13px}.users-table .ant-tag{border-radius:4px;border:none;font-size:11px;font-weight:600;padding:3px 10px;display:inline-flex;align-items:center;gap:4px}.action-btn{width:30px;height:30px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}.edit-btn{color:#718096}.edit-btn:hover{background:#edf2f7;color:#667eea}.delete-btn{color:#718096}.delete-btn:hover{background:#fed7d7;color:#e53e3e}.users-table .ant-pagination{padding:16px 20px;margin:0}.users-table .ant-pagination-item,.users-table .ant-pagination-prev,.users-table .ant-pagination-next{border-radius:5px;border:1px solid #e2e8f0;min-width:32px;height:32px;line-height:30px}.users-table .ant-pagination-item:hover,.users-table .ant-pagination-prev:hover,.users-table .ant-pagination-next:hover{border-color:#667eea}.users-table .ant-pagination-item-active{border-color:#667eea;background:#667eea}.users-table .ant-pagination-item-active a{color:#fff}.users-table .ant-select-selector{border-radius:5px;height:32px!important;border-color:#e2e8f0!important}.empty-state{padding:48px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}.empty-state .anticon{font-size:48px;color:#cbd5e0}.empty-state span{font-size:14px;color:#718096}.table-wrapper .ant-spin-container{min-height:350px}.users-table .ant-spin-dot-item{background-color:#667eea}@media (max-width: 992px){.page-header{flex-wrap:wrap}.header-stats{order:3;width:100%;flex-direction:row;justify-content:space-between;align-items:center}}@media (max-width: 768px){.users-page{padding:12px}.page-header{padding:14px 16px}.header-icon{width:36px;height:36px;font-size:18px}.header-title{font-size:16px}.action-bar{flex-direction:column;align-items:stretch;padding:12px}.search-input{max-width:100%}.action-buttons{width:100%}.action-buttons .ant-btn{flex:1}.users-table .ant-table-thead>tr>th,.users-table .ant-table-tbody>tr>td{padding:10px 12px}}@media (max-width: 576px){.users-page{padding:8px}.page-header{padding:12px}.header-main{gap:10px}.header-icon{width:32px;height:32px;font-size:16px}.header-title{font-size:15px}.header-breadcrumb{font-size:11px}.stats-label{font-size:9px}.stats-value{font-size:18px}.action-bar{padding:10px}.action-bar .ant-btn{height:34px;font-size:13px;padding:0 12px}.search-input{height:34px;font-size:13px}.user-avatar{width:28px;height:28px;font-size:12px}.users-table .ant-table-thead>tr>th{padding:8px 10px;font-size:10px}.users-table .ant-table-tbody>tr>td{padding:8px 10px;font-size:13px}.name-text{font-size:13px}.email-cell,.date-text{font-size:12px}}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ant-layout-sider,.toggle-compact,.icon-compact,.user-compact,.logout-btn-compact,.responsive-sider{will-change:transform,margin-left,width;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.sidebar-logo-header{padding:14px 16px;border-bottom:1px solid #f1f5f9;background:#fff}.logo-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #3b82f640;flex-shrink:0}.logo-title{font-size:15px;color:#0f172a;display:block;line-height:1.2;font-weight:700;letter-spacing:-.2px}.logo-subtitle{font-size:10px;color:#94a3b8;display:block;font-weight:500;letter-spacing:.2px}.sidebar-user-profile{padding:12px 16px;border-bottom:1px solid #f1f5f9;background:#f8fafc}.profile-avatar{box-shadow:0 1px 4px #3b82f633}.online-indicator{position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;background:#10b981;border:2px solid #ffffff;border-radius:50%}.profile-name{font-size:12px;color:#0f172a;display:block;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.profile-email{font-size:10px;color:#94a3b8;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-time-widget{padding:10px 16px;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#eff6ff,#f0f9ff)}.time-icon{width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.calendar-icon{background:#3b82f61a}.clock-icon{background:#10b9811a}.time-text{font-size:11px;color:#0f172a;font-weight:500;font-variant-numeric:tabular-nums}.menu-container{padding:12px 10px}.menu-label{font-size:10px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.8px;display:block;padding:0 6px 6px}.sidebar-footer{position:sticky;bottom:0;left:0;right:0;padding:12px 16px;border-top:1px solid #f1f5f9;background:#fff;margin-top:auto}.logout-btn-compact{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.logout-icon{width:24px;height:24px;border-radius:5px;background:#ef44441a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logout-text{color:#ef4444;font-size:12px;font-weight:600;flex:1}.copyright-text{font-size:9px;color:#cbd5e1;display:block;text-align:center;margin-top:8px;font-weight:500}.toggle-compact,.icon-compact{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;background:#f8fafc;color:#64748b;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.toggle-compact:hover,.icon-compact:hover{background:#f1f5f9!important;color:#0f172a!important;transform:translateY(-1px);box-shadow:0 1px 3px #0000000d}.toggle-compact:active,.icon-compact:active{transform:translateY(0);background:#e2e8f0!important}.user-compact{display:flex;align-items:center;gap:6px;padding:3px 8px 3px 3px;cursor:pointer;border-radius:6px;background:#f8fafc;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid #e5e7eb}.user-compact:hover{background:#f1f5f9!important;border-color:#cbd5e1!important;transform:translateY(-1px);box-shadow:0 2px 4px #0000000a}.user-compact:active{transform:translateY(0)}.logout-btn-compact:hover{background:#fee2e2!important;border-color:#fca5a5!important;transform:translateY(-1px);box-shadow:0 2px 6px #ef44441f}.logout-btn-compact:active{transform:translateY(0);background:#fecaca!important}.production-menu{border:none!important;background:transparent!important}.production-menu .ant-menu-item{margin:0 0 2px!important;border-radius:6px!important;height:32px!important;line-height:32px!important;font-size:12px!important;font-weight:500!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;color:#64748b!important;position:relative!important;overflow:hidden!important;padding:0 10px!important}.production-menu .ant-menu-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:#3b82f6;border-radius:0 2px 2px 0;transition:height .2s cubic-bezier(.4,0,.2,1)}.production-menu .ant-menu-item:hover{background:#3b82f60f!important;color:#3b82f6!important}.production-menu .ant-menu-item:hover:before{height:14px}.production-menu .ant-menu-item-selected{background:#3b82f614!important;color:#3b82f6!important;font-weight:600!important}.production-menu .ant-menu-item-selected:before{height:18px!important}.production-menu .ant-menu-item-selected .anticon{color:#3b82f6!important}.production-menu .ant-menu-submenu-title{margin:0 0 2px!important;border-radius:6px!important;height:32px!important;line-height:32px!important;font-size:12px!important;font-weight:500!important;color:#64748b!important;position:relative!important;overflow:hidden!important;padding:0 10px!important}.production-menu .ant-menu-submenu-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:#10b981;border-radius:0 2px 2px 0;transition:height .2s cubic-bezier(.4,0,.2,1)}.production-menu .ant-menu-submenu-title:hover{background:#10b9810f!important;color:#10b981!important}.production-menu .ant-menu-submenu-title:hover:before{height:14px}.production-menu .ant-menu-submenu-open .ant-menu-submenu-title{color:#10b981!important;background:#10b98114!important;font-weight:600!important}.production-menu .ant-menu-submenu-open .ant-menu-submenu-title:before{height:18px!important}.production-menu .ant-menu-sub{background:#00000005!important;border-radius:6px;padding:3px 0;margin:2px 0 3px}.production-menu .ant-menu-sub .ant-menu-item{padding-left:36px!important;font-size:11.5px!important;height:30px!important;line-height:30px!important}.production-menu .ant-menu-sub .ant-menu-item:before{left:10px;width:2px}.production-menu .ant-menu-sub .ant-menu-item:hover:before{height:12px}.production-menu .ant-menu-sub .ant-menu-item-selected:before{height:16px!important}.production-menu .ant-menu-item .anticon,.production-menu .ant-menu-submenu-title .anticon{font-size:13px!important;margin-right:8px!important;opacity:.8;transition:opacity .2s ease}.production-menu .ant-menu-item:hover .anticon,.production-menu .ant-menu-submenu-title:hover .anticon,.production-menu .ant-menu-item-selected .anticon{opacity:1}.menu-divider{margin:8px 10px!important;background:#f1f5f9!important;height:1px!important}.mobile-header{padding:0 20px;background:#fff;box-shadow:0 1px #e5e7eb;display:flex;align-items:center;justify-content:space-between;height:56px;position:sticky;top:0;z-index:998;width:100%}.header-right{display:flex;align-items:center}.mobile-time-badge{padding:4px 10px;background:#f8fafc;border-radius:6px;border:1px solid #e5e7eb}.time-date,.time-clock{font-size:11px;font-weight:500}.time-date{color:#64748b}.time-clock{color:#0f172a;font-weight:600;font-variant-numeric:tabular-nums}.mobile-content{margin:16px;padding:0;background:transparent;min-height:calc(100vh - 88px)}.responsive-sider::-webkit-scrollbar,.ant-layout-sider::-webkit-scrollbar{width:3px}.responsive-sider::-webkit-scrollbar-track,.ant-layout-sider::-webkit-scrollbar-track{background:transparent}.responsive-sider::-webkit-scrollbar-thumb,.ant-layout-sider::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.responsive-sider::-webkit-scrollbar-thumb:hover,.ant-layout-sider::-webkit-scrollbar-thumb:hover{background:#00000026}.ant-badge-count{font-size:9px;height:15px;line-height:15px;min-width:15px;padding:0 4px;font-weight:600;box-shadow:0 1px 3px #ef444433}.ant-dropdown-menu{padding:4px;border-radius:6px;box-shadow:0 4px 12px #00000014,0 0 0 1px #0000000d}.ant-dropdown-menu-item{font-size:12px;padding:6px 10px;border-radius:4px;transition:all .2s cubic-bezier(.4,0,.2,1)}.ant-dropdown-menu-item:hover{background:#0000000a}.ant-message-notice-content{font-size:12px;padding:8px 12px;border-radius:6px;box-shadow:0 2px 8px #0000001a,0 0 0 1px #0000000d}.mobile-sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.mobile-sidebar-overlay.active{display:block;opacity:1;pointer-events:auto}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.responsive-sider{animation:slideInLeft .25s cubic-bezier(.4,0,.2,1)}.production-menu .ant-menu-item,.production-menu .ant-menu-submenu-title{animation:fadeIn .3s cubic-bezier(.4,0,.2,1) backwards}.production-menu .ant-menu-item:nth-child(1){animation-delay:.05s}.production-menu .ant-menu-item:nth-child(2){animation-delay:.1s}.production-menu .ant-menu-item:nth-child(3){animation-delay:.15s}.production-menu .ant-menu-item:nth-child(4){animation-delay:.2s}.production-menu .ant-menu-item:nth-child(5){animation-delay:.25s}.production-menu .ant-menu-item:focus-visible,.production-menu .ant-menu-submenu-title:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px;border-radius:6px}.toggle-compact:focus-visible,.icon-compact:focus-visible,.user-compact:focus-visible,.logout-btn-compact:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;border-radius:6px}@media (min-width: 1200px){.responsive-sider{width:260px!important}.production-menu .ant-menu-item,.production-menu .ant-menu-submenu-title{height:36px!important;line-height:36px!important;font-size:13px!important}}@media (min-width: 768px) and (max-width: 1199px){.responsive-sider{width:220px!important}}@media (max-width: 767px){.responsive-sider{width:280px!important;max-width:85vw!important;position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:999!important;box-shadow:2px 0 8px #00000026!important;transform:translateX(${open ? "0" : "-100%"})!important}.mobile-layout-wrapper{margin-left:0!important}.mobile-header{padding:0 12px!important;height:52px!important}.mobile-hide-username{display:none!important}.mobile-time-badge{padding:4px 8px!important}.mobile-time-badge .ant-space-item:first-child{display:none!important}.mobile-content{margin:12px!important;min-height:calc(100vh - 76px)!important}.production-menu .ant-menu-item,.production-menu .ant-menu-submenu-title{height:40px!important;line-height:40px!important;font-size:14px!important;padding:0 12px!important}.production-menu .ant-menu-item .anticon,.production-menu .ant-menu-submenu-title .anticon{font-size:16px!important;margin-right:12px!important}.logout-btn-compact{padding:10px 12px!important}.sidebar-logo-header{padding:16px!important}.sidebar-user-profile{padding:14px 16px!important}.profile-name{font-size:13px!important}.profile-email{font-size:11px!important}.sidebar-time-widget{padding:12px 16px!important}.sidebar-footer{padding:14px 16px!important}}@media (max-width: 480px){.responsive-sider{width:100vw!important;max-width:100vw!important}.mobile-header{padding:0 10px!important;height:50px!important}.toggle-compact{width:36px!important;height:36px!important}.notification-badge{display:none!important}.user-compact{padding:3px 6px 3px 3px!important}.mobile-content{margin:10px!important;min-height:calc(100vh - 70px)!important}.mobile-header-avatar{width:28px!important;height:28px!important;font-size:12px!important}.sidebar-time-widget .ant-space{gap:6px!important}.sidebar-time-widget .ant-typography{font-size:12px!important}.sidebar-user-profile .ant-avatar{width:36px!important;height:36px!important}.production-menu{padding:10px 8px!important}.production-menu .ant-menu-item,.production-menu .ant-menu-submenu-title{margin:0 0 4px!important}.logo-title{font-size:14px!important}.logo-subtitle{font-size:9px!important}}@media (max-width: 375px){.mobile-header{padding:0 8px!important}.mobile-hide-dropdown-arrow{display:none!important}.ant-badge-count{font-size:8px;height:14px;line-height:14px;min-width:14px}.logo-container{gap:8px!important}.sidebar-logo-header .ant-typography{font-size:13px!important}.sidebar-logo-header .ant-typography:last-child{font-size:9px!important}.time-text{font-size:10px!important}}@media (max-height: 500px) and (orientation: landscape){.sidebar-logo-header,.sidebar-user-profile,.sidebar-time-widget,.sidebar-footer{padding-top:8px!important;padding-bottom:8px!important}.production-menu .ant-menu-item,.production-menu .ant-menu-submenu-title{height:36px!important;line-height:36px!important}.mobile-hide-landscape{display:none!important}.responsive-sider{overflow-y:auto!important}}@media (hover: none) and (pointer: coarse){.toggle-compact:hover,.icon-compact:hover,.user-compact:hover,.logout-btn-compact:hover{transform:none!important;box-shadow:none!important}.toggle-compact,.icon-compact,.user-compact{min-width:44px!important;min-height:44px!important}.production-menu .ant-menu-item:hover:before,.production-menu .ant-menu-submenu-title:hover:before{height:0!important}.production-menu .ant-menu-item-selected:before,.production-menu .ant-menu-submenu-open .ant-menu-submenu-title:before{height:18px!important}.production-menu .ant-menu-item,.production-menu .ant-menu-submenu-title{min-height:44px!important;height:44px!important;line-height:44px!important}}.production-menu .ant-menu-item:before,.production-menu .ant-menu-submenu-title:before{transform:translateY(-50%) translateZ(0)}.toggle-compact,.icon-compact,.user-compact,.logout-btn-compact{transform:translateZ(0)}@media (max-width: 767px){body,.ant-layout{overflow-x:hidden}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.dash-card{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.dash-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a!important}.dash-stat-card{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s}.dash-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0000001c!important;border-color:#d0dff5!important}.dash-btn{transition:all .18s cubic-bezier(.4,0,.2,1)}.dash-btn:hover{background:#eef3fc!important;border-color:#2d6be4!important;color:#2d6be4!important}.dash-btn:active{transform:scale(.96)}.spin-active{animation:spin .7s linear infinite}.pulse-dot{animation:pulse 1.8s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.dash-card:hover,.dash-stat-card:hover{transform:none!important}}@media (max-width: 1199px){.dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}.dashboard-charts-grid{grid-template-columns:1fr!important}.dashboard-bottom-grid{grid-template-columns:1fr 1fr!important}}@media (max-width: 767px){.dashboard-container{padding:12px 14px!important}.dashboard-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin-bottom:12px!important}.dashboard-header h1{font-size:18px!important}.dashboard-header p{font-size:12px!important}.dash-btn{width:100%!important;justify-content:center!important}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-bottom:12px!important}.dash-stat-card{padding:10px 12px!important;gap:8px!important}.dash-stat-card .icon-bubble{width:32px!important;height:32px!important}.dash-stat-card .icon-bubble svg{width:15px!important;height:15px!important}.dash-stat-card .stat-label{font-size:10px!important}.dash-stat-card .stat-value{font-size:18px!important}.dashboard-charts-grid{grid-template-columns:1fr!important;gap:10px!important;margin-bottom:10px!important}.dash-card{padding:12px!important}.dash-card .section-header-title{font-size:13px!important}.dash-card .section-header-subtitle{font-size:11px!important}.dashboard-bottom-grid{grid-template-columns:1fr!important;gap:10px!important}.recharts-responsive-container{min-height:120px!important}.dashboard-badge{font-size:11px!important;padding:2px 7px!important}.dashboard-badge .pulse-dot{width:5px!important;height:5px!important}.section-header-title{font-size:13px!important}.section-header-subtitle{font-size:11px!important}.progress-bar-wrapper{width:100%!important}.wip-item{gap:6px!important}.wip-item-code{font-size:12px!important}.wip-item-details{font-size:11px!important}.wip-percentage{min-width:28px!important;font-size:11px!important}.wip-progress-bar{width:35px!important}.flow-summary-bar{height:18px!important;margin-bottom:10px!important}.flow-detail-row{padding:4px 8px!important;margin-bottom:4px!important}.flow-detail-label{font-size:10px!important}.flow-detail-value{font-size:11.5px!important}.flow-records-count{font-size:10px!important}.legend-item{font-size:11px!important}.legend-dot{width:8px!important;height:8px!important}.legend-count{font-size:11px!important}.stock-item{gap:7px!important}.stock-item-code{font-size:12px!important}.stock-item-qty{font-size:11px!important}}@media (max-width: 480px){.dashboard-container{padding:10px 12px!important}.dashboard-accent-strip{height:2px!important;margin-bottom:12px!important}.dashboard-header h1{font-size:16px!important}.dashboard-header p{font-size:11px!important;margin-top:1px!important}.dashboard-stats-grid{grid-template-columns:1fr!important}.dash-stat-card{padding:8px 10px!important}.dash-stat-card .stat-value{font-size:16px!important}.dash-card{padding:10px!important;border-radius:8px!important}.recharts-responsive-container{min-height:100px!important}.dash-btn{padding:4px 11px!important;font-size:12px!important}.dash-btn svg{width:12px!important;height:12px!important}.mobile-hide-decoration{display:none!important}.recharts-tooltip-wrapper{font-size:11px!important}}@media (max-width: 375px){.dashboard-container{padding:8px 10px!important}.dashboard-header h1{font-size:15px!important}.dashboard-stats-grid{gap:6px!important}.dash-stat-card{padding:7px 9px!important}.dash-stat-card .icon-bubble{width:28px!important;height:28px!important}.dash-stat-card .icon-bubble svg{width:13px!important;height:13px!important}.dash-stat-card .stat-label{font-size:9px!important}.dash-stat-card .stat-value{font-size:15px!important}.dash-card{padding:8px!important}.section-header-title{font-size:12px!important}.section-header-subtitle{font-size:10px!important}}@media (max-height: 500px) and (orientation: landscape){.dashboard-container{padding:8px 12px!important}.dashboard-accent-strip,.dashboard-header{margin-bottom:8px!important}.dashboard-stats-grid{grid-template-columns:repeat(3,1fr)!important;margin-bottom:8px!important}.dash-stat-card{padding:6px 8px!important}.recharts-responsive-container{min-height:80px!important}.dash-card{padding:8px!important}.dashboard-charts-grid,.dashboard-bottom-grid{gap:8px!important}}@media (hover: none) and (pointer: coarse){.dash-card:hover,.dash-stat-card:hover{transform:none!important;box-shadow:inherit!important}.dash-btn:hover{background:inherit!important;border-color:inherit!important;color:inherit!important}.dash-btn{min-height:44px!important}.dash-btn:active{background:#eef3fc!important;border-color:#2d6be4!important;color:#2d6be4!important}.dash-card:active{opacity:.95}}.hide-on-mobile{display:block}@media (max-width: 767px){.hide-on-mobile{display:none!important}}.show-on-mobile{display:none}@media (max-width: 767px){.show-on-mobile{display:block!important}}.mobile-full-width{width:auto}@media (max-width: 767px){.mobile-full-width{width:100%!important}}.dash-card,.dash-stat-card,.dash-btn{will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.recharts-responsive-container{transform:translateZ(0)}@media print{.dashboard-container{padding:0!important}.dash-btn,.dashboard-accent-strip{display:none!important}.dash-card,.dash-stat-card{page-break-inside:avoid;box-shadow:none!important;border:1px solid #e4e7ec!important}}.minimal-fg-modal{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.minimal-fg-modal .ant-modal-content{border-radius:8px;box-shadow:0 4px 16px #00000014;padding:0}.minimal-fg-modal .ant-modal-header{padding:16px 20px;border-bottom:1px solid #e8eaed;background:#fff}.minimal-fg-modal .ant-modal-title{font-size:16px;font-weight:600;color:#1f2937}.minimal-fg-modal .ant-modal-body{padding:0}.minimal-fg-modal .ant-modal-close{top:16px;right:16px}.minimal-fg-modal .ant-modal-close-x{width:40px;height:40px;line-height:40px;font-size:14px;color:#6b7280;transition:all .2s}.minimal-fg-modal .ant-modal-close-x:hover{color:#ef4444}.modal-content{padding:20px}.search-section{margin-bottom:16px}.input-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#4b5563;margin-bottom:6px}.input-label .anticon{font-size:13px;color:#10b981}.minimal-select{width:100%}.minimal-select .ant-select-selector{border:1px solid #d1d5db!important;border-radius:6px!important;box-shadow:0 1px 2px #00000008!important;transition:all .2s!important}.minimal-select:hover .ant-select-selector{border-color:#10b981!important}.minimal-select.ant-select-focused .ant-select-selector{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a!important}.minimal-select .ant-select-selection-placeholder{color:#9ca3af;font-size:14px}.details-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:14px;margin-bottom:16px;animation:fadeIn .25s ease}.info-table{width:100%;border-collapse:collapse;margin-bottom:12px}.info-table tr{border-bottom:1px solid #e5e7eb}.info-table tr:last-child{border-bottom:none}.label-cell{padding:8px 12px 8px 0;font-size:12px;font-weight:600;color:#6b7280;width:140px;vertical-align:top}.value-cell{padding:8px 0;font-size:13px;font-weight:500;color:#1f2937}.divider{height:1px;background:#e5e7eb;margin:12px 0}.input-section{display:flex;flex-direction:column;gap:12px}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-group{display:flex;flex-direction:column}.minimal-input,.minimal-datepicker{border:1px solid #d1d5db!important;border-radius:6px!important;box-shadow:0 1px 2px #00000008!important;transition:all .2s!important}.minimal-input:hover,.minimal-datepicker:hover{border-color:#10b981!important}.minimal-input:focus,.minimal-datepicker.ant-picker-focused{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a!important}.minimal-input::placeholder{color:#9ca3af;font-size:13px}.end-date-display{display:flex;align-items:center;height:40px;padding:0 12px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:500;color:#1f2937}.empty-state{text-align:center;padding:40px 20px;color:#9ca3af}.empty-state .anticon{font-size:48px;color:#d1d5db;margin-bottom:12px}.empty-state p{font-size:13px;margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;color:#6b7280;font-size:13px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.btn-cancel{border:1px solid #d1d5db!important;border-radius:6px!important;font-weight:500!important;color:#6b7280!important;transition:all .2s!important}.btn-cancel:hover{border-color:#9ca3af!important;color:#374151!important;background:#f9fafb!important}.btn-submit{border-radius:6px!important;background:#10b981!important;border:none!important;font-weight:500!important;box-shadow:0 1px 2px #0000000d!important;transition:all .2s!important}.btn-submit:hover:not(:disabled){background:#059669!important;box-shadow:0 2px 4px #0000001a!important}.btn-submit:disabled{background:#d1d5db!important;cursor:not-allowed!important}.btn-submit .anticon{font-size:13px}.ant-select-dropdown{border-radius:6px;box-shadow:0 4px 12px #0000001a;border:1px solid #e5e7eb;padding:4px}.ant-select-item{border-radius:4px;padding:8px 10px;font-size:13px;transition:all .15s}.ant-select-item-option-selected{background:#d1fae5;color:#065f46;font-weight:500}.ant-select-item-option-active{background:#f0fdf4}.ant-picker-dropdown{border-radius:6px;box-shadow:0 4px 12px #0000001a}.ant-picker-cell-selected .ant-picker-cell-inner{background:#10b981}.ant-picker-cell:hover:not(.ant-picker-cell-selected) .ant-picker-cell-inner{background:#f0fdf4}.ant-picker-today-btn{color:#10b981}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.minimal-fg-modal{width:95%!important}.modal-content{padding:16px}.input-row{grid-template-columns:1fr}.label-cell{width:120px;font-size:11px}.value-cell{font-size:12px}.modal-footer{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.minimal-fg-modal .ant-modal-body::-webkit-scrollbar{width:5px}.minimal-fg-modal .ant-modal-body::-webkit-scrollbar-track{background:#f3f4f6}.minimal-fg-modal .ant-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.minimal-fg-modal .ant-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}*:focus-visible{outline:2px solid #10b981;outline-offset:2px}.input-number{width:100%;height:40px;padding:8px;border:1px solid #d9d9d9;border-radius:3px;transition:border-color .3s}.input-number:focus{border-color:#1890ff;outline:none;box-shadow:0 0 0 2px #1890ff33}.date-picker{width:100%;height:40px;padding:8px;border:1px solid #d9d9d9;border-radius:3px;transition:border-color .3s}.date-picker .ant-picker-input>input{height:24px}.date-picker:hover,.date-picker:focus{border-color:#1890ff;outline:none;box-shadow:0 0 0 2px #1890ff33}.text-area{width:100%;padding:8px;border:1px solid #d9d9d9;border-radius:3px;transition:border-color .3s}.text-area:focus{border-color:#1890ff;outline:none;box-shadow:0 0 0 2px #1890ff33}.ant-form-item-label{font-weight:700}.modal-footer button{margin-right:8px}.modal-footer .ant-btn-primary{background-color:#1890ff;border-color:#1890ff}.modal-footer .ant-btn-primary:hover{background-color:#40a9ff;border-color:#40a9ff}.modal-footer .ant-btn{border-radius:4px;transition:all .3s}.modal-footer .ant-btn:hover{transform:translateY(-2px)}.modal-title{font-size:20px;color:#1890ff;text-align:center;margin-bottom:16px}.full-width{width:100%;height:40px;border:1px solid #ccc;border-radius:3px;font-size:16px;margin-top:0;box-sizing:border-box}.full-width:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.ant-modal-title{font-size:20px;font-weight:600;color:#333}.ant-modal-footer{border-top:1px solid #f0f0f0;padding:10px 16px}.ant-btn-primary{background-color:#1890ff;border-color:#1890ff;transition:background-color .3s ease,border-color .3s ease}.ant-btn-primary:hover,.ant-btn-primary:focus{background-color:#40a9ff;border-color:#40a9ff}.ant-collapse{margin-top:10px;border-radius:4px;overflow:hidden;box-shadow:0 2px 8px #00000026}.ant-collapse>.ant-collapse-item>.ant-collapse-header{background-color:#fafafa;padding:12px 16px;font-weight:700;font-size:16px;transition:background-color .3s ease,color .3s ease}.ant-collapse>.ant-collapse-item>.ant-collapse-header:hover{background-color:#f0f0f0;color:#1890ff}.ant-collapse-content{border-top:none;padding:16px;background-color:#fff;border-radius:0 0 4px 4px}.ant-form-item{margin-bottom:16px}.ant-form-item-label>label{font-weight:500;font-size:14px}.ant-input[disabled],.ant-picker[disabled]{background-color:#f5f5f5;color:#000000a6;border-color:#d9d9d9}.ant-input{transition:border-color .3s ease,box-shadow .3s ease}.ant-input:hover,.ant-input:focus{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.ant-input[disabled]:hover,.ant-picker[disabled]:hover{border-color:#d9d9d9;box-shadow:none}.ant-form{margin-top:20px}.ant-form-item-explain-error{font-size:12px;color:#ff4d4f}.ant-input[disabled]{background-color:#f5f5f5;color:#000000a6;border-color:#d9d9d9;font-size:16px;padding:10px 15px;border-radius:3px}.ant-picker[disabled]{background-color:#f5f5f5;color:#000000a6;border-color:#d9d9d9;font-size:16px;padding:18px 15px;border-radius:4px}.breadcrumb-link{transition:color .2s cubic-bezier(.4,0,.2,1)}.breadcrumb-link:hover{color:#10b981!important}.stats-card{transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.stats-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f!important}.ant-btn-primary:hover{background:linear-gradient(135deg,#059669,#047857)!important;transform:translateY(-1px);box-shadow:0 3px 8px #10b9814d!important}.ant-btn-primary:active{transform:translateY(0)}.ant-btn:not(.ant-btn-primary):hover{border-color:#10b981!important;color:#10b981!important}.ant-input:focus,.ant-input-focused{border-color:#10b981!important;box-shadow:0 0 0 2px #10b98114!important}.ant-select-focused .ant-select-selector{border-color:#10b981!important;box-shadow:0 0 0 2px #10b98114!important}.production-table{font-size:12px;border:none;border-radius:8px;overflow:hidden;background-color:#fff}.production-table .ant-table-thead>tr>th{background:#f8fafc;font-weight:600;color:"#0f172a";border-bottom:1px solid #e2e8f0;padding:12px 10px;text-transform:none;letter-spacing:.2px;white-space:nowrap;font-size:12px;text-align:center;transition:background-color .2s ease}.production-table .ant-table-thead>tr>th:hover{background:#f1f5f9}.production-table .ant-table-column-sorter{color:"#94a3b8";font-size:11px}.production-table .ant-table-column-sorter-up.active,.production-table .ant-table-column-sorter-down.active{color:#3b82f6}.production-table .ant-table-tbody>tr>td{padding:10px;border-bottom:1px solid #f1f5f9;color:#64748b;font-size:12px;line-height:1.5;text-align:center;transition:all .2s ease;word-break:break-word;word-wrap:break-word;white-space:normal!important;max-width:0;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.production-table .ant-table-tbody>tr>td:not(.ant-table-selection-column):not(.ant-table-checkbox){word-break:break-word;white-space:normal}.production-table .ant-table-tbody>tr:hover>td{background-color:#f0f9ff!important}.production-table .ant-table-tbody>tr:nth-child(2n){background-color:#fafafa}.production-table .ant-table-tbody>tr:nth-child(odd){background-color:#fff}.production-table .word-break-cell{word-break:break-word;word-wrap:break-word;white-space:normal!important;max-width:100%;display:inline-block;width:100%;text-align:left;padding:2px 0}.production-table .word-break-tag{word-break:break-word;word-wrap:break-word;white-space:normal!important;height:auto!important;min-height:22px;line-height:1.4!important;padding:3px 8px!important;display:inline-flex;align-items:center;justify-content:center;text-align:center;max-width:100%}.production-table td .ant-tooltip-open{cursor:help}.production-table td.actions-column,.production-table .ant-table-tbody>tr>td:first-child{white-space:nowrap!important;word-break:normal!important}.production-table .ant-pagination{display:flex;justify-content:center;align-items:center;padding:14px 16px;background-color:#f8fafc;border-top:1px solid #e2e8f0;margin:0}.production-table .ant-pagination-item{border:1px solid #e2e8f0;border-radius:6px;margin:0 3px;min-width:30px;height:30px;line-height:28px;transition:all .2s cubic-bezier(.4,0,.2,1);color:#64748b;font-weight:500;background-color:#fff;font-size:12px}.production-table .ant-pagination-item:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f626}.production-table .ant-pagination-item-active{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:600;box-shadow:0 2px 6px #3b82f640}.production-table .ant-pagination-item-active:hover{border-color:#2563eb;background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.production-table .ant-pagination-item-active a{color:#fff}.production-table .ant-pagination-prev,.production-table .ant-pagination-next{min-width:30px;height:30px;line-height:28px}.production-table .ant-pagination-prev .ant-pagination-item-link,.production-table .ant-pagination-next .ant-pagination-item-link{border:1px solid #e2e8f0;border-radius:6px;background-color:#fff;color:#64748b;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.production-table .ant-pagination-prev:hover .ant-pagination-item-link,.production-table .ant-pagination-next:hover .ant-pagination-item-link{border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f626}.production-table .ant-pagination-disabled .ant-pagination-item-link{border-color:#e2e8f0;color:#cbd5e1;cursor:not-allowed}.production-table .ant-pagination-disabled:hover .ant-pagination-item-link{border-color:#e2e8f0;color:#cbd5e1;transform:none;box-shadow:none}.production-table .ant-pagination-total-text{margin-right:12px;color:#64748b;font-weight:500;font-size:12px}.production-table .ant-pagination-options{margin-left:12px}.production-table .ant-select-selector{border-radius:6px!important;border-color:#e2e8f0!important;transition:all .2s ease;height:30px!important;font-size:12px!important}.production-table .ant-select-selector:hover{border-color:#3b82f6!important}.production-table .ant-table-placeholder{border-bottom:1px solid #e2e8f0;background-color:#f8fafc}.production-table .ant-spin{color:#3b82f6}.production-table .ant-empty-description{color:#94a3b8;font-size:12px}.production-table .ant-table-body::-webkit-scrollbar{width:6px;height:6px}.production-table .ant-table-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.production-table .ant-table-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:background .2s ease}.production-table .ant-table-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ant-tag{transition:all .2s cubic-bezier(.4,0,.2,1);word-break:break-word;white-space:normal!important;height:auto!important;display:inline-flex;align-items:center;justify-content:center;text-align:center}.ant-tag:hover{transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.ant-badge-count{font-size:9px;height:16px;line-height:16px;min-width:16px;padding:0 4px;font-weight:600;box-shadow:0 1px 3px #00000026}.ant-select-dropdown{border-radius:8px!important;box-shadow:0 4px 12px #00000014!important;padding:4px!important}.ant-select-item{border-radius:6px!important;padding:6px 10px!important;font-size:12px!important;transition:all .2s ease!important;word-break:break-word;white-space:normal}.ant-select-item:hover{background-color:#f0f9ff!important}.ant-select-item-option-selected{background-color:#dbeafe!important;font-weight:600!important}.ant-picker{border-radius:8px!important;border-color:#e2e8f0!important;transition:all .2s ease!important;font-size:12px!important}.ant-picker:hover{border-color:#10b981!important}.ant-picker-focused{border-color:#10b981!important;box-shadow:0 0 0 2px #10b98114!important}.ant-picker-dropdown{border-radius:10px!important;box-shadow:0 6px 16px #0000001a!important}.ant-tooltip-inner{font-size:11px;padding:6px 10px;border-radius:6px;box-shadow:0 2px 8px #0000001f;word-break:break-word;max-width:250px}.ant-modal-content{border-radius:12px!important;box-shadow:0 8px 24px #0000001f!important}.ant-modal-header{border-radius:12px 12px 0 0!important;border-bottom:1px solid #f1f5f9!important;padding:16px 20px!important}.ant-modal-body{padding:20px!important}.ant-modal-footer{border-top:1px solid #f1f5f9!important;padding:12px 20px!important}.ant-notification-notice{border-radius:10px!important;box-shadow:0 4px 12px #0000001a!important;padding:14px 16px!important}.ant-notification-notice-message{font-size:13px!important;font-weight:600!important;margin-bottom:4px!important}.ant-notification-notice-description{font-size:12px!important}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.stats-card{animation:fadeSlideIn .3s cubic-bezier(.4,0,.2,1) backwards}.stats-card:nth-child(1){animation-delay:.05s}.stats-card:nth-child(2){animation-delay:.1s}.stats-card:nth-child(3){animation-delay:.15s}.stats-card:nth-child(4){animation-delay:.2s}@media screen and (min-width: 768px) and (max-width: 1199px){.production-table{font-size:11px}.production-table .ant-table-thead>tr>th,.production-table .ant-table-tbody>tr>td{padding:9px 8px}.stats-card{margin-bottom:14px}.production-table .ant-table-tbody>tr>td{word-break:break-word;white-space:normal}}@media screen and (max-width: 767px){.finished-goods-header{padding:12px 14px!important;margin-bottom:14px!important}.finished-goods-header .ant-typography{font-size:14px!important}.finished-goods-header .breadcrumb{font-size:10px!important}.stats-row{margin-bottom:14px!important}.stats-card{margin-bottom:10px}.stats-card .ant-card-body{padding:10px!important}.stats-card .stat-icon{width:28px!important;height:28px!important}.stats-card .stat-icon svg{font-size:12px!important}.stats-card .stat-label{font-size:9px!important}.stats-card .stat-value{font-size:16px!important}.finished-goods-card{border-radius:10px!important;margin-bottom:14px!important}.finished-goods-card .ant-card-body{padding:14px!important}.ant-tabs-nav{margin-bottom:12px!important}.ant-tabs-tab{padding:8px 12px!important;font-size:12px!important}.ant-tabs-tab svg{font-size:12px!important}.action-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.action-bar-left,.action-bar-right{width:100%!important;justify-content:flex-start!important}.action-bar-right{overflow-x:auto!important}.search-input{width:100%!important}.action-bar .ant-btn{font-size:11px!important;height:34px!important;padding:0 10px!important}.action-bar .ant-btn svg{font-size:11px!important}.filters-panel{padding:10px 12px!important;margin-bottom:12px!important}.filters-panel .ant-col{margin-bottom:8px!important}.filters-panel .filter-label{font-size:9px!important;margin-bottom:3px!important}.filters-panel .ant-select,.filters-panel .ant-picker{font-size:11px!important}.production-table{border-radius:8px;font-size:10px}.production-table .ant-table-thead>tr>th{padding:8px 5px!important;font-size:10px!important;white-space:nowrap}.production-table .ant-table-tbody>tr>td{padding:7px 5px!important;font-size:10px!important;word-break:break-word!important;word-wrap:break-word!important;white-space:normal!important;max-width:0!important;overflow-wrap:break-word!important}.production-table td.actions-column,.production-table .ant-table-tbody>tr>td:first-child{white-space:nowrap!important;word-break:normal!important;max-width:none!important}.production-table .ant-btn{height:24px!important;min-width:24px!important;padding:0 5px!important;border-radius:4px!important}.production-table .ant-btn svg{font-size:9px!important}.production-table .ant-tag{font-size:9px!important;padding:1px 6px!important;border-radius:4px!important;word-break:break-word!important;white-space:normal!important;height:auto!important;min-height:20px;line-height:1.3!important}.production-table .ant-pagination{padding:10px 8px!important;flex-wrap:wrap!important;justify-content:center!important}.production-table .ant-pagination-item,.production-table .ant-pagination-prev,.production-table .ant-pagination-next{min-width:26px!important;height:26px!important;line-height:24px!important;font-size:10px!important;margin:2px!important}.production-table .ant-pagination-total-text{font-size:10px!important;margin-right:6px!important;margin-bottom:4px!important}.production-table .ant-pagination-options{margin-left:6px!important}.ant-badge{font-size:9px!important}.ant-space{gap:6px!important}.ant-row{margin-left:-6px!important;margin-right:-6px!important}.ant-col{padding-left:6px!important;padding-right:6px!important}}@media screen and (max-width: 480px){.finished-goods-header{padding:10px 12px!important}.finished-goods-header .header-icon{width:32px!important;height:32px!important}.finished-goods-header .header-icon svg{font-size:14px!important}.finished-goods-header .ant-typography{font-size:13px!important}.stats-card .ant-card-body{padding:8px!important}.stats-card .stat-icon{width:26px!important;height:26px!important}.stats-card .stat-icon svg{font-size:11px!important}.stats-card .stat-value{font-size:14px!important}.finished-goods-card .ant-card-body{padding:10px!important}.ant-tabs-tab{padding:6px 10px!important;font-size:11px!important}.action-bar .ant-btn{font-size:10px!important;height:32px!important;padding:0 8px!important}.search-input{height:32px!important;font-size:11px!important}.filters-panel .ant-select-selector,.filters-panel .ant-picker{height:32px!important;font-size:10px!important}.production-table{font-size:9px}.production-table .ant-table-thead>tr>th,.production-table .ant-table-tbody>tr>td{padding:6px 4px!important;font-size:9px!important;word-break:break-word!important;white-space:normal!important}.production-table .ant-space{gap:3px!important}.production-table .ant-btn{height:22px!important;min-width:22px!important;padding:0 4px!important}.production-table .ant-btn svg{font-size:8px!important}.production-table .ant-tag{font-size:8px!important;padding:1px 5px!important;word-break:break-word!important;white-space:normal!important}.production-table .ant-pagination-item,.production-table .ant-pagination-prev,.production-table .ant-pagination-next{min-width:24px!important;height:24px!important;line-height:22px!important;font-size:9px!important}.production-table .ant-pagination-total-text{font-size:9px!important}.production-table .ant-pagination-options{display:none!important}.ant-modal{margin:10px!important;max-width:calc(100vw - 20px)!important}.ant-modal-content{border-radius:10px!important}.ant-modal-header{padding:12px 16px!important}.ant-modal-body{padding:16px!important}.ant-modal-footer{padding:10px 16px!important}}@media screen and (max-width: 375px){.finished-goods-header .ant-typography{font-size:12px!important}.stats-card .stat-value{font-size:13px!important}.action-bar .ant-btn{font-size:9px!important;height:30px!important}.production-table .ant-table-thead>tr>th,.production-table .ant-table-tbody>tr>td{padding:5px 3px!important;font-size:8px!important;word-break:break-word!important;white-space:normal!important}.production-table .ant-btn{height:20px!important;min-width:20px!important;padding:0 3px!important}.production-table .ant-btn svg{font-size:7px!important}}@media screen and (max-height: 500px) and (orientation: landscape){.finished-goods-header{padding:8px 12px!important;margin-bottom:10px!important}.stats-row{margin-bottom:10px!important}.stats-card .ant-card-body{padding:6px!important}.finished-goods-card .ant-card-body{padding:10px!important}.production-table .ant-table-thead>tr>th,.production-table .ant-table-tbody>tr>td{padding:5px 4px!important;word-break:break-word!important;white-space:normal!important}.ant-tabs-nav{margin-bottom:8px!important}.production-table .ant-table-wrapper{max-height:calc(100vh - 200px);overflow-y:auto}}@media (hover: none) and (pointer: coarse){.stats-card:hover{transform:none!important;box-shadow:inherit!important}.ant-btn-primary:hover{transform:none!important}.ant-btn:not(.ant-btn-primary):hover{border-color:inherit!important;color:inherit!important}.breadcrumb-link:hover{color:inherit!important}.production-table .ant-table-tbody>tr:hover>td{background-color:inherit!important}.ant-btn{min-height:44px!important}.production-table .ant-checkbox-wrapper{min-width:44px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}.stats-card:active{opacity:.9}.ant-btn:active{opacity:.8}}.ant-btn:focus-visible,.ant-input:focus-visible,.ant-select-selector:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.production-table,.stats-card,.ant-btn{will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}@media print{.finished-goods-header,.action-bar,.filters-panel,.ant-btn,.stats-row{display:none!important}.production-table{border:1px solid #000!important;page-break-inside:avoid}.production-table .ant-table-thead>tr>th{background:#f0f0f0!important;color:#000!important;border:1px solid #000!important}.production-table .ant-table-tbody>tr>td{border:1px solid #ccc!important;word-break:break-word!important;white-space:normal!important}}.mobile-only{display:none}@media screen and (max-width: 767px){.mobile-only{display:block!important}.desktop-only,.mobile-hide{display:none!important}}.desktop-only{display:block}@media screen and (max-width: 767px){.table-scroll-hint{display:block!important;text-align:center;font-size:10px;color:#94a3b8;padding:6px;background:#f8fafc;border-radius:6px;margin-bottom:8px}.table-scroll-hint:before{content:"← Swipe to see more →"}}.table-scroll-hint{display:none}.word-break-normal{word-break:normal!important;white-space:nowrap!important}.word-break-all{word-break:break-all!important;white-space:normal!important}.word-break-word{word-break:break-word!important;white-space:normal!important}.word-break-keep{word-break:keep-all!important;white-space:normal!important}.ant-table-wrapper{width:100%;overflow-x:auto}.ant-table{width:100%;table-layout:auto}.ant-table-tbody>tr>td{vertical-align:middle}.ant-tooltip{word-break:normal!important;white-space:normal!important}.wip-modal-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:400px}.wip-left-column,.wip-right-column{display:flex;flex-direction:column}.wip-section-header{padding-bottom:10px;margin-bottom:12px;border-bottom:2px solid #f0f0f0}.wip-info-group{margin-bottom:10px}.wip-readonly-input{background-color:#fafafa!important;color:#262626!important;cursor:default;border:1px solid #e8e8e8}.wip-readonly-input:hover{border-color:#e8e8e8!important}.wip-table-container{margin-top:8px;max-height:300px;overflow-y:auto}.process-items-table .ant-table{font-size:13px}.process-items-table .ant-table-thead>tr>th{background-color:#fafafa;font-weight:600;padding:6px 8px;color:#262626;font-size:12px}.process-items-table .ant-table-tbody>tr>td{padding:6px 8px}.process-items-table .ant-table-tbody>tr:hover>td{background-color:#f5f5f5}.process-items-table .ant-input-number{border-radius:4px}.process-items-table .ant-input-number-input{text-align:center;padding:2px 8px}.process-items-table .ant-btn-dangerous:hover{background-color:#ff4d4f;border-color:#ff4d4f;color:#fff}.ant-modal-header{border-bottom:1px solid #f0f0f0;padding:14px 20px}.ant-modal-body{padding:16px 20px}.ant-modal-footer{border-top:1px solid #f0f0f0;padding:10px 20px}.ant-select-selection-item{display:flex;align-items:center}.ant-select-item-option-content .ant-tag{margin-right:8px}.ant-empty{margin:10px 0}.ant-empty-description{font-size:13px;color:#8c8c8c}.ant-table-tbody>tr.ant-table-row:hover>td{transition:background-color .2s ease}.ant-input:focus,.ant-input-focused,.ant-select-focused .ant-select-selector{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.ant-btn:hover{transition:all .3s ease}.ant-table-bordered .ant-table-container{border:1px solid #e8e8e8;border-radius:4px}.ant-table-bordered .ant-table-thead>tr>th,.ant-table-bordered .ant-table-tbody>tr>td{border-right:1px solid #f0f0f0}.wip-table-container::-webkit-scrollbar{width:6px}.wip-table-container::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.wip-table-container::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:3px}.wip-table-container::-webkit-scrollbar-thumb:hover{background:#999}.ant-input-sm,.ant-select-sm .ant-select-selector{font-size:13px}@media (max-width: 992px){.wip-modal-container{grid-template-columns:1fr;gap:16px}}@media (max-width: 768px){.ant-modal{max-width:calc(100vw - 32px);margin:16px auto}}.ant-input,.ant-select-selector,.ant-btn{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.ant-select-dropdown{max-height:250px!important;overflow-y:auto!important;z-index:9999!important;position:fixed!important}.ant-select-dropdown .ant-select-item{font-size:14px;padding:8px 12px;min-height:36px;display:flex;align-items:center}.ant-select-selection-overflow{max-height:100px;overflow-y:auto;padding:4px}.ant-select-dropdown::-webkit-scrollbar{width:6px}.ant-select-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.ant-select-dropdown::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.ant-select-dropdown::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ant-modal-wrap{z-index:1000}.ant-modal{z-index:1001}.wip-right-column .ant-select-dropdown{max-height:200px!important;min-width:300px!important;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d}.process-modal .ant-modal-header{padding:14px 18px;border-bottom:1px solid #f1f5f9;background:linear-gradient(to bottom,#fff,#fafafa)}.title-icon{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#f59e0b,#f97316);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;box-shadow:0 3px 10px #f59e0b4d}.process-modal .ant-modal-body{padding:16px 18px}.progress-section{background:#f8fafc;padding:12px;border-radius:8px;margin-bottom:14px;border:1px solid #e2e8f0}.progress-bar-container{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;margin:6px 0}.progress-bar{height:100%;background:linear-gradient(90deg,#f59e0b,#f97316);transition:width .3s ease}.stat-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:linear-gradient(135deg,#f0f7ff,#e6f4ff);border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}.stat-icon{font-size:22px;flex-shrink:0}.stat-label{display:block;font-size:9px;color:#94a3b8;font-weight:600;letter-spacing:.3px;margin-bottom:2px}.stat-value{display:block;font-size:18px;font-weight:700;line-height:1.1}.stat-unit{font-size:10px;color:#94a3b8;font-weight:400}.process-modal .ant-table-thead>tr>th{background:linear-gradient(to bottom,#fafafa,#f5f5f5);color:#262626;font-weight:600;font-size:12px;padding:10px 12px;border-bottom:2px solid #e8e8e8}.process-modal .ant-table-tbody>tr>td{padding:10px 12px;border-bottom:1px solid #f0f0f0;transition:all .2s ease}.process-modal .ant-table-tbody>tr:hover>td{background:#e6f7ff}.row-current td{background:linear-gradient(90deg,#f59e0b26,#fb923c14)!important;border-left:4px solid #f59e0b!important}.process-tag{font-size:11px;padding:3px 10px;border-radius:6px;font-weight:500;border:none;box-shadow:0 1px 3px #0000001a}.compact-btn{width:26px;height:26px;border-radius:6px;padding:0;transition:all .2s ease}.compact-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.save-btn{background:linear-gradient(135deg,#10b981,#059669);border:none}.proceed-btn{width:26px;height:26px;border-radius:6px;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;box-shadow:0 3px 8px #f59e0b4d;animation:pulse 2s infinite}.warning-btn{width:26px;height:26px;border-radius:6px;color:#f59e0b;border-color:#f59e0b;background:#fffbe6}.warning-btn:hover{background:#fff7e6;border-color:#ffc53d;color:#ffc53d}.modal-footer-actions{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f1f5f9}.add-process-btn{height:32px;border-radius:8px;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;box-shadow:0 2px 6px #f59e0b40;font-weight:500}.add-process-btn:hover{background:linear-gradient(135deg,#ea8a0b,#ea580c);transform:translateY(-1px);box-shadow:0 3px 8px #f59e0b59}.output-summary{padding:12px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0;font-size:12px}.summary-row{display:flex;justify-content:space-between;align-items:center}.ant-input-number,.ant-select{border-radius:6px}.ant-input-number:hover,.ant-input-number:focus{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b1a}.ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:#f59e0b}.ant-select-focused .ant-select-selector{border-color:#f59e0b!important;box-shadow:0 0 0 2px #f59e0b1a!important}.ant-modal-footer .ant-btn{height:34px;border-radius:8px;font-weight:500}.ant-modal-footer .ant-btn-primary{background:linear-gradient(135deg,#f59e0b,#f97316);border:none;box-shadow:0 2px 6px #f59e0b40}.ant-modal-footer .ant-btn-primary:hover{background:linear-gradient(135deg,#ea8a0b,#ea580c)}.ant-table-body::-webkit-scrollbar{width:6px;height:6px}.ant-table-body::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.ant-table-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:3px}.ant-table-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ea8a0b,#ea580c)}@keyframes pulse{0%,to{box-shadow:0 0 #f59e0bb3}50%{box-shadow:0 0 0 6px #f59e0b00}}.ant-popover-inner{border-radius:8px}.ant-popover-buttons .ant-btn{border-radius:6px}@media screen and (max-width: 768px){.process-modal{max-width:calc(100vw - 16px)}.compact-btn{width:24px;height:24px}.ant-table-thead>tr>th,.ant-table-tbody>tr>td{padding:8px 10px;font-size:11px}}.wip-container{min-height:100vh;padding:12px;background:#f8fafc}@media (min-width: 768px){.wip-container{padding:20px}}.wip-header{position:sticky;top:0;z-index:100;margin-bottom:16px;padding:16px;background:#fffffff2;border-radius:12px;border:1px solid #f1f5f9;box-shadow:0 2px 8px #0000000f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 768px){.wip-header{margin-bottom:24px;padding:20px 24px;border-radius:16px}}.header-title-section{flex-wrap:wrap}.header-icon-wrapper{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#f59e0b,#f97316);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f59e0b40}@media (min-width: 768px){.header-icon-wrapper{width:40px;height:40px;border-radius:10px}}.header-icon{font-size:16px;color:#fff}@media (min-width: 768px){.header-icon{font-size:18px}}.header-title{margin:0!important;font-size:16px!important;font-weight:700!important;color:#1e293b!important}@media (min-width: 768px){.header-title{font-size:18px!important}}.breadcrumb{margin-top:2px;font-size:11px}@media (min-width: 768px){.breadcrumb{font-size:12px}}.breadcrumb-link{color:#94a3b8;text-decoration:none;display:flex;align-items:center;transition:color .3s}.breadcrumb-link:hover{color:#f59e0b!important}.breadcrumb-icon{margin-right:4px;font-size:10px}@media (min-width: 768px){.breadcrumb-icon{font-size:11px}}.breadcrumb-separator{color:#cbd5e1}.breadcrumb-current{color:#64748b;font-weight:500}.status-badge .ant-badge-count{background:linear-gradient(135deg,#f59e0b,#f97316);font-size:10px;height:20px;line-height:20px;padding:0 10px;border-radius:10px;font-weight:600;box-shadow:0 2px 6px #f59e0b4d}@media (min-width: 768px){.status-badge .ant-badge-count{font-size:11px;height:22px;line-height:22px;padding:0 12px;border-radius:11px}}.stats-row{margin-bottom:16px}@media (min-width: 768px){.stats-row{margin-bottom:24px}}.stats-card{border-radius:12px;border:1px solid #f1f5f9;box-shadow:0 1px 3px #0000000a;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.stats-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000014!important}.stats-card .ant-card-body{padding:14px}@media (min-width: 768px){.stats-card .ant-card-body{padding:18px}}.stats-card-accent{position:absolute;top:0;left:0;right:0;height:3px}.stats-card-items .stats-card-accent{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.stats-card-processes .stats-card-accent{background:linear-gradient(90deg,#f59e0b,#f97316)}.stats-card-avg .stats-card-accent{background:linear-gradient(90deg,#10b981,#059669)}.stats-icon-wrapper{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.stats-icon-wrapper{width:36px;height:36px;border-radius:10px}}.stats-icon-items{background:#6366f11a}.stats-icon-processes{background:#f59e0b1a}.stats-icon-avg{background:#10b9811a}.stats-icon{font-size:14px}@media (min-width: 768px){.stats-icon{font-size:16px}}.stats-icon-items .stats-icon{color:#6366f1}.stats-icon-processes .stats-icon{color:#f59e0b}.stats-icon-avg .stats-icon{color:#10b981}.stats-label{font-size:10px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:block}@media (min-width: 768px){.stats-label{font-size:11px}}.stats-value{font-size:20px;font-weight:700;line-height:1}@media (min-width: 768px){.stats-value{font-size:24px}}.stats-value-items{color:#6366f1}.stats-value-processes{color:#f59e0b}.stats-value-avg{color:#10b981}.main-card{border-radius:12px;border:1px solid #f1f5f9;box-shadow:0 1px 3px #0000000a}@media (min-width: 768px){.main-card{border-radius:16px}}.main-card .ant-card-body{padding:16px}@media (min-width: 768px){.main-card .ant-card-body{padding:24px}}.controls-desktop{display:none;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}@media (min-width: 768px){.controls-desktop{display:flex}}.search-input{width:100%;max-width:320px;border-radius:10px;border:1px solid #e2e8f0;height:38px;font-size:13px}.search-icon{color:#94a3b8;font-size:13px}.group-toggle{background:#f8fafc;padding:6px 12px;border-radius:10px;border:1px solid #e2e8f0}.group-toggle-label{font-size:12px;color:#64748b;font-weight:500}.group-toggle-switch.ant-switch-checked{background:#f59e0b}.expand-btn,.add-btn,.export-btn,.refresh-btn{border-radius:8px;height:32px;font-size:12px;font-weight:500;border:1px solid #e2e8f0}@media (min-width: 768px){.expand-btn,.add-btn,.export-btn,.refresh-btn{border-radius:10px;height:38px;font-size:13px}}.expand-icon,.btn-icon{font-size:11px}@media (min-width: 768px){.expand-icon,.btn-icon{font-size:13px}}.expand-text,.btn-text{display:none}@media (min-width: 1024px){.expand-text,.btn-text{display:inline}}.add-btn{background:linear-gradient(135deg,#f59e0b,#f97316);border:none;box-shadow:0 2px 6px #f59e0b40;font-weight:600}.add-btn:hover{background:linear-gradient(135deg,#ea580c,#dc2626)!important;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b59!important}.controls-mobile{display:flex;align-items:center;gap:8px;margin-bottom:16px}@media (min-width: 768px){.controls-mobile{display:none}}.search-input-mobile{flex:1;border-radius:8px;border:1px solid #e2e8f0;height:36px;font-size:13px}.mobile-menu-btn{border-radius:8px;height:36px;width:36px;padding:0;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center}.custom-wip-table{font-size:11px;border:none;background-color:#fff;overflow:hidden}@media (min-width: 768px){.custom-wip-table{font-size:12px}}.custom-wip-table .ant-table-thead>tr>th{background:linear-gradient(180deg,#fafbff,#f8f9fd);font-weight:600;color:#1e293b;border-bottom:2px solid #e2e8f0;font-size:11px;padding:12px 8px;text-align:center;word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;white-space:normal!important}@media (min-width: 768px){.custom-wip-table .ant-table-thead>tr>th{font-size:13px;padding:16px 14px}}.custom-wip-table .ant-table-thead>tr>th:before{display:none!important}.custom-wip-table .ant-table-tbody>tr>td{padding:10px 8px;border-bottom:1px solid #f1f5f9;font-size:11px;word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;white-space:normal!important;vertical-align:top}@media (min-width: 768px){.custom-wip-table .ant-table-tbody>tr>td{padding:14px;font-size:13px}}.custom-wip-table .ant-table-tbody>tr:hover>td{background:linear-gradient(90deg,rgba(245,158,11,.08) 0%,transparent 100%)!important}.custom-wip-table .mother-row{background:linear-gradient(90deg,#f59e0b0f,#f59e0b05);font-weight:600;border-left:3px solid #f59e0b}.custom-wip-table .mother-row:hover>td{background:linear-gradient(90deg,#f59e0b1f,#f59e0b0a)!important}.custom-wip-table .child-row{background:#fefefe;border-left:3px solid #e2e8f0}.custom-wip-table .child-row:hover>td{background:linear-gradient(90deg,rgba(99,102,241,.04) 0%,transparent 100%)!important}.custom-wip-table .child-row>td:first-child{padding-left:16px!important}@media (min-width: 768px){.custom-wip-table .child-row>td:first-child{padding-left:24px!important}}.custom-wip-table .ant-table-row-expand-icon-cell{padding-right:6px!important;width:40px!important}@media (min-width: 768px){.custom-wip-table .ant-table-row-expand-icon-cell{padding-right:8px!important;width:48px!important}}.expand-spacer{width:16px;display:inline-block}@media (min-width: 768px){.expand-spacer{width:20px}}.expand-icon-active,.expand-icon-inactive{font-size:12px;cursor:pointer;margin-right:6px;flex-shrink:0}@media (min-width: 768px){.expand-icon-active,.expand-icon-inactive{font-size:13px;margin-right:8px}}.expand-icon-active{color:#f59e0b}.expand-icon-inactive{color:#94a3b8}.expand-icon-active:hover,.expand-icon-inactive:hover{transform:scale(1.15)}.custom-wip-table .ant-table-expanded-row>td{padding:0!important;background:#fafbff!important}.custom-wip-table .ant-table-expanded-row .ant-table-tbody>tr>td{background:transparent}.action-btn-primary,.action-btn-danger{border-radius:6px;height:24px;font-size:10px;flex-shrink:0}@media (min-width: 768px){.action-btn-primary,.action-btn-danger{height:28px;font-size:11px}}.action-btn-primary{background:linear-gradient(135deg,#f59e0b,#f97316);border:none;box-shadow:0 2px 4px #f59e0b33}.ep-code-mother,.ep-code-child{display:flex;align-items:flex-start;gap:6px;max-width:100%;flex-wrap:wrap}@media (min-width: 768px){.ep-code-mother,.ep-code-child{gap:8px}}.folder-icon,.file-icon{flex-shrink:0;margin-top:2px}.folder-icon{color:#f59e0b;font-size:12px}@media (min-width: 768px){.folder-icon{font-size:14px}}.ep-code-tag{font-size:11px;font-weight:600;border-radius:6px;padding:3px 10px!important;border:none;word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;white-space:normal!important;height:auto!important;line-height:1.4!important;max-width:calc(100% - 30px)}@media (min-width: 768px){.ep-code-tag{font-size:12px;padding:4px 12px!important}}.child-badge .ant-badge-count{background-color:#fff;color:#f59e0b;font-weight:700;font-size:10px;border:2px solid #f59e0b;box-shadow:0 2px 4px #f59e0b33;min-width:18px;height:18px;line-height:14px;flex-shrink:0}@media (min-width: 768px){.child-badge .ant-badge-count{font-size:11px}}.child-indicator{width:2px;height:18px;background:#e2e8f0;border-radius:1px;flex-shrink:0;margin-top:3px}@media (min-width: 768px){.child-indicator{height:20px}}.file-icon{color:#64748b;font-size:11px}@media (min-width: 768px){.file-icon{font-size:12px}}.ep-code-text{font-size:11px;font-weight:600;color:#475569;word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;white-space:normal!important;line-height:1.4;flex:1}@media (min-width: 768px){.ep-code-text{font-size:12px}}.customer-name{font-weight:500;color:#475569;font-size:12px;word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;white-space:normal!important;display:inline-block;width:100%;line-height:1.4}@media (min-width: 768px){.customer-name{font-size:13px}}.customer-name.mother{font-weight:600;color:#1e293b}.customer-name.virtual{opacity:.6}.description-text{font-size:12px;color:#475569;font-weight:500;word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;white-space:normal!important;display:block;line-height:1.4}@media (min-width: 768px){.description-text{font-size:13px}}.description-text.child{color:#64748b;font-weight:400}.description-text.virtual{opacity:.6}.part-number-tag,.location-tag{font-size:10px;font-weight:600;border-radius:6px;padding:3px 8px!important;border:none;word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;white-space:normal!important;height:auto!important;line-height:1.4!important;display:inline-block;max-width:100%}@media (min-width: 768px){.part-number-tag,.location-tag{font-size:11px;padding:4px 10px!important}}.part-number-tag.virtual,.location-tag.virtual{opacity:.6}.virtual-mother-text{font-size:11px;color:#94a3b8;font-style:italic;word-break:break-word;word-wrap:break-word;overflow-wrap:break-word}@media (min-width: 768px){.virtual-mother-text{font-size:12px}}.loading-text{font-size:11px;color:#94a3b8}@media (min-width: 768px){.loading-text{font-size:12px}}.check-icon{color:#10b981;font-size:12px;flex-shrink:0}@media (min-width: 768px){.check-icon{font-size:14px}}.completed-tag{font-size:10px;font-weight:600;border-radius:6px;padding:2px 8px;border:none;white-space:nowrap}@media (min-width: 768px){.completed-tag{font-size:11px;padding:2px 10px}}.clock-icon{color:#f59e0b;font-size:12px;flex-shrink:0}@media (min-width: 768px){.clock-icon{font-size:14px}}.process-tag{font-size:10px;font-weight:600;border-radius:6px;padding:3px 8px!important;border:none;word-break:break-word;word-wrap:break-word;overflow-wrap:break-word;white-space:normal!important;height:auto!important;line-height:1.4!important;max-width:100%}@media (min-width: 768px){.process-tag{font-size:11px;padding:4px 10px!important}}.qty-text{font-size:10px;color:#94a3b8;white-space:nowrap;flex-shrink:0}@media (min-width: 768px){.qty-text{font-size:11px}}.progress-text{font-size:9px;color:#64748b;white-space:nowrap}@media (min-width: 768px){.progress-text{font-size:10px}}.custom-wip-table .ant-pagination{margin-top:16px;text-align:center}.pagination-total{font-size:11px;color:#64748b;font-weight:500}@media (min-width: 768px){.pagination-total{font-size:13px}}.pagination-btn{border:1px solid #e2e8f0;border-radius:6px;height:28px}@media (min-width: 768px){.pagination-btn{border-radius:8px;height:32px}}.pagination-icon{color:#f59e0b;font-size:10px}@media (min-width: 768px){.pagination-icon{font-size:11px}}.custom-wip-table .ant-pagination-item{min-width:28px;height:28px;line-height:26px;font-size:11px}@media (min-width: 768px){.custom-wip-table .ant-pagination-item{min-width:32px;height:32px;line-height:30px;font-size:12px}}.custom-wip-table .ant-pagination-item-active{border-color:#f59e0b;background:#f59e0b;color:#fff}.custom-wip-table .ant-pagination-simple .ant-pagination-simple-pager{font-size:12px}.custom-wip-table .ant-pagination-simple .ant-pagination-simple-pager input{font-size:12px;height:28px}.mobile-filters-drawer .ant-drawer-body{padding:20px}.drawer-label{font-size:13px;color:#64748b;font-weight:500}.custom-wip-table .ant-table-body::-webkit-scrollbar{width:6px;height:6px}.custom-wip-table .ant-table-body::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.custom-wip-table .ant-table-body::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px;transition:background .3s ease}.custom-wip-table .ant-table-body::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.custom-wip-table .ant-table-cell-fix-left,.custom-wip-table .ant-table-cell-fix-right{background-color:inherit!important;white-space:normal!important;word-break:break-word!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.custom-wip-table .ant-table-cell-fix-left-last:after{box-shadow:inset 6px 0 4px -4px #0000000f}@media (min-width: 768px){.custom-wip-table .ant-table-cell-fix-left-last:after{box-shadow:inset 8px 0 6px -6px #0000000f}}.custom-wip-table .ant-spin{color:#f59e0b}.custom-wip-table .ant-spin-dot-item{background-color:#f59e0b}.custom-wip-table .ant-empty-description{color:#8c8c8c;font-size:11px}@media (min-width: 768px){.custom-wip-table .ant-empty-description{font-size:12px}}@media (max-width: 575px){.custom-wip-table .ant-table-thead>tr>th:nth-child(3),.custom-wip-table .ant-table-tbody>tr>td:nth-child(3){display:none}}@media (max-width: 767px){.custom-wip-table .ant-table{font-size:11px}.custom-wip-table .ant-space{gap:3px!important}.custom-wip-table .ant-tag{padding:2px 6px!important;font-size:10px}.custom-wip-table .ant-btn-sm{height:24px;padding:0 4px;font-size:10px}.ep-code-tag{max-width:calc(100% - 25px);font-size:10px!important;padding:2px 6px!important}.customer-name,.description-text{font-size:11px!important;line-height:1.3}.part-number-tag,.location-tag{font-size:10px!important;padding:2px 6px!important;line-height:1.3!important}.process-tag{font-size:10px!important;padding:2px 6px!important}}@media (max-width: 480px){.ep-code-tag{max-width:calc(100% - 20px);font-size:9px!important;padding:2px 4px!important}.ep-code-text{font-size:9px!important}.customer-name,.description-text{font-size:10px!important}}.ant-btn:not(.ant-btn-primary):hover{border-color:#f59e0b!important;color:#f59e0b!important}.ant-input:focus,.ant-input-focused{border-color:#f59e0b!important;box-shadow:0 0 0 2px #f59e0b1a!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-wip-table .ant-table-tbody>tr{animation:fadeIn .2s ease-out}.custom-wip-table .ant-table-thead>tr>th:focus,.custom-wip-table .ant-table-tbody>tr>td:focus{outline:2px solid #f59e0b;outline-offset:-2px}@media (prefers-contrast: high){.custom-wip-table .ant-table-thead>tr>th{border:2px solid #000}.custom-wip-table .ant-table-tbody>tr>td{border:1px solid #000}.custom-wip-table .mother-row{border-left:4px solid #000!important}.custom-wip-table .child-row{border-left:3px solid #333!important}}@media (prefers-reduced-motion: reduce){.custom-wip-table *,.stats-card,.ant-btn,.ant-input{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.wip-header,.stats-row,.controls-desktop,.controls-mobile,.custom-wip-table .ant-pagination{display:none}.wip-container{padding:0}.main-card{border:none;box-shadow:none}.custom-wip-table .ant-table-thead>tr>th{background:#fafafa!important;color:#262626!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.custom-wip-table .mother-row{border-left:3px solid #000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.custom-wip-table .child-row{border-left:2px solid #666!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width: 767px) and (orientation: landscape){.wip-header{padding:12px 16px}.header-icon-wrapper{width:28px;height:28px}.header-title{font-size:14px!important}.stats-card .ant-card-body{padding:12px}.stats-icon-wrapper{width:28px;height:28px}}@media (max-width: 374px){.wip-container{padding:8px}.wip-header{padding:12px;margin-bottom:12px}.header-icon-wrapper{width:28px;height:28px}.header-title{font-size:14px!important}.breadcrumb{font-size:10px}.stats-card .ant-card-body{padding:12px}.stats-icon-wrapper{width:28px;height:28px}.stats-label{font-size:9px}.stats-value{font-size:18px}.main-card .ant-card-body{padding:12px}.search-input-mobile{height:32px;font-size:12px}.mobile-menu-btn{height:32px;width:32px}}@media (min-width: 1920px){.wip-container{max-width:1800px;margin:0 auto}.search-input{max-width:400px}}@media (min-width: 768px) and (max-width: 1023px) and (orientation: landscape){.controls-desktop{flex-direction:column;align-items:stretch}.search-input{max-width:100%}}.custom-wip-table table{table-layout:auto;width:100%}.custom-wip-table .ant-table-cell.ant-table-cell-ellipsis{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.ep-code-tag,.customer-name,.description-text,.part-number-tag,.location-tag,.process-tag{word-break:break-all!important}.logs-content{padding:24px;min-height:280px;background:transparent}.logs-card{border-radius:12px!important;box-shadow:0 2px 8px #0000000f!important;overflow:hidden!important;background:#fff!important}.logs-card .ant-card-body{padding:0!important}.logs-header{padding:24px 24px 20px;border-bottom:1px solid #f0f0f0;background:#fff}.header-icon-wrapper{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea33}.header-icon{font-size:24px;color:#fff}.header-title{margin:0!important;font-size:20px!important;font-weight:600!important;color:#262626!important;line-height:1.3!important}.header-subtitle{font-size:13px!important;color:#8c8c8c!important;display:block;margin-top:2px}.logs-table,.logs-table .ant-table{background:#fff}.logs-table .ant-table-thead>tr>th{background:#fafafa;color:#262626;font-weight:600;font-size:13px;padding:16px 24px;border-bottom:1px solid #f0f0f0;transition:all .3s ease}.logs-table .ant-table-tbody>tr>td{padding:16px 24px;border-bottom:1px solid #f0f0f0;transition:all .2s ease;font-size:14px;background:#fff}.logs-table .ant-table-tbody>tr{transition:all .2s ease}.logs-table .ant-table-tbody>tr:hover>td{background-color:#fafafa!important}.logs-table .ant-pagination{padding:16px 24px;display:flex;justify-content:center;align-items:center}.logs-table .ant-pagination-item{border:1px solid #d9d9d9;border-radius:6px;transition:all .3s ease;font-weight:500}.logs-table .ant-pagination-item:hover{border-color:#667eea}.logs-table .ant-pagination-item-active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent}.logs-table .ant-pagination-item-active a{color:#fff;font-weight:600}.logs-table .ant-pagination-item a:hover{color:#667eea}.logs-table .ant-table-body::-webkit-scrollbar{width:8px;height:8px}.logs-table .ant-table-body::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.logs-table .ant-table-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;transition:background .3s ease}.logs-table .ant-table-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.logs-table .ant-empty{padding:40px 0}.logs-table .ant-empty-description{color:#8c8c8c;font-size:14px}.logs-table .ant-table-column-sorter{color:#bfbfbf}.logs-table .ant-table-column-sorter-up.active,.logs-table .ant-table-column-sorter-down.active{color:#667eea}.logs-table .ant-table-filter-trigger{color:#bfbfbf;transition:color .3s ease}.logs-table .ant-table-filter-trigger:hover,.logs-table .ant-table-filter-trigger.active{color:#667eea}@media screen and (max-width: 768px){.logs-content{padding:16px}.logs-header{padding:20px 20px 16px}.header-icon-wrapper{width:40px;height:40px}.header-icon{font-size:20px}.header-title{font-size:18px!important}.header-subtitle{font-size:12px!important}.logs-table .ant-table-thead>tr>th,.logs-table .ant-table-tbody>tr>td{padding:12px 16px;font-size:13px}.logs-table .ant-pagination{padding:12px 16px}}.logs-table .ant-spin-container{transition:opacity .3s ease}.logs-table .ant-spin-blur{opacity:.5}.work-order-modal .ant-modal-content{padding:20px;background-color:#f7f9fc;border-radius:8px;border-top:5px solid #1890ff;box-shadow:0 4px 8px #0000001a}.modal-content{display:flex;flex-direction:column}.modal-left{flex:1}.field-container{margin-bottom:5px}.field-container label{display:block;margin-bottom:7.5px;font-weight:500;color:#595959;font-size:14px}.select-epcode{width:100%;border-radius:4px;transition:all .3s;margin-bottom:2px}.input-field,.select-field,.timepicker{width:100%;border-radius:4px;height:36px;transition:all .3s}.input-field:focus,.select-field:focus,.timepicker:focus{border-color:#1890ff;box-shadow:0 0 8px #1890ff80}.ant-select-selector,.ant-input,.ant-picker{border-radius:4px!important;transition:all .3s}.ant-select-selector:hover,.ant-input:hover,.ant-picker:hover{border-color:#1890ff;box-shadow:0 0 5px #1890ff4d}.timepicker-container{display:flex;align-items:center;margin-bottom:12px}.ant-btn{border-radius:4px;transition:background-color .3s,border-color .3s}.ant-btn-primary{background-color:#1890ff;border-color:#1890ff}.ant-btn-primary:hover{background-color:#40a9ff;border-color:#40a9ff}.ant-btn-cancel{border-color:#d9d9d9}.ant-btn-cancel:hover{background-color:#f5f5f5;border-color:#d9d9d9}@media (max-width: 768px){.modal-content{flex-direction:column}.modal-left{margin-right:0;margin-bottom:12px}.select-epcode,.input-field,.select-field,.timepicker{width:100%}.timepicker-container{flex-direction:column}}@media (max-width: 576px){.input-field,.select-field,.timepicker{font-size:14px}.ant-input,.ant-select-selector{height:36px;font-size:14px}.ant-btn{font-size:14px;height:36px}}.finished-goods-table .ant-table-thead>tr>th{text-align:center;font-weight:700;text-transform:uppercase;color:#1e90ff;font-size:12px}.outgoing-page{padding:20px 24px;background:#f5f5f5;min-height:100vh}.stat-icon-wrapper.red{background:#fff1f0}.stat-icon-wrapper.red .anticon{color:#ff4d4f;font-size:18px}.ant-input-affix-wrapper:hover,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.ant-pagination-item-active{border-color:#1890ff;font-weight:600}@media (max-width: 768px){.outgoing-page{padding:16px}.stats-row{margin-bottom:16px}.stat-card-compact .ant-card-body{padding:10px 12px}.stat-icon-wrapper{width:32px;height:32px}.stat-icon-wrapper .anticon{font-size:16px!important}.stat-value-compact{font-size:18px}.stat-label-compact{font-size:10px}.search-card .ant-card-body{padding:10px 12px}}@media (max-width: 576px){.outgoing-page{padding:12px}.stat-card-compact .ant-card-body{padding:8px 10px}.stat-icon-wrapper{width:28px;height:28px}.stat-value-compact{font-size:16px}.stat-label-compact{font-size:9px}.table-card .ant-table{font-size:12px}.table-card .ant-table-thead>tr>th{font-size:11px;padding:8px 12px}.table-card .ant-table-tbody>tr>td{padding:8px 12px}}.incoming-page{padding:20px 24px;background:#f5f5f5;min-height:100vh}.stats-row{margin-bottom:20px}.stat-card-compact{border:1px solid #e8e8e8;border-radius:8px;background:#fff;transition:all .2s ease}.stat-card-compact:hover{box-shadow:0 2px 8px #0000000f;transform:translateY(-1px)}.stat-card-compact .ant-card-body{padding:12px 16px}.stat-icon-wrapper{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-wrapper.blue{background:#e6f7ff}.stat-icon-wrapper.blue .anticon{color:#1890ff;font-size:18px}.stat-icon-wrapper.green{background:#f6ffed}.stat-icon-wrapper.green .anticon{color:#52c41a;font-size:18px}.stat-icon-wrapper.orange{background:#fff7e6}.stat-icon-wrapper.orange .anticon{color:#fa8c16;font-size:18px}.stat-icon-wrapper.purple{background:#f9f0ff}.stat-icon-wrapper.purple .anticon{color:#722ed1;font-size:18px}.stat-label-compact{font-size:11px;color:#8c8c8c;margin-bottom:2px;text-transform:uppercase;letter-spacing:.3px;font-weight:500}.stat-value-compact{font-size:20px;font-weight:600;color:#262626;line-height:1}.search-card{border:1px solid #e8e8e8;border-radius:8px;background:#fff;margin-bottom:16px}.search-card .ant-card-body{padding:12px 16px}.table-card{border:1px solid #e8e8e8;border-radius:8px;background:#fff}.table-card .ant-card-body{padding:0}.table-card .ant-table{font-size:13px}.table-card .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#262626;font-size:12px;border-bottom:1px solid #f0f0f0;padding:12px 16px}.table-card .ant-table-tbody>tr>td{border-bottom:1px solid #f5f5f5;padding:10px 16px}.table-card .ant-table-tbody>tr:hover>td{background:#fafafa}.table-card .ant-table-tbody>tr:last-child>td{border-bottom:none}.table-card .ant-btn-text{padding:4px 8px}.table-card .ant-btn-text:hover{background:#fff1f0}.ant-input-affix-wrapper{border-radius:6px;border:1px solid #d9d9d9}.ant-input-affix-wrapper:hover,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused{border-color:#52c41a;box-shadow:0 0 0 2px #52c41a1a}.ant-btn{border-radius:6px;font-weight:500}.ant-btn-primary{box-shadow:0 2px #0000000b}.ant-pagination{margin:16px!important}.ant-pagination-item,.ant-pagination-prev,.ant-pagination-next{border-radius:6px}.ant-pagination-item-active{border-color:#52c41a;font-weight:600}.search-highlight{background-color:#ffc069;padding:0 2px;border-radius:2px;font-weight:500}@media (max-width: 768px){.incoming-page{padding:16px}.stats-row{margin-bottom:16px}.stat-card-compact .ant-card-body{padding:10px 12px}.stat-icon-wrapper{width:32px;height:32px}.stat-icon-wrapper .anticon{font-size:16px!important}.stat-value-compact{font-size:18px}.stat-label-compact{font-size:10px}.search-card .ant-card-body{padding:10px 12px}}@media (max-width: 576px){.incoming-page{padding:12px}.stat-card-compact .ant-card-body{padding:8px 10px}.stat-icon-wrapper{width:28px;height:28px}.stat-value-compact{font-size:16px}.stat-label-compact{font-size:9px}.table-card .ant-table{font-size:12px}.table-card .ant-table-thead>tr>th{font-size:11px;padding:8px 12px}.table-card .ant-table-tbody>tr>td{padding:8px 12px}}.ant-spin-container{min-height:400px}.ant-modal-confirm-body .ant-modal-confirm-title{font-weight:600}.ant-modal-confirm-body .ant-modal-confirm-content{color:#595959}.ant-notification{border-radius:8px}.ant-notification-notice{border-radius:8px;box-shadow:0 4px 12px #00000026}.ant-tag{border-radius:4px;border:none;font-size:12px;padding:2px 8px}.ant-typography{margin-bottom:0}h3.ant-typography{font-weight:600}*{transition:background-color .2s ease,border-color .2s ease}.ant-card,.ant-btn,.ant-input-affix-wrapper{transition:all .2s ease}.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}.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}.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}.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}.cs-remarks-modal{font-family:Arial,sans-serif;background:#fff;border-radius:10px;padding:20px;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cs-remarks-modal .ant-modal-title{font-size:22px;font-weight:700;color:#333;text-align:center}.cs-remarks-modal .ant-modal-header{background:linear-gradient(135deg,#007bff,#0056b3);border-bottom:none}.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;box-shadow:inset 0 -2px 5px #0000000d}.cs-remarks-modal .ant-table-tbody>tr>td{transition:background-color .3s ease}.cs-zoom-controls{display:flex;gap:10px;margin-bottom:10px}.cs-zoom-controls .ant-btn{background-color:#f8f9fa;border:1px solid #ccc;transition:.3s;border-radius:50px;box-shadow:0 2px 5px #0000001a}.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}@media (max-width: 576px){.cs-remarks-modal{padding:15px}.cs-table-header{font-size:16px;gap:5px}}.delivery-plan-add-item-modal{max-width:2000px;margin:0 auto;overflow:hidden;background:#fff;box-shadow:0 8px 20px #0000001a;border-radius:6px}.wizard-steps{padding:15px 25px;background:linear-gradient(90deg,#f0f2f5,#fafafa);border-bottom:1px solid #e0e0e0}.wizard-steps .ant-steps-item-title{font-weight:600;font-size:16px;letter-spacing:.25px}.steps-content{padding:20px;background-color:#fff;min-height:500px;animation:fadeIn .3s ease-in-out;overflow-y:auto}.steps-action{display:flex;justify-content:flex-end;gap:10px;padding:16px 32px;border-top:1px solid #f0f0f0;background-color:#fafafa}.steps-action .ant-btn{transition:all .3s ease;border-radius:4px}.steps-action .ant-btn-primary{background-color:#1677ff;border-color:#1677ff}.steps-action .ant-btn-primary:hover{background-color:#0958d9;border-color:#0958d9}.overview-panel{padding:20px;background:#f9f9f9;border-radius:10px;font-family:Courier New,monospace;font-size:14px;color:#333;white-space:pre-wrap;border:1px solid #eaeaea}.custom-table{margin-top:10px;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.custom-table .ant-table{border-radius:12px}.custom-table .ant-table-thead>tr>th{background:linear-gradient(180deg,#f0f2f5,#fafafa);font-weight:600;font-size:14px;text-align:center}.custom-table .ant-table-tbody>tr>td{font-size:13px;text-align:center;padding:12px 8px}.custom-table .ant-table-tbody>tr:hover{background-color:#f5faff}.custom-table .ant-btn{border-radius:6px}.custom-table .ant-btn:hover{background-color:#e6f7ff;color:#1890ff}@media (max-width: 768px){.steps-content{padding:16px}.steps-action{flex-direction:column;align-items:stretch}.steps-action button{width:100%;margin-top:8px}}.week-filter-wrapper{display:flex;justify-content:flex-end;margin:.5rem 0;padding:.5rem 1rem;background-color:#f9f9f9;border:1px solid var(--border-color);border-radius:4px;transition:box-shadow .3s ease,transform .3s ease}.week-filter-wrapper:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.week-filter-box{display:flex;align-items:center;gap:10px;background-color:#f5f5f5;padding:8px 14px;border-radius:8px;border:1px solid #e0e0e0}.week-filter-label{font-size:14px;font-weight:500;color:#444}.week-filter-select{width:140px}.week-filter-select .ant-select-selector{height:34px!important;border-radius:6px!important;background-color:#fff!important;border:1px solid #d9d9d9!important;box-shadow:none!important;transition:border-color .2s ease}.week-filter-select:hover .ant-select-selector,.week-filter-select:focus .ant-select-selector{border-color:#40a9ff!important}.process-modal .ant-modal-content{padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000001a}.process-modal .process-modal__form{margin-bottom:0}.process-modal .process-modal__form-item{margin-bottom:16px}.process-modal .process-modal__select,.process-modal .process-modal__input-number{border-radius:4px;box-shadow:0 2px 5px #0000001a}.process-modal .process-modal__col{display:flex;justify-content:center}.process-modal .ant-modal-header{background-color:#f4f4f9;border-radius:8px 8px 0 0;padding:16px}.process-modal .ant-modal-title{font-size:18px;font-weight:600;color:#333}@media (max-width: 768px){.process-modal .process-modal__col{flex:1 1 100%}}:root{--primary-bg: #fafafa;--secondary-bg: #ffffff;--border-color: #e0e0e0;--light-border: #f0f0f0;--accent-color: #1890ff;--hover-bg: #e6f7ff;--shadow-light: 0 2px 8px rgba(0, 0, 0, .05);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .06);--text-color: #333;--transition-duration: .3s;--transition-curve: cubic-bezier(.4, 0, .2, 1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes hoverBounce{0%{transform:scale(1)}50%{transform:scale(1.07)}to{transform:scale(1)}}.custom-table{margin:16px 0;border-radius:10px;overflow:hidden;box-shadow:var(--shadow-light);transition:box-shadow var(--transition-duration) var(--transition-curve),transform var(--transition-duration) var(--transition-curve);animation:fadeIn .5s ease-in-out}.custom-table:hover{box-shadow:0 4px 16px #0000001f;transform:scale(1.01)}.overview-panel{padding:24px;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%);border-radius:12px;box-shadow:var(--shadow-medium);transition:transform var(--transition-duration) var(--transition-curve),box-shadow var(--transition-duration) var(--transition-curve);animation:fadeIn .7s ease-in-out}.overview-panel:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001f}.overview-panel h2{font-size:1.6rem;font-weight:600;margin-bottom:16px;color:var(--text-color);letter-spacing:.5px}.overview-panel h3{font-size:1.3rem;font-weight:500;margin-top:24px;margin-bottom:12px;color:var(--text-color)}.table-scrollable{overflow-x:auto;border-radius:6px;background-color:var(--secondary-bg);animation:fadeIn .5s ease-in-out}.overview-table,.inventory-table,.process-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap;text-transform:uppercase}.overview-table th,.inventory-table th,.process-table th,.overview-table td,.inventory-table td,.process-table td{text-align:center!important;border:1px solid var(--border-color)!important;transition:background-color var(--transition-duration) var(--transition-curve),color var(--transition-duration) var(--transition-curve)}.overview-table tbody tr:hover,.inventory-table tbody tr:hover,.process-table tbody tr:hover{background-color:var(--hover-bg)}.compact-table th,.compact-table td{padding:8px 12px;animation:fadeIn .5s ease-in-out}.toggle-section{margin-top:16px;background-color:var(--secondary-bg);border:1px solid #dcdcdc;border-radius:6px;overflow:hidden;text-transform:uppercase;animation:fadeIn .7s ease-in-out}.toggle-section summary{padding:10px 14px;cursor:pointer;background-color:#f0f2f5;font-weight:500;font-size:12px;border-bottom:1px solid #e8e8e8;transition:background-color var(--transition-duration) var(--transition-curve),transform var(--transition-duration) var(--transition-curve)}.toggle-section summary:hover{background-color:var(--hover-bg);transform:scale(1.02);animation:hoverBounce .3s ease-in-out}.toggle-section h3{display:inline;font-size:14px;color:var(--text-color)}.toggle-section table{width:100%;border-collapse:collapse}.toggle-section td,.toggle-section th{padding:8px;border:1px solid var(--light-border);text-align:left;animation:fadeIn .5s ease-in-out}@media screen and (max-width: 768px){.overview-panel{padding:12px}.overview-panel h2,.overview-panel h3{text-align:center}.toggle-section summary{font-size:.95rem}.overview-table,.inventory-table,.process-table{font-size:13px}}.overview-connection-container{display:flex;align-items:flex-start;gap:20px;margin-bottom:30px;animation:fadeIn .5s ease-in-out}.overview-delivery-items,.overview-inventory-details{flex:1;animation:fadeIn .5s ease-in-out}.arrow-connector{display:flex;flex-direction:column;justify-content:center;gap:30px;margin-top:50px;position:relative;animation:fadeIn .7s ease-in-out}.arrow-line{width:20px;height:50px;border-left:2px solid #000;position:relative;transition:border-color var(--transition-duration) var(--transition-curve),transform var(--transition-duration) var(--transition-curve)}.arrow-line:hover{border-color:var(--accent-color);transform:scale(1.05)}.arrow-line:after{content:"";position:absolute;top:50%;left:-5px;width:10px;height:10px;border-top:2px solid #000;border-left:2px solid #000;transform:rotate(-45deg) translate(-50%,-50%);transform-origin:center;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:rotate(-45deg) translate(-50%,-50%) scale(1);opacity:1}50%{transform:rotate(-45deg) translate(-50%,-50%) scale(1.2);opacity:.7}to{transform:rotate(-45deg) translate(-50%,-50%) scale(1);opacity:1}}.process-scrollable{max-height:100px;overflow-y:auto}.overview-note{background:linear-gradient(135deg,#fff8e1,#ffecb3);color:#7a5e00;padding:15px 19px;margin-bottom:24px;border:1px solid #ffe08a;border-radius:12px;position:relative;font-size:15px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0000000f;transition:box-shadow .3s ease,transform .3s ease,background .3s ease;white-space:nowrap;overflow:hidden;width:100%;max-width:100%;animation:fadeInNote .5s ease-in-out}.overview-note:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;pointer-events:none;mix-blend-mode:overlay;opacity:0;transition:opacity .3s ease}.overview-note:hover:before{opacity:1}@media (max-width: 600px){.overview-note{white-space:normal;word-wrap:break-word}.overview-note .typing{width:auto;white-space:normal}}.overview-note .typing{display:inline-block;border-right:.1em solid #7a5e00;animation:typing 10s steps(50) 1s infinite,blink .75s step-end infinite;width:100%;overflow:hidden;white-space:nowrap;animation-timing-function:linear}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:#7a5e00}}.overview-note:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.close-button{background:none;border:none;color:#7a5e00;font-size:20px;font-weight:700;cursor:pointer;padding:0;margin-left:16px;transition:color .3s ease,transform .2s ease}.close-button:hover{color:#5c4500;transform:scale(1.1)}@keyframes fadeInNote{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.process-scrollable{max-height:90px;overflow-y:auto;background-color:#f9f9f9;padding:8px 10px;border:1px dashed #ddd;border-radius:4px;font-size:12px}.process-entry{padding:2px 4px;margin-bottom:2px}.process-type{font-weight:600;color:#1e90ff}.process-qty{color:#555;margin-left:4px}.process-table{background-color:#fff;border-radius:0!important;overflow:hidden;box-shadow:0 8px 24px #0000001a;margin-top:28px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:1px solid #dbe5f1;white-space:nowrap;transition:box-shadow .3s ease;text-transform:uppercase}.process-table:hover{box-shadow:0 12px 28px #00000026}.process-table .ant-table-thead>tr>th{background:linear-gradient(to right,#0052cc,#1890ff);font-weight:700;font-size:10px;color:#fff;text-align:center;padding:5px!important;border-bottom:1px solid #d0e2ff;letter-spacing:.8px;text-shadow:0 1px 2px rgba(0,0,0,.2);transition:background-color .3s ease}.process-table .ant-table-thead>tr:first-child>th:first-child{border-top-left-radius:18px}.process-table .ant-table-thead>tr:first-child>th:last-child{border-top-right-radius:18px}.process-table .ant-table-tbody>tr>td{font-size:13px;color:#4a4a4a;text-align:center;padding:14px;background-color:#fdfefe;border-bottom:1px solid #eef1f5;transition:background-color .3s ease}.process-table .ant-table-tbody>tr:nth-child(odd)>td{background-color:#f8fafc}.process-table .ant-table-tbody>tr:hover>td{background-color:#e6f4ff;cursor:pointer}.process-table .ant-pagination{padding:18px}.process-table .ant-pagination-item{border-radius:10px;transition:all .3s ease;border:1px solid #d6e4ff;color:#555}.process-table .ant-pagination-item:hover{border-color:#69b1ff;color:#1677ff}.process-table .ant-pagination-item-active{background-color:#1677ff;border-color:#1677ff;color:#fff}.process-table.ant-table-small .ant-table-thead>tr>th,.process-table.ant-table-small .ant-table-tbody>tr>td{padding:10px 14px}.process-table .ant-table-content{overflow-x:auto}.process-table .ant-table-content::-webkit-scrollbar{height:8px}.process-table .ant-table-content::-webkit-scrollbar-thumb{background-color:#a5b8d0;border-radius:6px}.process-table .ant-table-content::-webkit-scrollbar-track{background-color:#f0f4fa;border-radius:6px}