@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}.cycle-time-checkbox-item{margin-bottom:0!important}.cycle-time-checkbox-item .ant-form-item-control-input{min-height:auto}.cycle-time-checkbox{padding:16px 18px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:100%;transition:all .25s cubic-bezier(.4,0,.2,1);background:linear-gradient(to bottom,#fafbfc,#fff);margin:0!important;display:flex!important;align-items:flex-start;cursor:pointer;position:relative;overflow:hidden}.cycle-time-checkbox:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--primary-gradient);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);transform-origin:bottom}.cycle-time-checkbox:hover{border-color:var(--primary-light);background:var(--bg-white);box-shadow:0 4px 12px #6366f114;transform:translateY(-1px)}.cycle-time-checkbox:hover:before{transform:scaleY(1);transform-origin:top}.cycle-time-checkbox.ant-checkbox-wrapper-checked{border-color:var(--primary-color);background:linear-gradient(135deg,#6366f10d,#8b5cf608);box-shadow:0 0 0 4px #6366f114,0 2px 8px #6366f11f}.cycle-time-checkbox.ant-checkbox-wrapper-checked:before{transform:scaleY(1)}.cycle-time-checkbox .ant-checkbox{align-self:flex-start;margin-top:2px;position:relative;top:0}.cycle-time-checkbox .ant-checkbox-inner{width:18px;height:18px;border-radius:5px;border:2px solid #cbd5e1;transition:all .25s cubic-bezier(.4,0,.2,1);background:var(--bg-white)}.cycle-time-checkbox:hover .ant-checkbox-inner{border-color:var(--primary-light);transform:scale(1.05)}.cycle-time-checkbox .ant-checkbox-checked .ant-checkbox-inner{background:var(--primary-gradient);border-color:var(--primary-color);animation:checkboxPop .3s cubic-bezier(.4,0,.2,1)}@keyframes checkboxPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.cycle-time-checkbox .ant-checkbox-checked .ant-checkbox-inner:after{border-width:2px;border-color:#fff;transform:rotate(45deg) scale(1) translate(-50%,-50%)}.cycle-time-checkbox .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133}.checkbox-content{display:flex;flex-direction:column;gap:5px;margin-left:12px;flex:1}.checkbox-label{font-size:14px;font-weight:600;color:var(--text-primary);display:block;line-height:1.4;letter-spacing:-.01em;transition:color .25s cubic-bezier(.4,0,.2,1)}.cycle-time-checkbox:hover .checkbox-label,.cycle-time-checkbox.ant-checkbox-wrapper-checked .checkbox-label{color:var(--primary-color)}.checkbox-description{font-size:12px;color:var(--text-secondary);display:block;line-height:1.5;font-weight:400;transition:color .25s cubic-bezier(.4,0,.2,1)}.cycle-time-checkbox:hover .checkbox-description,.cycle-time-checkbox.ant-checkbox-wrapper-checked .checkbox-description{color:var(--text-primary)}.cycle-time-checkbox:active{transform:translateY(0);box-shadow:0 2px 6px #6366f11a}.cycle-time-checkbox:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 4px #6366f11f,0 2px 8px #6366f126}.cycle-time-checkbox.ant-checkbox-wrapper-disabled{cursor:not-allowed;opacity:.5;background:#f8fafc;border-color:#e2e8f0}.cycle-time-checkbox.ant-checkbox-wrapper-disabled:hover{transform:none;box-shadow:none;border-color:#e2e8f0}.cycle-time-checkbox.ant-checkbox-wrapper-disabled:before{display:none}.cycle-time-checkbox.ant-checkbox-wrapper-disabled .checkbox-label,.cycle-time-checkbox.ant-checkbox-wrapper-disabled .checkbox-description{color:var(--text-tertiary)}@media (max-width: 576px){.cycle-time-checkbox{padding:14px 16px}.checkbox-content{margin-left:10px;gap:4px}.checkbox-label{font-size:13px}.checkbox-description{font-size:11px}.cycle-time-checkbox .ant-checkbox-inner{width:16px;height:16px}}.cycle-time-checkbox:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}@media (prefers-reduced-motion: reduce){.cycle-time-checkbox,.cycle-time-checkbox:before,.cycle-time-checkbox .ant-checkbox-inner,.checkbox-label,.checkbox-description{transition-duration:.01ms!important}.cycle-time-checkbox .ant-checkbox-checked .ant-checkbox-inner{animation:none!important}}.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}}.users-table .ant-table-thead>tr>th .anticon{margin-right:4px;font-size:12px}.cycle-time-tag{border-radius:5px!important;font-size:11px!important;font-weight:600!important;padding:4px 10px!important;display:inline-flex!important;align-items:center!important;gap:5px!important;letter-spacing:.02em!important;border:none!important}.cycle-time-tag .anticon{font-size:12px}.cycle-time-tag.ant-tag[style*="#10b981"]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 6px #10b98133}.cycle-time-tag.ant-tag[style*="#3b82f6"]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 6px #3b82f633}.cycle-time-tag.ant-tag[style*="#94a3b8"]{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0!important}.users-table .ant-table-tbody>tr:hover .cycle-time-tag.ant-tag[style*="#10b981"]{box-shadow:0 4px 10px #10b9814d}.users-table .ant-table-tbody>tr:hover .cycle-time-tag.ant-tag[style*="#3b82f6"]{box-shadow:0 4px 10px #3b82f64d}.users-table .ant-table-tbody>tr:hover .cycle-time-tag.ant-tag[style*="#94a3b8"]{background:#e2e8f0;color:#475569}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ant-layout-sider,.toggle-compact,.icon-compact,.user-compact,.logout-btn-compact{will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.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: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 .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}.ant-layout-sider::-webkit-scrollbar{width:3px}.ant-layout-sider::-webkit-scrollbar-track{background:transparent}.ant-layout-sider::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.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}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.ant-layout-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}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.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}.production-menu .ant-menu-item-divider{margin:6px 10px;background:#0000000d;height:1px}.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)}.mobile-sidebar-overlay.active{display:block;opacity:1}@media (min-width: 1200px){.ant-layout-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){.ant-layout-sider{width:220px!important}}@media (max-width: 767px){.ant-layout-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}.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}.sidebar-time-widget{padding:12px 16px!important}.sidebar-footer{padding:14px 16px!important}}@media (max-width: 480px){.ant-layout-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}.mobile-hide-notifications{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}}@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}.sidebar-logo-header .ant-space{gap:8px!important}.sidebar-logo-header .ant-typography{font-size:13px!important}.sidebar-logo-header .ant-typography small{font-size:9px!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}}.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 (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}}@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 h3{font-size:13px!important}.dash-card p{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-item{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.progress-item-info,.progress-item .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-summary-label{font-size: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-mobile-sm{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}.section-spacing{margin-bottom:10px!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}.fg-modal .ant-modal-content{border-radius:10px;overflow:hidden;box-shadow:0 4px 16px #0000001a}.fg-modal .ant-modal-header{border:none;padding:20px 24px 16px;background:linear-gradient(135deg,#fff5f5,#fff)}.fg-modal .ant-modal-body{padding:0 24px 24px}.fg-modal .ant-modal-close{top:16px}.fg-icon-badge-out{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#ff4d4f,#ff7875);border-radius:7px;box-shadow:0 2px 6px #ff4d4f4d}.fg-icon{color:#fff;font-size:16px}.fg-title{font-size:16px;font-weight:600;color:#262626;letter-spacing:.2px}.fg-form{margin-top:12px}.fg-form .ant-form-item{margin-bottom:16px}.fg-form .ant-form-item-label>label{font-weight:600;font-size:13px;color:#262626;height:24px}.fg-form input,.fg-form .ant-picker,.fg-form textarea{border-radius:6px;border:1.5px solid #e8e8e8;transition:all .2s;font-size:14px}.fg-form input{height:38px;padding:0 11px}.fg-form .ant-input-affix-wrapper{padding:0 11px;height:38px;border-radius:6px;border:1.5px solid #e8e8e8}.fg-form .ant-picker{height:38px;padding:0 11px}.fg-form textarea{padding:8px 11px;resize:vertical}.fg-form input:hover,.fg-form .ant-picker:hover,.fg-form textarea:hover,.fg-form .ant-input-affix-wrapper:hover{border-color:#ff4d4f}.fg-form input:focus,.fg-form .ant-picker-focused,.fg-form textarea:focus,.fg-form .ant-input-affix-wrapper-focused{border-color:#ff4d4f;box-shadow:0 0 0 3px #ff4d4f14}.input-icon{font-size:15px;margin-right:4px}.fg-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #f0f0f0}.fg-actions .ant-btn{height:38px;padding:0 18px;border-radius:6px;font-weight:500;font-size:14px;transition:all .2s}.fg-btn-cancel{border:1.5px solid #d9d9d9;color:#595959}.fg-btn-cancel:hover{border-color:#ff4d4f;color:#ff4d4f;transform:translateY(-1px)}.fg-btn-submit-out{background:linear-gradient(135deg,#ff4d4f,#ff7875);border:none;box-shadow:0 2px 8px #ff4d4f40}.fg-btn-submit-out:hover{background:linear-gradient(135deg,#ff7875,#ffa39e);transform:translateY(-1px);box-shadow:0 3px 10px #ff4d4f59}.fg-btn-submit-out:active{transform:translateY(0)}.fg-form input::placeholder,.fg-form textarea::placeholder{color:#bfbfbf;font-style:italic}.fg-form .ant-input-textarea-show-count:after{font-size:12px;color:#8c8c8c}.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}.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 .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)}.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}.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}.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}}@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}.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}.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}.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}.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}.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}.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}}.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}:root{--modal-blue: #3b82f6;--modal-blue-dark: #2563eb;--modal-blue-light: rgba(59, 130, 246, .08);--modal-indigo: #6366f1;--modal-slate-50: #f8fafc;--modal-slate-100: #f1f5f9;--modal-slate-200: #e2e8f0;--modal-slate-300: #cbd5e1;--modal-slate-400: #94a3b8;--modal-slate-500: #64748b;--modal-slate-600: #475569;--modal-slate-700: #334155;--modal-slate-800: #1e293b;--modal-radius: 8px;--modal-radius-sm: 6px;--modal-shadow: 0 2px 8px rgba(0, 0, 0, .08)}.wip-modal .ant-modal-content{border-radius:12px;overflow:hidden}.wip-modal .ant-modal-header{background:linear-gradient(135deg,var(--modal-blue) 0%,var(--modal-blue-dark) 100%);border-bottom:none;padding:16px 24px}.wip-modal .ant-modal-body{padding:20px 24px;background:var(--modal-slate-50)}.wip-modal .ant-modal-footer{border-top:1px solid var(--modal-slate-100);padding:12px 24px;background:#fff}.wip-modal-header{display:flex;align-items:center;gap:12px}.wip-modal-icon{width:40px;height:40px;border-radius:var(--modal-radius);background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.wip-modal-title-wrapper{flex:1}.wip-modal-title{font-size:16px;font-weight:700;color:#fff;margin:0;line-height:1.3}.wip-modal-subtitle{font-size:12px;color:#ffffffd9;font-weight:400;margin-top:2px}.wip-modal-footer{display:flex;justify-content:flex-end;gap:8px}.wip-btn-cancel{border-radius:var(--modal-radius);font-weight:500;border-color:var(--modal-slate-200);color:var(--modal-slate-600)}.wip-btn-cancel:hover{border-color:var(--modal-blue)!important;color:var(--modal-blue)!important}.wip-btn-submit{border-radius:var(--modal-radius);background:linear-gradient(135deg,var(--modal-blue) 0%,var(--modal-blue-dark) 100%)!important;border:none!important;font-weight:600;box-shadow:0 2px 6px #3b82f640}.wip-btn-submit:hover{background:linear-gradient(135deg,var(--modal-blue-dark) 0%,#1d4ed8 100%)!important;box-shadow:0 3px 10px #3b82f659!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;background:#fff;border-radius:10px;padding:16px;border:1px solid var(--modal-slate-100);box-shadow:var(--modal-shadow)}.wip-section-header{padding-bottom:10px;margin-bottom:12px;border-bottom:2px solid var(--modal-slate-100)}.wip-section-title{font-size:14px;font-weight:700;color:var(--modal-slate-800);letter-spacing:-.1px}.wip-info-group{margin-bottom:4px}.wip-label{font-size:12px;font-weight:600;color:var(--modal-slate-700);display:block;margin-bottom:6px}.wip-label-readonly{font-size:12px;color:var(--modal-slate-500);font-weight:500}.wip-label-with-icon{display:flex;align-items:center;gap:6px;margin-bottom:6px}.wip-label-with-badge{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.wip-required{color:#ef4444;font-weight:600}.wip-icon-blue{font-size:12px;color:var(--modal-blue)}.wip-icon-info{font-size:12px;color:var(--modal-slate-400);cursor:help;transition:color .2s}.wip-icon-info:hover{color:var(--modal-blue)}.wip-readonly-input{background-color:var(--modal-slate-50)!important;color:var(--modal-slate-700)!important;cursor:default;border:1px solid var(--modal-slate-200)!important;font-size:13px}.wip-readonly-input:hover{border-color:var(--modal-slate-200)!important}.wip-modal .ant-input,.wip-modal .ant-select-selector,.wip-modal .ant-input-number{border-radius:var(--modal-radius);border-color:var(--modal-slate-200);font-size:13px}.wip-modal .ant-input:focus,.wip-modal .ant-input-focused,.wip-modal .ant-select-focused .ant-select-selector,.wip-modal .ant-input-number:focus,.wip-modal .ant-input-number-focused{border-color:var(--modal-blue)!important;box-shadow:0 0 0 2px #3b82f61f!important}.wip-tag{font-size:11px;margin:0;border-radius:var(--modal-radius-sm);font-weight:600}.wip-process-badge{background:linear-gradient(135deg,var(--modal-indigo) 0%,#8b5cf6 100%);color:#fff;font-size:12px;font-weight:600;padding:4px 12px;border-radius:var(--modal-radius-sm);border:none;box-shadow:0 2px 4px #6366f133}.wip-badge .ant-badge-count{background:var(--modal-blue);font-size:11px;font-weight:600;box-shadow:0 2px 4px #3b82f633}.wip-divider{margin:8px 0;border-color:var(--modal-slate-100)}.wip-selected-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.wip-table-container{margin-top:8px;max-height:300px;overflow-y:auto;padding-right:4px}.wip-process-item{background:#fff;border:1px solid var(--modal-slate-200);border-radius:var(--modal-radius);padding:10px 12px;display:flex;align-items:center;gap:10px;transition:all .2s ease}.wip-process-item:hover{border-color:var(--modal-blue);box-shadow:0 2px 8px #3b82f61f;transform:translateY(-1px)}.wip-process-number{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--modal-blue) 0%,var(--modal-blue-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;box-shadow:0 2px 4px #3b82f633}.wip-process-name{flex:1;font-size:12px;font-weight:500;color:var(--modal-slate-800)}.wip-qty-input{width:80px;border-radius:var(--modal-radius-sm)}.wip-qty-input .ant-input-number-input{text-align:center;font-weight:500}.wip-remove-btn{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--modal-radius-sm);transition:all .2s}.wip-remove-btn:hover{background-color:#fee2e2!important;color:#ef4444!important}.wip-remove-btn:active{background-color:#fecaca!important}.wip-empty{padding:30px 0}.wip-empty-text{font-size:12px;color:var(--modal-slate-400)}.wip-empty .ant-empty-image{height:50px}.wip-table-container::-webkit-scrollbar{width:6px}.wip-table-container::-webkit-scrollbar-track{background:var(--modal-slate-100);border-radius:3px}.wip-table-container::-webkit-scrollbar-thumb{background:var(--modal-slate-300);border-radius:3px}.wip-table-container::-webkit-scrollbar-thumb:hover{background:var(--modal-slate-400)}.wip-modal .ant-select-dropdown{border-radius:var(--modal-radius);box-shadow:0 4px 12px #0000001a}.wip-modal .ant-select-item-option{border-radius:var(--modal-radius-sm);margin:2px 4px}.wip-modal .ant-select-item-option-selected{background-color:var(--modal-blue-light);font-weight:600}.wip-modal .ant-select-item-option-active{background-color:var(--modal-blue-light)}@media (max-width: 992px){.wip-modal-container{grid-template-columns:1fr;gap:16px}.wip-modal .ant-modal-body{padding:16px}}@media (max-width: 768px){.wip-modal{max-width:calc(100vw - 32px)!important;margin:16px auto!important}.wip-modal .ant-modal-header{padding:12px 16px}.wip-modal .ant-modal-body{padding:12px}.wip-modal .ant-modal-footer{padding:10px 16px}.wip-left-column,.wip-right-column{padding:12px}.wip-modal-icon{width:36px;height:36px;font-size:18px}.wip-modal-title{font-size:15px}.wip-modal-subtitle{font-size:11px}}@media (max-width: 576px){.wip-process-item{flex-wrap:wrap}.wip-qty-input{width:100%}.wip-remove-btn{margin-left:auto}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.wip-modal .ant-modal-content{animation:modalFadeIn .2s ease-out}.wip-process-item{animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.wip-modal .ant-input,.wip-modal .ant-select-selector,.wip-modal .ant-btn,.wip-modal .ant-input-number{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .2s ease}@media (prefers-reduced-motion: reduce){.wip-modal *,.wip-process-item{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.wip-modal-header{border-bottom:2px solid #000}.wip-process-item{border:2px solid #000}.wip-label,.wip-section-title{font-weight:700}}@media print{.wip-modal .ant-modal-mask,.wip-modal-footer,.wip-remove-btn{display:none!important}.wip-modal .ant-modal-content{box-shadow:none}}.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}}:root{--wip-blue: #3b82f6;--wip-blue-dark: #2563eb;--wip-blue-light: rgba(59, 130, 246, .07);--wip-blue-mid: rgba(59, 130, 246, .13);--wip-indigo: #6366f1;--wip-indigo-light: rgba(99, 102, 241, .08);--wip-green: #10b981;--wip-green-light: rgba(16, 185, 129, .07);--wip-slate-50: #f8fafc;--wip-slate-100: #f1f5f9;--wip-slate-200: #e2e8f0;--wip-slate-300: #cbd5e1;--wip-slate-400: #94a3b8;--wip-slate-500: #64748b;--wip-slate-600: #475569;--wip-slate-700: #334155;--wip-slate-800: #1e293b;--wip-radius: 10px;--wip-radius-sm: 6px;--wip-shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--wip-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--wip-tree-indent: 20px;--wip-tree-indent-gc: 36px}.wip-container{min-height:100vh;padding:10px;background:var(--wip-slate-50)}@media (min-width: 768px){.wip-container{padding:18px}}.wip-header{position:sticky;top:0;z-index:100;margin-bottom:12px;padding:12px 16px;background:#fffffff5;border-radius:var(--wip-radius);border:1px solid var(--wip-slate-100);box-shadow:var(--wip-shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (min-width: 768px){.wip-header{margin-bottom:16px;padding:14px 20px;border-radius:12px}}.header-title-section{flex-wrap:wrap}.header-icon-wrapper{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--wip-blue) 0%,var(--wip-blue-dark) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #3b82f640}@media (min-width: 768px){.header-icon-wrapper{width:38px;height:38px}}.header-icon{font-size:16px;color:#fff}.header-title{margin:0!important;font-size:15px!important;font-weight:700!important;color:var(--wip-slate-800)!important;letter-spacing:-.2px}@media (min-width: 768px){.header-title{font-size:17px!important}}.breadcrumb{margin-top:2px;font-size:11px}.breadcrumb-link{color:var(--wip-slate-400);text-decoration:none;display:flex;align-items:center;transition:color .2s}.breadcrumb-link:hover{color:var(--wip-blue)!important}.breadcrumb-icon{margin-right:3px;font-size:10px}.breadcrumb-separator{color:var(--wip-slate-300);margin:0 3px}.breadcrumb-current{color:var(--wip-slate-500);font-weight:500}.status-badge .ant-badge-count{background:linear-gradient(135deg,var(--wip-blue) 0%,var(--wip-blue-dark) 100%);font-size:10px;height:20px;line-height:20px;padding:0 10px;border-radius:10px;font-weight:600;box-shadow:0 2px 6px #3b82f64d}.stats-row{margin-bottom:12px}@media (min-width: 768px){.stats-row{margin-bottom:16px}}.stats-card{border-radius:var(--wip-radius);border:1px solid var(--wip-slate-100);box-shadow:var(--wip-shadow-sm);overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.stats-card:hover{transform:translateY(-2px);box-shadow:var(--wip-shadow-md)!important}.stats-card .ant-card-body{padding:10px 14px}@media (min-width: 768px){.stats-card .ant-card-body{padding:12px 16px}}.stats-card-accent{position:absolute;top:0;left:0;right:0;height:3px}.stats-card-items .stats-card-accent{background:linear-gradient(90deg,var(--wip-indigo) 0%,#8b5cf6 100%)}.stats-card-processes .stats-card-accent{background:linear-gradient(90deg,var(--wip-blue) 0%,var(--wip-blue-dark) 100%)}.stats-card-avg .stats-card-accent{background:linear-gradient(90deg,var(--wip-green) 0%,#059669 100%)}.stats-icon-wrapper{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stats-icon-items{background:var(--wip-indigo-light)}.stats-icon-processes{background:var(--wip-blue-light)}.stats-icon-avg{background:var(--wip-green-light)}.stats-icon{font-size:14px}.stats-icon-items .stats-icon{color:var(--wip-indigo)}.stats-icon-processes .stats-icon{color:var(--wip-blue)}.stats-icon-avg .stats-icon{color:var(--wip-green)}.stats-label{font-size:10px;color:var(--wip-slate-400);font-weight:600;text-transform:uppercase;letter-spacing:.6px;display:block;margin-bottom:1px}.stats-value{font-size:18px;font-weight:700;line-height:1.1;display:block}.stats-value-items{color:var(--wip-indigo)}.stats-value-processes{color:var(--wip-blue)}.stats-value-avg{color:var(--wip-green)}.main-card{border-radius:var(--wip-radius);border:1px solid var(--wip-slate-100);box-shadow:var(--wip-shadow-sm)}@media (min-width: 768px){.main-card{border-radius:12px}}.main-card .ant-card-body{padding:12px}@media (min-width: 768px){.main-card .ant-card-body{padding:18px}}.controls-desktop{display:none;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px}@media (min-width: 768px){.controls-desktop{display:flex}}.search-input{width:100%;max-width:280px;border-radius:8px;border:1px solid var(--wip-slate-200);height:34px;font-size:13px}.search-icon{color:var(--wip-slate-400);font-size:13px}.group-toggle{background:var(--wip-slate-50);padding:4px 10px;border-radius:8px;border:1px solid var(--wip-slate-200);align-items:center}.group-toggle-label{font-size:12px;color:var(--wip-slate-500);font-weight:500}.group-toggle-switch.ant-switch-checked{background-color:var(--wip-blue)!important}.expand-btn,.add-btn,.export-btn,.refresh-btn{border-radius:8px;height:34px;font-size:12px;font-weight:500;border:1px solid var(--wip-slate-200);transition:border-color .2s,color .2s,box-shadow .2s}.expand-icon,.btn-icon{font-size:12px}.btn-text{display:none}@media (min-width: 1024px){.btn-text{display:inline}}.add-btn{background:linear-gradient(135deg,var(--wip-blue) 0%,var(--wip-blue-dark) 100%);border:none;color:#fff;box-shadow:0 2px 6px #3b82f640;font-weight:600}.add-btn:hover{background:linear-gradient(135deg,var(--wip-blue-dark) 0%,#1d4ed8 100%)!important;box-shadow:0 3px 10px #3b82f659!important;color:#fff!important}.controls-mobile{display:flex;align-items:center;gap:6px;margin-bottom:10px}@media (min-width: 768px){.controls-mobile{display:none}}.search-input-mobile{flex:1;border-radius:8px;border:1px solid var(--wip-slate-200);height:34px;font-size:13px}.mobile-menu-btn{border-radius:8px;height:34px;width:34px;padding:0;border:1px solid var(--wip-slate-200);display:flex;align-items:center;justify-content:center}.custom-wip-table{font-size:12px;border:none;background-color:#fff}.custom-wip-table .ant-table-thead>tr>th{background:linear-gradient(180deg,#fafbff,#f4f6fa);font-weight:600;color:var(--wip-slate-700);border-bottom:2px solid var(--wip-slate-200);font-size:11px;padding:8px 10px;text-align:center;white-space:nowrap}@media (min-width: 768px){.custom-wip-table .ant-table-thead>tr>th{font-size:12px;padding:10px 12px}}.custom-wip-table .ant-table-thead>tr>th:before{display:none!important}.custom-wip-table .ant-table-tbody>tr>td{padding:6px 10px;border-bottom:1px solid var(--wip-slate-100);font-size:12px;line-height:1.5}@media (min-width: 768px){.custom-wip-table .ant-table-tbody>tr>td{padding:8px 12px;font-size:13px}}.custom-wip-table .ant-table-tbody>tr:hover>td{background:var(--wip-blue-light)!important}.custom-wip-table .mother-row{background:var(--wip-blue-light);border-left:3px solid var(--wip-blue)}.custom-wip-table .mother-row>td{padding-top:9px!important;padding-bottom:9px!important}.custom-wip-table .mother-row:hover>td{background:var(--wip-blue-mid)!important}.custom-wip-table .child-row{background:#fff;border-left:3px solid var(--wip-slate-200)}.custom-wip-table .child-row:hover>td{background:var(--wip-indigo-light)!important}.custom-wip-table .grandchild-row{background:linear-gradient(90deg,var(--wip-green-light) 0%,#fff 60%);border-left:3px solid var(--wip-green)}.custom-wip-table .grandchild-row:hover>td{background:var(--wip-green-light)!important}.ep-code-mother{display:flex;align-items:center;gap:7px}.folder-icon{color:var(--wip-blue);font-size:14px}.ep-code-mother-label{font-size:13px;font-weight:700;color:var(--wip-slate-800);letter-spacing:-.1px}.child-badge .ant-badge-count{background:#fff;color:var(--wip-blue);font-weight:700;font-size:10px;border:1.5px solid var(--wip-blue);box-shadow:0 1px 4px #3b82f62e;min-width:18px;height:18px;line-height:15px}.ep-code-child{display:flex;align-items:center;position:relative;padding-left:var(--wip-tree-indent)}.ep-code-child.grandchild{padding-left:var(--wip-tree-indent-gc)}.tree-connector{position:absolute;left:6px;top:0;bottom:0;width:1.5px;background:var(--wip-slate-300)}.ep-code-child.grandchild .tree-connector{left:14px}.tree-branch{position:absolute;top:50%;height:1.5px;background:var(--wip-slate-300)}.ep-code-child .tree-branch{left:7px;width:calc(var(--wip-tree-indent) - 12px)}.ep-code-child.grandchild .tree-branch{left:15px;width:calc(var(--wip-tree-indent-gc) - 20px)}.file-icon{color:var(--wip-slate-400);font-size:12px}.ep-code-child-label{font-size:12px;font-weight:500;color:var(--wip-slate-600)}@media (min-width: 768px){.ep-code-child-label{font-size:13px}}.ep-code-grandchild-label{font-size:11px;font-weight:500;color:var(--wip-green);font-style:italic}@media (min-width: 768px){.ep-code-grandchild-label{font-size:12px}}.ep-code-plain{font-size:12px;color:var(--wip-slate-600);font-weight:500}.customer-name{font-weight:500;color:var(--wip-slate-600);font-size:12px}@media (min-width: 768px){.customer-name{font-size:13px}}.description-text{font-size:12px;color:var(--wip-slate-500);font-weight:400}@media (min-width: 768px){.description-text{font-size:13px}}.part-number-tag,.location-tag{font-size:10px;font-weight:600;border-radius:var(--wip-radius-sm);padding:2px 8px;border:none}@media (min-width: 768px){.part-number-tag,.location-tag{font-size:11px;padding:2px 10px}}.virtual-mother-text{font-size:11px;color:var(--wip-slate-400);font-style:italic}.loading-text{font-size:11px;color:var(--wip-slate-400)}.check-icon{color:var(--wip-green);font-size:13px}.completed-tag{font-size:10px;font-weight:600;border-radius:var(--wip-radius-sm);padding:2px 8px;border:none}@media (min-width: 768px){.completed-tag{font-size:11px}}.clock-icon{color:var(--wip-blue);font-size:13px}.process-tag{font-size:10px;font-weight:600;border-radius:var(--wip-radius-sm);padding:2px 8px;border:none}@media (min-width: 768px){.process-tag{font-size:11px}}.qty-text{font-size:10px;color:var(--wip-slate-400)}.progress-text{font-size:9px;color:var(--wip-slate-500)}.action-btn-primary,.action-btn-danger{border-radius:var(--wip-radius-sm);height:24px;font-size:10px}.action-btn-primary{background:linear-gradient(135deg,var(--wip-blue) 0%,var(--wip-blue-dark) 100%);border:none;box-shadow:0 2px 4px #3b82f633}.custom-wip-table .ant-table-row-expand-icon-cell{padding-right:4px!important;width:36px!important}.expand-spacer{width:14px;display:inline-block}.expand-icon-active,.expand-icon-inactive{font-size:12px;cursor:pointer;margin-right:4px;transition:transform .15s,color .15s}.expand-icon-active{color:var(--wip-blue)}.expand-icon-inactive{color:var(--wip-slate-400)}.expand-icon-active:hover,.expand-icon-inactive:hover{transform:scale(1.2);color:var(--wip-blue)}.custom-wip-table .ant-table-expanded-row>td{padding:0!important;background:#fafbff!important}.custom-wip-table .ant-pagination{margin-top:12px;text-align:center}.pagination-total{font-size:11px;color:var(--wip-slate-500);font-weight:500}@media (min-width: 768px){.pagination-total{font-size:12px}}.pagination-btn{border:1px solid var(--wip-slate-200);border-radius:var(--wip-radius-sm);height:28px}.pagination-icon{color:var(--wip-blue);font-size:10px}.custom-wip-table .ant-pagination-item{min-width:28px;height:28px;line-height:26px;font-size:11px;border-radius:var(--wip-radius-sm)}.custom-wip-table .ant-pagination-item-active{border-color:var(--wip-blue)!important;background:var(--wip-blue)!important;color:#fff!important}.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:16px}.drawer-label{font-size:13px;color:var(--wip-slate-500);font-weight:500}.drawer-toggle-row{display:flex;align-items:center;justify-content:space-between}.custom-wip-table .ant-table-body::-webkit-scrollbar{width:5px;height:5px}.custom-wip-table .ant-table-body::-webkit-scrollbar-track{background:var(--wip-slate-50);border-radius:3px}.custom-wip-table .ant-table-body::-webkit-scrollbar-thumb{background:var(--wip-slate-300);border-radius:3px}.custom-wip-table .ant-table-body::-webkit-scrollbar-thumb:hover{background:var(--wip-slate-400)}.custom-wip-table .ant-table-cell-fix-left,.custom-wip-table .ant-table-cell-fix-right{background-color:inherit!important}.custom-wip-table .ant-table-cell-fix-left-last:after{box-shadow:inset 6px 0 4px -4px #0000000f}.custom-wip-table .ant-spin{color:var(--wip-blue)}.custom-wip-table .ant-spin-dot-item{background-color:var(--wip-blue)}.custom-wip-table .ant-empty-description{color:var(--wip-slate-400);font-size:12px}.ant-btn:not(.ant-btn-primary):hover{border-color:var(--wip-blue)!important;color:var(--wip-blue)!important}.ant-input:focus,.ant-input-focused{border-color:var(--wip-blue)!important;box-shadow:0 0 0 2px #3b82f61f!important}@keyframes wip-fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.custom-wip-table .ant-table-tbody>tr{animation:wip-fadeIn .18s ease-out}.custom-wip-table .ant-table-thead>tr>th:focus,.custom-wip-table .ant-table-tbody>tr>td:focus{outline:2px solid var(--wip-blue);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}.custom-wip-table .grandchild-row{border-left:3px solid #006633!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 #2563eb!important;background:#3b82f60f!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}.custom-wip-table .grandchild-row{border-left:2px solid #10b981!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.tree-connector,.tree-branch{background:#333}}@media (max-width: 767px) and (orientation: landscape){.wip-header{padding:8px 12px}.header-icon-wrapper{width:28px;height:28px}.header-title{font-size:14px!important}.stats-card .ant-card-body{padding:8px 12px}}@media (max-width: 374px){.wip-container{padding:6px}.wip-header{padding:10px;margin-bottom:8px}.header-icon-wrapper{width:28px;height:28px}.header-title{font-size:14px!important}.stats-card .ant-card-body{padding:8px 10px}.stats-value{font-size:16px}.stats-label{font-size:9px}.main-card .ant-card-body{padding:8px}.search-input-mobile{height:32px}.mobile-menu-btn{height:32px;width:32px}}@media (min-width: 1920px){.wip-container{max-width:1800px;margin:0 auto}.search-input{max-width:360px}}@media (min-width: 768px) and (max-width: 1023px) and (orientation: landscape){.controls-desktop{flex-direction:column;align-items:stretch}.search-input{max-width:100%}}@media (max-width: 767px){.custom-wip-table .ant-table{font-size:11px}.custom-wip-table .ant-tag{padding:1px 6px;font-size:10px}.custom-wip-table .ant-btn-sm{height:24px;padding:0 4px;font-size:10px}:root{--wip-tree-indent: 16px;--wip-tree-indent-gc: 28px}}.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}:root{--ct-primary: #6366f1;--ct-primary-dark: #4f46e5;--ct-primary-light: #818cf8;--ct-success: #10b981;--ct-danger: #ef4444;--ct-warning: #f59e0b;--ct-purple: #8b5cf6;--ct-dark-bg: #1a2332;--ct-dark-bg-secondary: #243447;--ct-dark-bg-tertiary: #2d3f54;--ct-dark-border: #3d4f64;--ct-dark-border-light: #4a5c71;--ct-dark-text: #f8fafc;--ct-dark-text-secondary: #e2e8f0;--ct-dark-text-muted: #94a3b8;--ct-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--ct-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--ct-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--ct-radius-sm: 6px;--ct-radius-md: 8px;--ct-radius-lg: 12px}.ct-page{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;transition:background .3s ease}@media (prefers-color-scheme: dark){.ct-page{background:linear-gradient(135deg,#0f172a,#1a2d3d)}}.ct-layout{min-height:100vh;background:transparent}.ct-content{padding:14px;background:transparent}.ct-back-button-sidebar{width:100%;height:34px;padding:0 12px;border-radius:var(--ct-radius-md);font-size:12px;font-weight:600;color:#475569;transition:all .2s ease;background:transparent;border:1px solid rgba(0,0,0,.08);margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:6px}.ct-back-button-sidebar:hover{color:var(--ct-primary-light)!important;background:#6366f114!important;border-color:var(--ct-primary)!important;transform:translate(-2px)}@media (prefers-color-scheme: dark){.ct-back-button-sidebar{color:#cbd5e1;border-color:#6366f133;background:#6366f10d}.ct-back-button-sidebar:hover{background:#6366f126!important;border-color:var(--ct-primary)!important;box-shadow:0 0 12px #6366f140}}.ct-back-button-floating{position:absolute;top:16px;left:16px;z-index:10;height:33px;padding:0 14px;border-radius:var(--ct-radius-md);font-size:12px;font-weight:500;color:#475569;background:#fffffff2;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.ct-back-button-floating:hover{color:var(--ct-primary-light)!important;background:#fffffffa!important;border-color:var(--ct-primary)!important;box-shadow:0 4px 12px #6366f133}@media (prefers-color-scheme: dark){.ct-back-button-floating{color:#cbd5e1;background:#1a2332f2;border-color:#6366f14d}.ct-back-button-floating:hover{background:#1f2d3df2!important}}.ct-no-access-content{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;position:relative}.ct-no-access-card{max-width:420px;text-align:center;background:var(--ct-dark-bg-secondary)!important;border:1px solid var(--ct-dark-border)!important;box-shadow:var(--ct-shadow-lg)}.ct-no-access-icon-wrapper{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ef444433,#ef44441a);display:flex;align-items:center;justify-content:center;margin:0 auto}.ct-no-access-icon{font-size:40px;color:var(--ct-danger)}.ct-no-access-title{color:var(--ct-dark-text)!important;margin:0!important}.ct-no-access-text{color:var(--ct-dark-text-secondary)!important}.ct-sider{background:#fff!important;border-right:1px solid rgba(0,0,0,.08);height:100vh;position:sticky!important;top:0;overflow-y:auto;box-shadow:1px 0 8px #0000000f;transition:all .3s ease}@media (prefers-color-scheme: dark){.ct-sider{background:#1a2332!important;border-right-color:#6366f133;box-shadow:1px 0 12px #0006}}.ct-sider::-webkit-scrollbar{width:5px}.ct-sider::-webkit-scrollbar-track{background:transparent}.ct-sider::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.ct-sider::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (prefers-color-scheme: dark){.ct-sider::-webkit-scrollbar-thumb{background:#6366f180}.ct-sider::-webkit-scrollbar-thumb:hover{background:var(--ct-primary)}}.ct-sidebar-content{padding:10px 8px}.ct-back-button-sidebar{width:100%;height:34px;padding:0 12px;border-radius:var(--ct-radius-md);font-size:12px;font-weight:600;color:var(--ct-dark-text-secondary);transition:all .25s cubic-bezier(.4,0,.2,1);background:#2d3f5466;border:1px solid rgba(99,102,241,.2);margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden}.ct-back-button-sidebar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.2) 50%,transparent 100%);transition:left .5s ease}.ct-back-button-sidebar:hover:before{left:100%}.ct-back-button-sidebar:hover{color:var(--ct-primary-light)!important;background:#6366f126!important;border-color:var(--ct-primary)!important;transform:translate(-3px);box-shadow:0 0 15px #6366f14d}.ct-sidebar-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:8px;background:#6366f10f;border-radius:var(--ct-radius-md);border:1px solid rgba(99,102,241,.15);transition:all .2s ease}@media (prefers-color-scheme: dark){.ct-sidebar-header{background:#6366f11f;border-color:#6366f140}}.ct-sidebar-header-icon{width:30px;height:30px;border-radius:var(--ct-radius-sm);background:linear-gradient(135deg,var(--ct-primary) 0%,var(--ct-primary-dark) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0;box-shadow:0 2px 8px #6366f14d;transition:transform .2s ease}.ct-sidebar-header:hover .ct-sidebar-header-icon{transform:scale(1.05) rotate(-3deg)}.ct-sidebar-title{margin:0!important;font-size:13px!important;font-weight:700!important;color:#111827!important}@media (prefers-color-scheme: dark){.ct-sidebar-title{color:#f1f5f9!important}}.ct-sidebar-subtitle{font-size:11px;font-weight:500;color:#6b7280}@media (prefers-color-scheme: dark){.ct-sidebar-subtitle{color:#94a3b8}}.ct-sidebar-subtitle{font-size:9px;color:var(--ct-dark-text-muted);display:block;margin-top:1px;font-weight:500;letter-spacing:.01em}.ct-create-group-button{height:34px!important;border-radius:var(--ct-radius-md)!important;font-weight:600!important;font-size:12px!important;background:linear-gradient(135deg,var(--ct-primary) 0%,var(--ct-primary-dark) 100%)!important;border:none!important;margin-bottom:8px;box-shadow:0 2px 8px #6366f14d;transition:all .2s ease;gap:6px;position:relative;overflow:hidden}@media (prefers-color-scheme: dark){.ct-create-group-button{box-shadow:0 3px 12px #6366f166}}.ct-create-group-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff26;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.ct-create-group-button:hover:before{width:200px;height:200px}.ct-create-group-button:hover{background:linear-gradient(135deg,var(--ct-primary-dark) 0%,#4f46e5 100%)!important;transform:translateY(-2px);box-shadow:0 4px 14px #6366f166}.ct-create-group-button:active{transform:translateY(0);box-shadow:0 1px 4px #6366f14d}.ct-sidebar-divider{margin:6px 0!important;border-color:#00000014!important;opacity:1}@media (prefers-color-scheme: dark){.ct-sidebar-divider{border-color:#6366f126!important}}.ct-groups-list{margin-top:8px}.ct-groups-empty{margin:15px 0}.ct-empty-description{font-size:9px;color:var(--ct-dark-text-muted);font-weight:500}.ct-group-card{transition:all .2s ease;border:1px solid rgba(0,0,0,.06)!important;border-radius:var(--ct-radius-md)!important;cursor:pointer;background:#fff!important;margin-bottom:6px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}@media (prefers-color-scheme: dark){.ct-group-card{background:#1f2d3d!important;border-color:#6366f126!important}}.ct-group-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--ct-primary) 0%,var(--ct-primary-dark) 100%);opacity:0;transition:opacity .2s ease}.ct-group-card:hover:before{opacity:1}.ct-group-card:hover{border-color:var(--ct-primary)!important;background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;transform:translate(3px);box-shadow:0 4px 10px #6366f126}@media (prefers-color-scheme: dark){.ct-group-card:hover{background:linear-gradient(135deg,#6366f126,#6366f114)!important;box-shadow:0 4px 12px #6366f140}}.ct-group-card.ct-selected{border-color:var(--ct-primary)!important;background:linear-gradient(135deg,#e0e7ff,#ede9fe)!important;box-shadow:0 0 0 2px #6366f126,0 4px 12px #6366f133;transform:translate(3px)}@media (prefers-color-scheme: dark){.ct-group-card.ct-selected{background:linear-gradient(135deg,#6366f140,#6366f126)!important;box-shadow:0 0 0 1px #6366f166,0 4px 12px #6366f14d}}.ct-group-card.ct-selected:before{opacity:1}.ct-group-card .ant-card-body{padding:9px!important}.ct-group-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.04);position:relative}@media (prefers-color-scheme: dark){.ct-group-card-header{border-bottom-color:#6366f11a}}.ct-group-card-header:after{content:"";position:absolute;bottom:-1px;left:0;width:20px;height:1.5px;background:linear-gradient(90deg,var(--ct-primary) 0%,transparent 100%)}.ct-group-card-title-section{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.ct-group-card-icon-wrapper{width:28px;height:28px;border-radius:5px;background:linear-gradient(135deg,#6366f140,#6366f126);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(99,102,241,.3);box-shadow:0 2px 6px #6366f133,inset 0 1px #ffffff1a}.ct-group-card.ct-selected .ct-group-card-icon-wrapper{background:linear-gradient(135deg,#6366f166,#6366f140);border-color:#6366f180;box-shadow:0 3px 10px #6366f166,inset 0 1px #ffffff26}.ct-group-card-icon{color:var(--ct-primary-light);font-size:13px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.ct-group-card.ct-selected .ct-group-card-icon{color:#fff;animation:ct-icon-glow 2s ease-in-out infinite}@keyframes ct-icon-glow{0%,to{filter:drop-shadow(0 0 4px rgba(99,102,241,.6))}50%{filter:drop-shadow(0 0 8px rgba(99,102,241,.9))}}.ct-group-card-name{font-size:11px!important;font-weight:700!important;color:var(--ct-dark-text)!important;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ct-group-delete-btn{font-size:12px;opacity:0;transition:all .2s ease;color:var(--ct-dark-text-muted);padding:3px!important;height:22px!important;width:22px!important;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0}.ct-group-card:hover .ct-group-delete-btn{opacity:.5}.ct-group-delete-btn:hover{opacity:1!important;color:var(--ct-danger)!important;background:#ef44441a!important;transform:scale(1.1)}.ct-group-card-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.ct-group-card-description{font-size:9px;color:var(--ct-dark-text-muted);line-height:1.5;padding:6px 8px;background:#0003;border-radius:5px;border-left:2px solid rgba(99,102,241,.4);position:relative;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.ct-group-card-description:before{content:"";position:absolute;top:0;left:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--ct-primary-light) 0%,var(--ct-primary) 50%,transparent 100%)}.ct-group-card.ct-selected .ct-group-card-description{background:#6366f114;border-left-color:var(--ct-primary-light);color:var(--ct-dark-text-secondary)}.ct-group-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:6px;border-top:1px solid rgba(99,102,241,.1)}.ct-group-card-date{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--ct-dark-text-muted);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ct-group-card-date-icon{font-size:10px;color:var(--ct-primary-light);opacity:.7;flex-shrink:0}.ct-group-card.ct-selected .ct-group-card-date{color:var(--ct-dark-text-secondary)}.ct-group-card.ct-selected .ct-group-card-date-icon{opacity:1;animation:ct-date-pulse 2s ease-in-out infinite}@keyframes ct-date-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ct-group-card-badge{display:inline-block;position:relative;flex-shrink:0}.ct-group-card-badge .ant-badge-count{background:linear-gradient(135deg,#6366f14d,#6366f133)!important;border:1.5px solid rgba(99,102,241,.4)!important;color:var(--ct-primary-light)!important;font-size:9px;height:18px;line-height:15px;min-width:24px;padding:0 5px;font-weight:700;box-shadow:0 2px 6px #6366f133;font-family:Courier New,Consolas,monospace;letter-spacing:.3px}.ct-group-card.ct-selected .ct-group-card-badge .ant-badge-count{background:linear-gradient(135deg,var(--ct-primary) 0%,var(--ct-primary-dark) 100%)!important;border-color:var(--ct-primary-light)!important;color:#fff!important;box-shadow:0 3px 10px #6366f199,inset 0 1px #fff3;animation:ct-badge-pulse 2s ease-in-out infinite}.ct-group-card:hover .ct-group-card-badge .ant-badge-count{transform:scale(1.05);box-shadow:0 3px 10px #6366f159}@keyframes ct-badge-pulse{0%,to{transform:scale(1);box-shadow:0 3px 10px #6366f199,inset 0 1px #ffffff4d}50%{transform:scale(1.08);box-shadow:0 4px 14px #6366f1cc,inset 0 1px #fff6}}.ct-stats-bar{padding:10px 12px;background:#fff;border-radius:var(--ct-radius-md);border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;gap:10px;margin-bottom:12px;box-shadow:0 1px 3px #0000000d;flex-wrap:wrap;transition:all .3s ease}@media (prefers-color-scheme: dark){.ct-stats-bar{background:#1a2332;border-color:#6366f126;box-shadow:0 2px 8px #0003}}.ct-stat-item{display:flex;align-items:center;gap:8px}.ct-stat-icon{font-size:14px;transition:transform .2s ease}.ct-stat-icon.ct-stat-primary{color:#3b82f6}.ct-stat-icon.ct-stat-danger{color:#ef4444}.ct-stat-icon.ct-stat-success{color:#10b981}.ct-stat-icon.ct-stat-purple{color:#8b5cf6}.ct-stat-content{display:flex;flex-direction:column;gap:0}.ct-stat-value{font-size:12px;font-weight:700;color:#111827;line-height:1.2}@media (prefers-color-scheme: dark){.ct-stat-value{color:#f1f5f9}}.ct-stat-label{font-size:9px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.03em}@media (prefers-color-scheme: dark){.ct-stat-label{color:#94a3b8}}.ct-stat-divider{width:1px;height:22px;background:#00000014}@media (prefers-color-scheme: dark){.ct-stat-divider{background:#6366f126}}.ct-main-content-card{border-radius:var(--ct-radius-lg)!important;box-shadow:0 1px 3px #0000000f!important;border:1px solid rgba(0,0,0,.08)!important;background:#fff!important;transition:all .3s ease}@media (prefers-color-scheme: dark){.ct-main-content-card{box-shadow:0 2px 8px #00000040!important;border-color:#6366f126!important;background:#1a2332!important}}.ct-main-content-card .ant-card-body{padding:14px!important}.ct-process-tabs{margin-bottom:16px}.ct-process-tabs .ant-tabs-nav{margin-bottom:0;padding:0}.ct-process-tabs .ant-tabs-nav-wrap{background:#f8fafc;border-radius:var(--ct-radius-md);padding:6px;border:1px solid rgba(0,0,0,.06)}@media (prefers-color-scheme: dark){.ct-process-tabs .ant-tabs-nav-wrap{background:#243447;border-color:#6366f126}}.ct-process-tabs .ant-tabs-tab{font-weight:600;font-size:12px;padding:8px 14px!important;margin:0 4px!important;border-radius:var(--ct-radius-md)!important;border:1px solid transparent!important;transition:all .2s ease;color:#64748b;background:transparent}@media (prefers-color-scheme: dark){.ct-process-tabs .ant-tabs-tab{color:#94a3b8}}.ct-process-tabs .ant-tabs-tab:hover{color:var(--ct-primary)!important;background:#6366f114!important;border-color:#6366f126!important}@media (prefers-color-scheme: dark){.ct-process-tabs .ant-tabs-tab:hover{background:#6366f126!important;border-color:#6366f140!important}}.ct-process-tabs .ant-tabs-tab-active{background:linear-gradient(135deg,var(--ct-primary) 0%,var(--ct-primary-dark) 100%)!important;border-color:var(--ct-primary)!important;box-shadow:0 2px 8px #6366f14d;position:relative;overflow:hidden}.ct-process-tabs .ant-tabs-tab-active:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:ct-tab-shine 2s ease-in-out infinite}@keyframes ct-tab-shine{0%{left:-100%}50%,to{left:100%}}.ct-process-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:#fff!important;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.ct-process-tabs .ant-tabs-tab-btn{display:flex;align-items:center;gap:6px}.ct-process-tabs .ant-badge{display:inline-flex}.ct-process-tabs .ant-badge-count{background:#6366f126!important;color:var(--ct-primary)!important;border:1px solid rgba(99,102,241,.3)!important;font-size:10px;font-weight:700;min-width:20px;height:18px;line-height:16px;padding:0 6px;box-shadow:none;border-radius:9px;font-family:Courier New,Consolas,monospace}@media (prefers-color-scheme: dark){.ct-process-tabs .ant-badge-count{background:#6366f133!important;color:#818cf8!important;border-color:#6366f166!important}}.ct-process-tabs .ant-tabs-tab-active .ant-badge-count{background:#ffffff40!important;color:#fff!important;border-color:#fff6!important;box-shadow:0 2px 6px #0003,inset 0 1px #fff3}.ct-process-tabs .ant-tabs-tab:hover .ant-badge-count{transform:scale(1.05)}.ct-process-tabs .ant-tabs-ink-bar{display:none}.ct-process-tabs .ant-tabs-content-holder{padding-top:16px}.ct-data-table{margin-top:0}@media (max-width: 1200px){.ct-process-tabs .ant-tabs-nav-wrap{overflow-x:auto;overflow-y:hidden}.ct-process-tabs .ant-tabs-nav-list{flex-wrap:nowrap}}.ct-filters-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:10px;background:#f8fafc;border-radius:var(--ct-radius-md);border:1px solid rgba(0,0,0,.06);transition:all .2s ease}@media (prefers-color-scheme: dark){.ct-filters-section{background:#243447;border-color:#6366f126}}.ct-search-input{width:200px!important;border-radius:var(--ct-radius-md)!important;background:#fff!important;border-color:#00000014!important;color:#1f2937!important;font-size:13px;transition:all .2s ease}@media (prefers-color-scheme: dark){.ct-search-input{background:#1a2332!important;border-color:#6366f133!important;color:#cbd5e1!important}}.ct-search-input:hover{border-color:var(--ct-primary)!important;box-shadow:0 0 0 2px #6366f11a!important}.ct-search-input:focus{border-color:var(--ct-primary)!important;box-shadow:0 0 0 3px #6366f126!important}.ct-search-input input{background:transparent!important;color:inherit!important;font-size:13px}.ct-search-input input::placeholder{color:#9ca3af}@media (prefers-color-scheme: dark){.ct-search-input input::placeholder{color:#64748b}}.ct-search-input .anticon{color:#9ca3af}@media (prefers-color-scheme: dark){.ct-search-input .anticon{color:#64748b}}.ct-filter-select{width:160px!important}.ct-filter-select .ant-select-selector{border-radius:var(--ct-radius-md)!important;background:#fff!important;border-color:#00000014!important;color:#1f2937!important;height:32px!important;font-size:12px!important;transition:all .2s ease}@media (prefers-color-scheme: dark){.ct-filter-select .ant-select-selector{background:#1a2332!important;border-color:#6366f133!important;color:#cbd5e1!important}}.ct-filter-select:hover .ant-select-selector{border-color:var(--ct-primary)!important;box-shadow:0 0 0 2px #6366f114!important}.ct-filter-select.ant-select-focused .ant-select-selector{border-color:var(--ct-primary)!important;box-shadow:0 0 0 3px #6366f126!important}.ct-action-button{height:32px!important;border-radius:var(--ct-radius-md)!important;font-weight:500!important;font-size:12px!important;background:#fff!important;border-color:#0000001a!important;color:#475569!important;transition:all .2s ease}@media (prefers-color-scheme: dark){.ct-action-button{background:#1a2332!important;border-color:#6366f133!important;color:#cbd5e1!important}}.ct-action-button:hover{border-color:var(--ct-primary)!important;color:var(--ct-primary)!important;box-shadow:0 2px 6px #6366f11a!important}.ct-action-button.ct-btn-primary{background:linear-gradient(135deg,var(--ct-primary) 0%,var(--ct-primary-dark) 100%)!important;border-color:var(--ct-primary)!important;color:#fff!important;box-shadow:0 2px 8px #6366f14d}.ct-action-button.ct-btn-primary:hover{background:linear-gradient(135deg,var(--ct-primary-dark) 0%,#4f46e5 100%)!important;box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.ct-data-table{font-size:11px}.ct-data-table .ant-table{background:transparent;color:#1f2937}@media (prefers-color-scheme: dark){.ct-data-table .ant-table{color:#e2e8f0}}.ct-data-table .ant-table-wrapper{border-radius:var(--ct-radius-md);overflow:hidden;background:#fff}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-wrapper{background:#1a2332}}.ct-data-table .ant-table-container{border:1px solid rgba(0,0,0,.08);border-radius:var(--ct-radius-md);overflow:hidden;box-shadow:0 1px 3px #0000000f}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-container{border-color:#6366f126;box-shadow:0 2px 8px #00000040}}.ct-data-table .ant-table-thead>tr>th{background:#f8fafc!important;color:#1f2937!important;font-weight:700!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid rgba(0,0,0,.08)!important;border-right:1px solid rgba(0,0,0,.06)!important;padding:9px 8px!important;white-space:nowrap;text-align:center!important;vertical-align:middle!important;line-height:1.2!important;transition:all .2s ease}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-thead>tr>th{background:#243447!important;color:#f1f5f9!important;border-bottom-color:#6366f133!important;border-right-color:#6366f126!important}}.ct-data-table .ant-table-thead>tr>th.ct-col-obs{background:linear-gradient(180deg,#f0f4f8,#e8eef7)!important;font-size:9px!important;font-weight:700!important;color:#6366f1!important;padding:7px 4px!important;position:relative;transition:all .2s ease;min-width:50px!important}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-thead>tr>th.ct-col-obs{background:linear-gradient(180deg,#6366f126,#6366f114)!important;color:#818cf8!important}}.ct-data-table .ant-table-thead>tr>th.ct-col-obs:hover{background:linear-gradient(180deg,#e0e7ff,#ddd6fe)!important;color:#4f46e5!important}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-thead>tr>th.ct-col-obs:hover{background:linear-gradient(180deg,#6366f140,#6366f126)!important;color:#c7d2fe!important}}.ct-data-table .ant-table-thead>tr>th.ct-col-obs:not(:last-of-type):after{content:"";position:absolute;right:0;top:30%;bottom:30%;width:1px;background:#6366f11f}.ct-data-table .ant-table-thead>tr>th:last-child{border-right:none!important}.ct-data-table .ant-table-thead>tr>th.ant-table-cell-fix-left,.ct-data-table .ant-table-thead>tr>th.ant-table-cell-fix-right{position:sticky!important;z-index:3!important}.ct-data-table .ant-table-tbody>tr>td{padding:9px 8px!important;border-bottom:1px solid rgba(0,0,0,.05)!important;border-right:1px solid rgba(0,0,0,.04)!important;color:#1f2937;font-size:11px;background:#fff;vertical-align:middle;transition:all .15s ease}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-tbody>tr>td{background:#1a2332;border-bottom-color:#6366f11a!important;border-right-color:#6366f114!important;color:#cbd5e1}}.ct-data-table .ant-table-tbody>tr>td:last-child{border-right:none!important}.ct-data-table .ant-table-tbody>tr>td.ct-col-obs{padding:7px 4px!important;background:linear-gradient(180deg,#fafbfd,#f5f7fb)!important;text-align:center!important;border-left:1px solid rgba(99,102,241,.08)!important;min-width:50px!important}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-tbody>tr>td.ct-col-obs{background:linear-gradient(180deg,#1a2332b3,#1f2d3d80)!important}}.ct-data-table .ant-table-tbody>tr>td.ct-col-obs:nth-child(2n){background:linear-gradient(180deg,#f0f4f7,#eef2f7)!important}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-tbody>tr>td.ct-col-obs:nth-child(2n){background:linear-gradient(180deg,#1f2d3d99,#1a2332b3)!important}}.ct-data-table .ant-table-tbody>tr:hover>td{background:#f5f7fa!important}.ct-data-table .ant-table-tbody>tr:hover>td.ct-col-obs{background:linear-gradient(180deg,#e8eef7,#e0e7ff)!important}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-tbody>tr:hover>td.ct-col-obs{background:linear-gradient(180deg,#6366f126,#6366f11a)!important}}.ct-data-table .ant-table-tbody>tr:last-child>td{border-bottom:none!important}.ct-customer-cell{font-weight:600;color:#3b82f6;font-size:11px}@media (prefers-color-scheme: dark){.ct-customer-cell{color:#60a5fa}}.ct-ep-code-cell{font-family:Courier New,Consolas,monospace;font-size:11px;font-weight:600;color:#6366f1}@media (prefers-color-scheme: dark){.ct-ep-code-cell{color:#818cf8}}.ct-obs-value{font-family:Courier New,Consolas,monospace;font-weight:700;font-size:10px;color:#4f46e5;display:inline-block;padding:3px 7px;background:#ede9fe;border-radius:4px;border:1px solid #e9d5ff;transition:all .15s ease;min-width:34px;text-align:center}.ct-data-table .ant-table-tbody>tr:hover>td.ct-col-obs .ct-obs-value{background:#ddd6fe;border-color:#c7d2fe;color:#4f46e5;transform:scale(1.08);box-shadow:0 2px 4px #6366f126}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-tbody>tr:hover>td.ct-col-obs .ct-obs-value{background:#6366f140;border-color:#6366f166;color:#e0e7ff}}.ct-operator-tag{background:linear-gradient(135deg,#f3e8ff,#ede9fe)!important;color:#7c3aed!important;border:1px solid #e9d5ff!important;border-radius:4px!important;padding:2px 8px!important;font-weight:600;font-size:10px;transition:all .2s ease}@media (prefers-color-scheme: dark){.ct-operator-tag{background:#8b5cf633!important;color:#d8b4fe!important;border-color:#8b5cf64d!important}}.ct-data-table .ant-table-tbody>tr:hover .ct-operator-tag{transform:scale(1.05);box-shadow:0 2px 6px #a855f733}.ct-average-tag{background:linear-gradient(135deg,#dbeafe,#cffafe)!important;color:#0369a1!important;border:1px solid #a5f3fc!important;border-radius:4px!important;padding:2px 8px!important;font-weight:700;font-size:10px;transition:all .2s ease;font-family:Courier New,Consolas,monospace}@media (prefers-color-scheme: dark){.ct-average-tag{background:#22c5d333!important;color:#67e8f9!important;border-color:#22c5d34d!important}}.ct-data-table .ant-table-tbody>tr:hover .ct-average-tag{transform:scale(1.05);box-shadow:0 2px 6px #22c5d333}.ct-data-table .ant-table-tbody>tr:hover>td.ct-col-operators{background:linear-gradient(135deg,#a855f740,#a855f726)!important}.ct-operator-tag{background:linear-gradient(135deg,#a855f759,#a855f740)!important;border:1.5px solid rgba(168,85,247,.6)!important;color:#c084fc!important;font-weight:800!important;font-size:12px!important;padding:5px 12px;border-radius:6px;box-shadow:0 2px 8px #a855f74d,inset 0 1px #ffffff1a;transition:all .2s ease;font-family:Courier New,Consolas,monospace;min-width:40px;display:inline-block;text-align:center}.ct-data-table .ant-table-tbody>tr:hover .ct-operator-tag{background:linear-gradient(135deg,#a855f780,#a855f759)!important;border-color:#a855f7cc!important;color:#e9d5ff!important;transform:scale(1.08);box-shadow:0 4px 12px #a855f780,inset 0 1px #fff3}.ct-data-table .ant-table-thead>tr>th.ct-col-operators{background:linear-gradient(135deg,#a855f726,#a855f714)!important;color:#c084fc!important;font-weight:700!important}.ct-data-table .ant-table-tbody>tr>td.ct-col-average{background:linear-gradient(135deg,#6366f11f,#6366f10f)!important;border-left:2px solid rgba(99,102,241,.4)!important;padding:8px!important}.ct-average-tag{background:linear-gradient(135deg,#6366f140,#6366f126)!important;border:1.5px solid rgba(99,102,241,.4)!important;color:var(--ct-primary-light)!important;font-weight:800!important;font-size:11px!important;padding:4px 10px;border-radius:6px;box-shadow:0 2px 6px #6366f133;transition:all .2s ease;font-family:Courier New,Consolas,monospace}.ct-data-table .ant-table-tbody>tr:hover .ct-average-tag{background:linear-gradient(135deg,#6366f159,#6366f140)!important;border-color:#6366f199!important;transform:scale(1.05);box-shadow:0 3px 10px #6366f159}.ct-action-btn{color:#6b7280;font-size:14px;transition:all .2s ease}@media (prefers-color-scheme: dark){.ct-action-btn{color:#94a3b8}}.ct-action-btn:hover{background:#6366f11a!important;color:var(--ct-primary)!important;transform:scale(1.08)}@media (prefers-color-scheme: dark){.ct-action-btn:hover{background:#6366f133!important;color:#818cf8!important}}.ct-action-btn.ct-action-delete:hover{background:#ef44441a!important;color:#ef4444!important}@media (prefers-color-scheme: dark){.ct-action-btn.ct-action-delete:hover{background:#ef444426!important}}.ct-data-table .ant-table-body::-webkit-scrollbar{width:6px;height:6px}.ct-data-table .ant-table-body::-webkit-scrollbar-track{background:#f8fafc;border-radius:3px}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-body::-webkit-scrollbar-track{background:#1a2332}}.ct-data-table .ant-table-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e1,#a0aec0);border-radius:3px;transition:background .2s ease}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6366f180,#6366f14d)}}.ct-data-table .ant-table-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9ca3af,#6b7280)}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#818cf8,#6366f1)}}.ct-data-table .ant-table-body::-webkit-scrollbar-corner{background:var(--ct-dark-bg)}.ct-data-table .ant-pagination{margin-top:16px}.ct-data-table .ant-pagination-item{background:var(--ct-dark-bg-tertiary)!important;border-color:var(--ct-dark-border)!important}.ct-data-table .ant-pagination-item a{color:var(--ct-dark-text-secondary)!important}.ct-data-table .ant-pagination-item-active{background:var(--ct-primary)!important;border-color:var(--ct-primary)!important}.ct-data-table .ant-pagination-item-active a{color:#fff!important}.ct-empty-state-wrapper{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:20px}.ct-empty-state-card{max-width:480px;text-align:center;background:var(--ct-dark-bg-secondary)!important;border:1px solid var(--ct-dark-border)!important;box-shadow:var(--ct-shadow-lg)}.ct-empty-state-icon-wrapper{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#6366f133,#6366f11a);display:flex;align-items:center;justify-content:center;margin:0 auto}.ct-empty-state-icon{font-size:42px;color:var(--ct-primary-light)}.ct-empty-state-title{color:var(--ct-dark-text)!important;font-size:20px!important;margin:0!important}.ct-empty-state-text{color:var(--ct-dark-text-secondary)!important}.ct-empty-state-button{height:40px!important;background:var(--ct-primary)!important;border:none!important}.ct-empty-state-button:hover{background:var(--ct-primary-dark)!important}@media (max-width: 768px){.ct-sider{position:fixed!important;left:-280px;z-index:999;transition:left .3s ease}.ct-filters-section{flex-direction:column;align-items:stretch}.ct-search-input,.ct-filter-select,.ct-stats-bar{width:100%}}@keyframes ct-fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ct-group-card,.ct-main-content-card,.ct-empty-state-card{animation:ct-fadeInUp .3s ease}@keyframes ct-pulse-obs{0%,to{opacity:1}50%{opacity:.9}}.ct-data-table .ant-table-tbody>tr:hover .ct-obs-value{animation:ct-pulse-obs 2s ease-in-out infinite}.ct-group-modal .ant-modal-content{background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 10px 40px #00000026;border-radius:12px!important;overflow:hidden}@media (prefers-color-scheme: dark){.ct-group-modal .ant-modal-content{background:#1a2332!important;border-color:#6366f133!important;box-shadow:0 15px 50px #0006}}.ct-group-modal .ant-modal-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border-bottom:1px solid rgba(0,0,0,.06)!important;padding:16px 20px!important}@media (prefers-color-scheme: dark){.ct-group-modal .ant-modal-header{background:linear-gradient(135deg,#243447,#1f3447)!important;border-bottom-color:#6366f126!important}}.ct-group-modal .ant-modal-title{color:#111827!important;font-weight:700!important;font-size:16px!important}@media (prefers-color-scheme: dark){.ct-group-modal .ant-modal-title{color:#f1f5f9!important}}.ct-group-modal .ant-modal-close{color:#9ca3af!important;transition:all .2s ease}@media (prefers-color-scheme: dark){.ct-group-modal .ant-modal-close{color:#64748b!important}}.ct-group-modal .ant-modal-close:hover{color:var(--ct-primary)!important;background:#6366f11a!important}.ct-group-modal .ant-modal-body{background:#fff!important;padding:20px!important}@media (prefers-color-scheme: dark){.ct-group-modal .ant-modal-body{background:#1a2332!important}}.ct-group-modal .ant-modal-footer{background:#f8fafc!important;border-top:1px solid rgba(0,0,0,.06)!important;padding:12px 16px!important;gap:8px}@media (prefers-color-scheme: dark){.ct-group-modal .ant-modal-footer{background:#243447!important;border-top-color:#6366f126!important}}.ct-group-modal .ant-form-item-label>label{color:#1f2937!important;font-weight:600!important;font-size:13px!important}@media (prefers-color-scheme: dark){.ct-group-modal .ant-form-item-label>label{color:#cbd5e1!important}}.ct-group-modal .ant-form-item-label>label.ant-form-item-required:before{color:#ef4444!important}.ct-group-modal .ant-picker{background:#fff!important;border-color:#0000001a!important;border-radius:var(--ct-radius-md)!important;transition:all .2s ease;font-size:13px}@media (prefers-color-scheme: dark){.ct-group-modal .ant-picker{background:#1a2332!important;border-color:#6366f133!important}}.ct-group-modal .ant-picker:hover{border-color:var(--ct-primary)!important;box-shadow:0 0 0 2px #6366f114!important}.ct-group-modal .ant-picker-focused{border-color:var(--ct-primary)!important;box-shadow:0 0 0 3px #6366f126!important}.ct-group-modal .ant-picker input{color:#1f2937!important;font-size:13px}@media (prefers-color-scheme: dark){.ct-group-modal .ant-picker input{color:#cbd5e1!important}}.ct-group-modal .ant-picker-suffix{color:#9ca3af!important}@media (prefers-color-scheme: dark){.ct-group-modal .ant-picker-suffix{color:#64748b!important}}.ct-group-modal .ant-input-textarea .ant-input{background:#fff!important;border-color:#0000001a!important;color:#1f2937!important;font-size:13px;border-radius:var(--ct-radius-md)!important;transition:all .2s ease}@media (prefers-color-scheme: dark){.ct-group-modal .ant-input-textarea .ant-input{background:#1a2332!important;border-color:#6366f133!important;color:#cbd5e1!important}}.ct-group-modal .ant-input-textarea .ant-input:hover{border-color:var(--ct-primary)!important;box-shadow:0 0 0 2px #6366f114!important}.ct-group-modal .ant-input-textarea .ant-input:focus{border-color:var(--ct-primary)!important;box-shadow:0 0 0 3px #6366f126!important}.ct-group-modal .ant-input::placeholder{color:#d1d5db!important}@media (prefers-color-scheme: dark){.ct-group-modal .ant-input::placeholder{color:#475569!important}}.ct-group-modal .ant-btn{border-radius:var(--ct-radius-md)!important;font-weight:600!important;height:34px!important;font-size:13px!important;transition:all .2s ease}.ct-group-modal .ant-btn-default{background:#fff!important;border-color:#0000001a!important;color:#475569!important}@media (prefers-color-scheme: dark){.ct-group-modal .ant-btn-default{background:#1a2332!important;border-color:#6366f133!important;color:#cbd5e1!important}}.ct-group-modal .ant-btn-default:hover{border-color:var(--ct-primary)!important;color:var(--ct-primary)!important;background:#6366f10d!important;box-shadow:0 2px 8px #6366f11a}.ct-group-modal .ant-btn-primary{background:linear-gradient(135deg,var(--ct-primary) 0%,var(--ct-primary-dark) 100%)!important;border-color:var(--ct-primary)!important;color:#fff!important;box-shadow:0 2px 8px #6366f14d}.ct-group-modal .ant-btn-primary:hover{background:linear-gradient(135deg,var(--ct-primary-dark) 0%,#4f46e5 100%)!important;border-color:var(--ct-primary-dark)!important;box-shadow:0 4px 14px #6366f166;transform:translateY(-1px)}.ct-grouped-tables{display:flex;flex-direction:column;gap:16px}.ct-process-group{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000a;transition:all .3s ease}@media (prefers-color-scheme: dark){.ct-process-group{background:#1a2332;border-color:#6366f126;box-shadow:0 2px 6px #0003}}.ct-process-group:hover{box-shadow:0 4px 12px #6366f11a;border-color:#6366f14d}@media (prefers-color-scheme: dark){.ct-process-group:hover{box-shadow:0 4px 12px #6366f133}}.ct-process-group-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid rgba(99,102,241,.15)}@media (prefers-color-scheme: dark){.ct-process-group-header{background:linear-gradient(135deg,#243447,#1f3447);border-bottom-color:#6366f140}}.ct-process-group-title{display:flex;align-items:center;gap:8px}.ct-process-icon{color:var(--ct-primary);font-size:14px;padding:4px;background:#6366f11a;border-radius:4px}.ct-process-name{font-size:12px;font-weight:700;color:#1f2937;letter-spacing:.02em}@media (prefers-color-scheme: dark){.ct-process-name{color:#f1f5f9}}.ct-process-badge .ant-badge-count{background:var(--ct-primary)!important;color:#fff!important;font-size:10px;font-weight:700;height:20px;line-height:20px;min-width:28px;border-radius:10px;box-shadow:0 2px 6px #6366f14d}.ct-process-stats{display:flex;gap:12px}.ct-process-stat{font-size:11px;font-weight:600;color:#6b7280;padding:4px 10px;background:#6366f114;border-radius:4px;border:1px solid rgba(99,102,241,.15)}@media (prefers-color-scheme: dark){.ct-process-stat{color:#94a3b8;background:#6366f126;border-color:#6366f140}}.ct-data-table .ant-table-thead>tr>th,.ct-data-table .ant-table-tbody>tr>td{padding:8px 10px!important;font-size:11px!important}.ct-ep-code-text{font-family:Courier New,Consolas,monospace;font-size:11px;font-weight:700;color:#6366f1;background:#6366f114;padding:3px 8px;border-radius:4px;display:inline-block;border:1px solid rgba(99,102,241,.2)}@media (prefers-color-scheme: dark){.ct-ep-code-text{color:#818cf8;background:#6366f126;border-color:#6366f14d}}.ct-customer-text{font-weight:600;color:#3b82f6;font-size:11px}@media (prefers-color-scheme: dark){.ct-customer-text{color:#60a5fa}}.ct-item-desc-text{color:#1f2937;font-size:11px;line-height:1.4}@media (prefers-color-scheme: dark){.ct-item-desc-text{color:#cbd5e1}}.ct-part-num-text{font-family:Courier New,Consolas,monospace;font-size:10px;font-weight:600;color:#64748b;background:#64748b14;padding:2px 6px;border-radius:3px;display:inline-block}@media (prefers-color-scheme: dark){.ct-part-num-text{color:#94a3b8;background:#94a3b81f}}.ct-operator-count{font-weight:700;font-size:12px;color:#8b5cf6;background:linear-gradient(135deg,#8b5cf626,#8b5cf614);padding:4px 10px;border-radius:5px;border:1px solid rgba(139,92,246,.25);display:inline-block;min-width:32px;text-align:center;box-shadow:0 1px 3px #8b5cf61a}@media (prefers-color-scheme: dark){.ct-operator-count{color:#c084fc;background:linear-gradient(135deg,#c084fc33,#c084fc1a);border-color:#c084fc4d}}.ct-obs-value{font-family:Courier New,Consolas,monospace;font-weight:700;font-size:11px;color:#4f46e5;background:#ede9fe;padding:3px 6px;border-radius:4px;border:1px solid #ddd6fe;display:inline-block;min-width:36px;text-align:center;transition:all .15s ease}@media (prefers-color-scheme: dark){.ct-obs-value{color:#c7d2fe;background:#6366f126;border-color:#6366f140}}.ct-data-table .ant-table-tbody>tr:hover .ct-obs-value{background:#ddd6fe;border-color:#c7d2fe;transform:scale(1.05);box-shadow:0 2px 4px #6366f133}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-tbody>tr:hover .ct-obs-value{background:#6366f140;border-color:#6366f166}}.ct-average-value{font-family:Courier New,Consolas,monospace;font-weight:800;font-size:12px;color:#0891b2;background:linear-gradient(135deg,#cffafe,#a5f3fc);padding:4px 10px;border-radius:5px;border:1px solid #67e8f9;display:inline-block;min-width:46px;text-align:center;box-shadow:0 1px 3px #0891b233;transition:all .15s ease}@media (prefers-color-scheme: dark){.ct-average-value{color:#67e8f9;background:linear-gradient(135deg,#67e8f933,#67e8f91a);border-color:#67e8f94d}}.ct-data-table .ant-table-tbody>tr:hover .ct-average-value{transform:scale(1.05);box-shadow:0 2px 6px #0891b24d}.ct-data-table .ant-table-thead>tr>th{background:#f8fafc!important;color:#475569!important;font-weight:700!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.05em;padding:8px 10px!important;border-bottom:2px solid rgba(99,102,241,.15)!important;border-right:1px solid rgba(0,0,0,.04)!important}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-thead>tr>th{background:#243447!important;color:#cbd5e1!important;border-bottom-color:#6366f140!important;border-right-color:#6366f11a!important}}.ct-data-table .ant-table-thead>tr>th.ct-col-observations-parent{background:linear-gradient(135deg,#ede9fe,#e0e7ff)!important;color:#6366f1!important;font-weight:700!important;border-left:2px solid #6366f1!important;border-right:2px solid #6366f1!important}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-thead>tr>th.ct-col-observations-parent{background:linear-gradient(135deg,#6366f133,#6366f126)!important;color:#818cf8!important}}.ct-data-table .ant-table-thead>tr>th.ct-col-obs{background:#f5f3ff!important;color:#7c3aed!important;font-size:10px!important;font-weight:700!important;padding:6px 8px!important}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-thead>tr>th.ct-col-obs{background:#7c3aed26!important;color:#a78bfa!important}}.ct-data-table .ant-table-tbody>tr{transition:all .2s ease}.ct-data-table .ant-table-tbody>tr>td{padding:8px 10px!important;border-bottom:1px solid rgba(0,0,0,.04)!important;border-right:1px solid rgba(0,0,0,.03)!important;background:#fff}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-tbody>tr>td{background:#1a2332;border-bottom-color:#6366f114!important;border-right-color:#6366f10d!important}}.ct-data-table .ant-table-tbody>tr:nth-child(2n)>td{background:#f9fafb}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-tbody>tr:nth-child(2n)>td{background:#1f2d3d}}.ct-data-table .ant-table-tbody>tr:hover>td{background:#f0f4f8!important}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-tbody>tr:hover>td{background:#243447!important}}.ct-data-table .ant-table-tbody>tr>td.ct-col-obs{background:#faf5ff!important;border-left:1px solid rgba(124,58,237,.1)!important}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-tbody>tr>td.ct-col-obs{background:#7c3aed0d!important}}.ct-data-table .ant-table-tbody>tr:hover>td.ct-col-obs{background:#f3e8ff!important}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-tbody>tr:hover>td.ct-col-obs{background:#7c3aed1f!important}}.ct-data-table .ant-table-tbody>tr>td.ct-col-average{background:#ecfeff!important;border-left:2px solid rgba(8,145,178,.2)!important}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-tbody>tr>td.ct-col-average{background:#0891b214!important}}.ct-data-table .ant-table-tbody>tr:hover>td.ct-col-average{background:#cffafe!important}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-tbody>tr:hover>td.ct-col-average{background:#0891b226!important}}.ct-actions-space{display:flex;gap:2px}.ct-action-btn{width:26px!important;height:26px!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.ct-action-btn .anticon{font-size:13px}.ct-action-btn:hover{transform:scale(1.1)}.ct-table-empty{padding:40px 20px}.ct-table-empty .ant-empty-description{color:var(--ct-dark-text-muted);font-size:12px}@media (max-width: 1200px){.ct-process-group-header{flex-direction:column;align-items:flex-start;gap:8px}.ct-process-stats{width:100%;justify-content:space-between}}@media (max-width: 768px){.ct-data-table .ant-table-thead>tr>th,.ct-data-table .ant-table-tbody>tr>td{padding:6px 8px!important;font-size:10px!important}.ct-process-group-header{padding:8px 10px}}.ct-qty-value{font-weight:700;font-size:11px;color:#059669;background:linear-gradient(135deg,#05966926,#05966914);padding:3px 8px;border-radius:4px;border:1px solid rgba(5,150,105,.25);display:inline-block;min-width:32px;text-align:center;font-family:Courier New,Consolas,monospace}@media (prefers-color-scheme: dark){.ct-qty-value{color:#34d399;background:linear-gradient(135deg,#34d39933,#34d3991a);border-color:#34d3994d}}.ct-process-tag{background:linear-gradient(135deg,#6366f133,#6366f126)!important;color:var(--ct-primary-light)!important;border:1px solid rgba(99,102,241,.3)!important;border-radius:4px!important;padding:2px 8px!important;font-weight:600;font-size:10px;transition:all .2s ease}@media (prefers-color-scheme: dark){.ct-process-tag{background:linear-gradient(135deg,#6366f140,#6366f12e)!important;color:#818cf8!important;border-color:#6366f166!important}}.ct-data-table .ant-table-tbody>tr:hover .ct-process-tag{transform:scale(1.05);box-shadow:0 2px 6px #6366f133}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-tbody>tr:hover .ct-process-tag{box-shadow:0 2px 8px #6366f14d}}.ct-time-value{font-family:Courier New,Consolas,monospace;font-weight:600;font-size:11px;color:#f59e0b;background:#f59e0b1a;padding:3px 7px;border-radius:4px;border:1px solid rgba(245,158,11,.2);display:inline-block;min-width:38px;text-align:center}@media (prefers-color-scheme: dark){.ct-time-value{color:#fbbf24;background:#fbbf2426;border-color:#fbbf2440}}.ct-total-cycle-value{font-family:Courier New,Consolas,monospace;font-weight:700;font-size:11px;color:#8b5cf6;background:linear-gradient(135deg,#8b5cf626,#8b5cf614);padding:4px 8px;border-radius:4px;border:1px solid rgba(139,92,246,.25);display:inline-block;min-width:40px;text-align:center}@media (prefers-color-scheme: dark){.ct-total-cycle-value{color:#a78bfa;background:linear-gradient(135deg,#a78bfa33,#a78bfa1a);border-color:#a78bfa4d}}.ct-estimated-value{font-family:Courier New,Consolas,monospace;font-weight:600;font-size:11px;color:#dc2626;background:#dc26261a;padding:3px 7px;border-radius:4px;border:1px solid rgba(220,38,38,.2);display:inline-block;min-width:38px;text-align:center}@media (prefers-color-scheme: dark){.ct-estimated-value{color:#f87171;background:#f8717126;border-color:#f8717140}}.ct-remarks-text{color:#475569;font-size:11px;line-height:1.4;display:block}@media (prefers-color-scheme: dark){.ct-remarks-text{color:#94a3b8}}.ct-data-table .ant-table-tbody>tr>td.ct-col-remarks,.ct-data-table .ant-table-tbody>tr>td.ct-col-remarks-2,.ct-data-table .ant-table-tbody>tr>td.ct-col-prod-remarks{background:#f1f5f980}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-tbody>tr>td.ct-col-remarks,.ct-data-table .ant-table-tbody>tr>td.ct-col-remarks-2,.ct-data-table .ant-table-tbody>tr>td.ct-col-prod-remarks{background:#1e293b4d}}.ct-date-text{font-size:10px;color:#64748b;font-family:Courier New,Consolas,monospace}@media (prefers-color-scheme: dark){.ct-date-text{color:#94a3b8}}.ct-data-table .ant-table-tbody>tr>td.ct-col-created-at,.ct-data-table .ant-table-tbody>tr>td.ct-col-updated-at{background:#f8fafc80}@media (prefers-color-scheme: dark){.ct-data-table .ant-table-tbody>tr>td.ct-col-created-at,.ct-data-table .ant-table-tbody>tr>td.ct-col-updated-at{background:#0f172a4d}}.ct-data-table .ant-table-tbody>tr:hover .ct-qty-value,.ct-data-table .ant-table-tbody>tr:hover .ct-time-value,.ct-data-table .ant-table-tbody>tr:hover .ct-total-cycle-value,.ct-data-table .ant-table-tbody>tr:hover .ct-estimated-value{transform:scale(1.05);box-shadow:0 2px 6px #00000026}.ct-modal .ant-modal-content{background:var(--ct-dark-bg-secondary)!important;border:1px solid var(--ct-dark-border)!important;box-shadow:var(--ct-shadow-lg)}.ct-modal .ant-modal-header{background:var(--ct-dark-bg-tertiary)!important;border-bottom:1px solid var(--ct-dark-border)!important;padding:16px 24px}.ct-modal .ant-modal-title{color:var(--ct-dark-text)!important}.ct-modal .ant-modal-close{color:var(--ct-dark-text-muted)!important}.ct-modal .ant-modal-close:hover{color:var(--ct-dark-text)!important;background:#6366f11a!important}.ct-modal .ant-modal-body{background:var(--ct-dark-bg-secondary)!important;padding:20px 24px!important}.ct-modal .ant-modal-footer{background:var(--ct-dark-bg-secondary)!important;border-top:1px solid var(--ct-dark-border)!important;padding:14px 24px}.ct-modal-header{display:flex;align-items:center;gap:12px;padding:4px 0}.ct-modal-header-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--ct-primary) 0%,var(--ct-primary-dark) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f14d}.ct-modal-header-title{font-size:17px;font-weight:600;color:var(--ct-dark-text)!important;line-height:1.3}.ct-modal-header-subtitle{font-size:12px;color:var(--ct-dark-text-muted);font-weight:400}.ct-modal-section{padding:16px;border-radius:10px;margin-bottom:16px;border:1px solid var(--ct-dark-border)}.ct-modal-section-primary{background:linear-gradient(135deg,#6366f114,#6366f10a)}.ct-modal-section-secondary{background:var(--ct-dark-bg-tertiary)}.ct-modal-section-header{display:flex;align-items:center;gap:6px;margin-bottom:12px}.ct-modal-section-icon{color:var(--ct-primary-light);font-size:15px}.ct-modal-section-title{font-weight:600;color:var(--ct-dark-text);font-size:13px}.ct-modal .ant-form-item{margin-bottom:12px}.ct-modal .ant-form-item-label>label{color:var(--ct-dark-text-secondary)!important;font-weight:500;font-size:13px}.ct-modal .ant-form-item-label>label.ant-form-item-required:before{color:var(--ct-danger)!important}.ct-modal .ant-form-item-explain-error{color:var(--ct-danger)!important;font-size:12px}.ct-modal .ant-input,.ct-modal .ant-input-number,.ct-modal .ant-picker{background:var(--ct-dark-bg)!important;border-color:var(--ct-dark-border)!important;color:var(--ct-dark-text)!important;border-radius:6px;font-size:13px}.ct-modal .ant-input:hover,.ct-modal .ant-input-number:hover,.ct-modal .ant-picker:hover{border-color:var(--ct-primary)!important}.ct-modal .ant-input:focus,.ct-modal .ant-input-number:focus,.ct-modal .ant-picker:focus,.ct-modal .ant-input-focused,.ct-modal .ant-input-number-focused,.ct-modal .ant-picker-focused{border-color:var(--ct-primary)!important;box-shadow:0 0 0 2px #6366f133!important}.ct-modal .ant-input::placeholder,.ct-modal .ant-input-number input::placeholder{color:var(--ct-dark-text-muted)!important}.ct-modal .ant-input:disabled,.ct-modal .ant-input-number-disabled,.ct-modal .ant-input[disabled]{background:#2d3f5480!important;color:var(--ct-dark-text-muted)!important;border-color:var(--ct-dark-border)!important;cursor:not-allowed}.ct-modal .ant-input-textarea textarea{background:var(--ct-dark-bg)!important;border-color:var(--ct-dark-border)!important;color:var(--ct-dark-text)!important;border-radius:6px;font-size:13px}.ct-modal .ant-input-textarea textarea:hover{border-color:var(--ct-primary)!important}.ct-modal .ant-input-textarea textarea:focus{border-color:var(--ct-primary)!important;box-shadow:0 0 0 2px #6366f133!important}.ct-modal .ant-input-textarea textarea:disabled{background:#2d3f5480!important;color:var(--ct-dark-text-muted)!important}.ct-modal .ant-select-selector{background:var(--ct-dark-bg)!important;border-color:var(--ct-dark-border)!important;color:var(--ct-dark-text)!important;border-radius:6px}.ct-modal .ant-select:hover .ant-select-selector{border-color:var(--ct-primary)!important}.ct-modal .ant-select-focused .ant-select-selector{border-color:var(--ct-primary)!important;box-shadow:0 0 0 2px #6366f133!important}.ct-modal .ant-select-arrow,.ct-modal .ant-select-selection-placeholder{color:var(--ct-dark-text-muted)!important}.ct-modal .ant-select-selection-item{color:var(--ct-dark-text)!important}.ct-modal .ant-input-number-input{background:transparent!important;color:var(--ct-dark-text)!important}.ct-modal .ant-input-number-handler-wrap{background:var(--ct-dark-bg-tertiary)!important;border-left-color:var(--ct-dark-border)!important}.ct-modal .ant-input-number-handler{border-color:var(--ct-dark-border)!important}.ct-modal .ant-input-number-handler:hover{background:#6366f11a!important}.ct-modal .ant-input-number-handler-up-inner,.ct-modal .ant-input-number-handler-down-inner,.ct-modal .ant-input-prefix{color:var(--ct-dark-text-muted)!important}.ct-modal .ant-btn{border-radius:8px!important;font-weight:600!important;height:40px}.ct-modal .ant-btn-default{background:var(--ct-dark-bg-tertiary)!important;border-color:var(--ct-dark-border)!important;color:var(--ct-dark-text-secondary)!important}.ct-modal .ant-btn-default:hover{border-color:var(--ct-primary)!important;color:var(--ct-primary-light)!important;background:#6366f11a!important}.ct-modal .ant-btn-primary{background:linear-gradient(135deg,var(--ct-primary) 0%,var(--ct-primary-dark) 100%)!important;border:none!important;box-shadow:0 4px 12px #6366f14d}.ct-modal .ant-btn-primary:hover{background:linear-gradient(135deg,var(--ct-primary-light) 0%,var(--ct-primary) 100%)!important;box-shadow:0 6px 16px #6366f166;transform:translateY(-1px)}.ct-modal .ant-spin{color:var(--ct-primary)!important}.ct-modal .ant-spin-dot-item{background-color:var(--ct-primary)!important}.ct-modal .ant-empty-description{color:var(--ct-dark-text-muted)!important}.ct-modal-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ct-modal-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.ct-modal-obs-number{text-align:center;font-weight:600;color:var(--ct-primary-light)!important}.ct-modal .ant-modal-body::-webkit-scrollbar{width:6px}.ct-modal .ant-modal-body::-webkit-scrollbar-track{background:var(--ct-dark-bg);border-radius:3px}.ct-modal .ant-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--ct-primary) 0%,var(--ct-primary-dark) 100%);border-radius:3px}.ct-modal .ant-modal-body::-webkit-scrollbar-thumb:hover{background:var(--ct-primary-light)}.ct-obs-modal .ant-modal-content{background:var(--ct-dark-bg-secondary)!important;border:1px solid var(--ct-dark-border)!important;box-shadow:var(--ct-shadow-lg)}.ct-obs-modal .ant-modal-header{background:var(--ct-dark-bg-tertiary)!important;border-bottom:none!important;padding:20px 24px 0}.ct-obs-modal .ant-modal-body{background:var(--ct-dark-bg-secondary)!important;padding:0 24px 20px!important}.ct-obs-modal .ant-modal-footer{background:var(--ct-dark-bg-secondary)!important;border-top:1px solid var(--ct-dark-border)!important;padding:14px 24px}.ct-obs-modal .ant-modal-close{color:var(--ct-dark-text-muted)!important}.ct-obs-modal .ant-modal-close:hover{color:var(--ct-dark-text)!important;background:#6366f11a!important}.ct-obs-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--ct-dark-border)}.ct-obs-header-icon{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--ct-primary) 0%,var(--ct-primary-dark) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f14d}.ct-obs-header-title{font-size:16px;font-weight:600;color:var(--ct-dark-text)}.ct-obs-header-subtitle{font-size:12px;color:var(--ct-dark-text-muted);margin-top:2px}.ct-obs-record-card{margin-top:12px;padding:10px 12px;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:6px}.ct-obs-record-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.ct-obs-record-ep-code{font-size:13px;font-weight:600;color:var(--ct-primary-light)}.ct-obs-record-badge .ant-badge-count{background:#6366f126!important;color:var(--ct-primary-light)!important;font-size:10px;font-weight:600;border:1px solid rgba(99,102,241,.3)!important}.ct-obs-record-description{font-size:11px;color:var(--ct-dark-text-secondary);line-height:1.4}.ct-obs-record-process{font-size:10px;color:var(--ct-dark-text-muted);margin-top:4px}.ct-obs-form .ant-form-item{margin-bottom:0}.ct-obs-form .ant-form-item-label>label{font-size:11px;font-weight:600;color:var(--ct-dark-text-muted)}.ct-obs-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.ct-obs-input .ant-input-number{width:100%;border-radius:6px;background:var(--ct-dark-bg)!important;border-color:var(--ct-dark-border)!important}.ct-obs-input .ant-input-number:hover{border-color:var(--ct-primary)!important}.ct-obs-input .ant-input-number-focused{border-color:var(--ct-primary)!important;box-shadow:0 0 0 2px #6366f133!important}.ct-obs-input .ant-input-number-input{color:var(--ct-dark-text)!important;font-size:12px;text-align:center;font-weight:600}.ct-obs-input .ant-input-number::placeholder{color:var(--ct-dark-text-muted)!important}.ct-obs-modal .ant-divider{margin:16px 0;border-color:var(--ct-dark-border)!important}.ct-obs-average-card{padding:16px;background:linear-gradient(135deg,#6366f11f,#6366f10f);border:1px solid rgba(99,102,241,.25);border-radius:8px;position:relative;overflow:hidden}.ct-obs-average-pattern{position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle,var(--ct-primary-light) 1px,transparent 1px);background-size:8px 8px;opacity:.08}.ct-obs-average-content{position:relative;z-index:1}.ct-obs-average-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ct-obs-average-label{font-size:12px;font-weight:600;color:var(--ct-dark-text-secondary);text-transform:uppercase;letter-spacing:.5px}.ct-obs-average-count{font-size:10px;font-weight:600;padding:0 8px}.ct-obs-average-count.has-values{background:var(--ct-success)!important;color:#fff!important}.ct-obs-average-count.no-values{background:var(--ct-dark-text-muted)!important;color:var(--ct-dark-bg-secondary)!important}.ct-obs-average-display{display:flex;align-items:baseline;gap:6px}.ct-obs-average-value{font-size:36px;font-weight:700;line-height:1;font-family:Courier New,Consolas,monospace;background:linear-gradient(135deg,var(--ct-primary-light) 0%,var(--ct-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ct-obs-average-value.no-value{background:var(--ct-dark-text-muted);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ct-obs-average-unit{font-size:14px;font-weight:600;color:var(--ct-dark-text-muted);margin-bottom:4px}.ct-obs-average-summary{margin-top:8px;font-size:11px;color:var(--ct-dark-text-secondary)}.ct-obs-info-tip{margin-top:16px;padding:10px 12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:6px;display:flex;align-items:flex-start;gap:8px}.ct-obs-info-icon{font-size:14px;color:var(--ct-warning);margin-top:1px;flex-shrink:0}.ct-obs-info-content{flex:1}.ct-obs-info-title{font-size:11px;font-weight:600;color:var(--ct-warning)}.ct-obs-info-text{font-size:11px;color:var(--ct-dark-text-secondary);margin-top:2px;line-height:1.4}.ct-obs-modal .ant-btn{height:36px;border-radius:6px;font-weight:500}.ct-obs-modal .ant-btn-default{background:var(--ct-dark-bg-tertiary)!important;border-color:var(--ct-dark-border)!important;color:var(--ct-dark-text-secondary)!important}.ct-obs-modal .ant-btn-default:hover{border-color:var(--ct-primary)!important;color:var(--ct-primary-light)!important;background:#6366f11a!important}.ct-obs-modal .ant-btn-primary{background:var(--ct-primary)!important;border-color:var(--ct-primary)!important}.ct-obs-modal .ant-btn-primary:hover{background:var(--ct-primary-dark)!important;border-color:var(--ct-primary-dark)!important}.group-modal .ant-modal-content{background:var(--ct-dark-bg-secondary)!important;border:1px solid var(--ct-dark-border)!important;box-shadow:0 8px 24px #0006;border-radius:8px}.group-modal .ant-modal-header{background:var(--ct-dark-bg-tertiary)!important;border-bottom:1px solid var(--ct-dark-border)!important;padding:12px 20px}.group-modal .ant-modal-title{color:var(--ct-dark-text)!important;font-size:14px;font-weight:600}.group-modal-title{display:flex;align-items:center;gap:8px}.group-modal-title-icon{color:var(--ct-primary);font-size:16px}.group-modal .ant-modal-body{background:var(--ct-dark-bg-secondary)!important;padding:16px 20px!important}.group-modal .ant-modal-footer{background:var(--ct-dark-bg-secondary)!important;border-top:1px solid var(--ct-dark-border)!important;padding:12px 20px}.group-modal .ant-modal-close{color:var(--ct-dark-text-muted)!important;transition:color .2s ease;top:12px;right:12px}.group-modal .ant-modal-close:hover{color:var(--ct-danger)!important}.group-modal .ant-modal-close-x{width:32px;height:32px;line-height:32px;font-size:14px}.group-modal-form{margin-top:0}.group-modal-form-item{margin-bottom:14px}.group-modal-form-item:last-child{margin-bottom:0}.group-modal-form .ant-form-item-label{padding-bottom:4px}.group-modal-form .ant-form-item-label>label{color:var(--ct-dark-text-secondary)!important;font-size:12px;font-weight:500;height:auto}.group-modal-form .ant-form-item-label>label.ant-form-item-required:before{color:var(--ct-danger)!important}.group-modal-date-picker{width:100%;background:var(--ct-dark-bg)!important;border:1px solid var(--ct-dark-border)!important;border-radius:6px;color:var(--ct-dark-text)!important;height:36px}.group-modal-date-picker:hover{border-color:var(--ct-primary)!important}.group-modal-date-picker:focus,.group-modal-date-picker.ant-picker-focused{border-color:var(--ct-primary)!important;box-shadow:0 0 0 2px #6366f126!important}.group-modal-date-picker .ant-picker-input>input{color:var(--ct-dark-text)!important;font-size:13px}.group-modal-date-picker .ant-picker-input>input::placeholder{color:var(--ct-dark-text-muted)!important}.group-modal-date-picker .ant-picker-suffix{color:var(--ct-primary)!important}.ant-picker-dropdown .ant-picker-panel-container{background:var(--ct-dark-bg-secondary)!important;border:1px solid var(--ct-dark-border)!important;border-radius:8px;box-shadow:0 8px 24px #0006}.ant-picker-dropdown .ant-picker-header{color:var(--ct-dark-text)!important;border-bottom:1px solid var(--ct-dark-border)!important}.ant-picker-dropdown .ant-picker-header button{color:var(--ct-dark-text-secondary)!important}.ant-picker-dropdown .ant-picker-header button:hover{color:var(--ct-primary)!important}.ant-picker-dropdown .ant-picker-content th{color:var(--ct-dark-text-muted)!important}.ant-picker-dropdown .ant-picker-cell{color:var(--ct-dark-text-secondary)!important}.ant-picker-dropdown .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-disabled) .ant-picker-cell-inner{background:#6366f11a!important}.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner{background:var(--ct-primary)!important;color:#fff!important}.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-color:var(--ct-primary)!important}.ant-picker-dropdown .ant-picker-footer{background:transparent!important;border-top:1px solid var(--ct-dark-border)!important}.ant-picker-dropdown .ant-picker-today-btn{color:var(--ct-primary)!important}.ant-picker-dropdown .ant-picker-today-btn:hover{color:var(--ct-primary-light)!important}.group-modal-textarea{background:var(--ct-dark-bg)!important;border:1px solid var(--ct-dark-border)!important;border-radius:6px;color:var(--ct-dark-text)!important;font-size:13px;line-height:1.5;padding:8px 12px;min-height:70px;resize:vertical}.group-modal-textarea:hover{border-color:var(--ct-primary)!important}.group-modal-textarea:focus,.group-modal-textarea.ant-input-focused{border-color:var(--ct-primary)!important;box-shadow:0 0 0 2px #6366f126!important}.group-modal-textarea::placeholder{color:var(--ct-dark-text-muted)!important}.group-modal-textarea::-webkit-scrollbar{width:6px}.group-modal-textarea::-webkit-scrollbar-track{background:transparent}.group-modal-textarea::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.group-modal-textarea::-webkit-scrollbar-thumb:hover{background:#6366f180}.group-modal-create-btn{background:var(--ct-primary)!important;border:none!important;border-radius:6px!important;color:#fff!important;font-weight:600!important;font-size:13px!important;height:36px;padding:0 20px;transition:all .2s ease}.group-modal-create-btn:hover{background:var(--ct-primary-light)!important;transform:translateY(-1px);box-shadow:0 2px 8px #6366f14d}.group-modal-create-btn:active{transform:translateY(0)}.group-modal-cancel-btn{background:transparent!important;border:1px solid var(--ct-dark-border)!important;border-radius:6px!important;color:var(--ct-dark-text-secondary)!important;font-weight:500!important;font-size:13px!important;height:36px;padding:0 20px;transition:all .2s ease}.group-modal-cancel-btn:hover{border-color:var(--ct-primary)!important;color:var(--ct-primary-light)!important}.group-modal-form .ant-form-item-has-error .group-modal-date-picker,.group-modal-form .ant-form-item-has-error .group-modal-textarea{border-color:var(--ct-danger)!important}.group-modal-form .ant-form-item-has-error .group-modal-date-picker:focus,.group-modal-form .ant-form-item-has-error .group-modal-textarea:focus{border-color:var(--ct-danger)!important;box-shadow:0 0 0 2px #f8717126!important}.group-modal-form .ant-form-item-explain-error{color:var(--ct-danger)!important;font-size:11px;margin-top:4px}.group-modal-create-btn.ant-btn-loading{opacity:.6}@media (max-width: 576px){.group-modal .ant-modal{max-width:calc(100vw - 24px)}.group-modal .ant-modal-header,.group-modal .ant-modal-body,.group-modal .ant-modal-footer{padding:12px 16px}}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--purple: #ec4899;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}@media (prefers-color-scheme: dark){:root{--dark-bg: #0f172a;--dark-bg-secondary: #1e293b;--dark-surface: #1a2332;--dark-border: #334155;--dark-text-primary: #f1f5f9;--dark-text-secondary: #cbd5e1;--dark-text-tertiary: #94a3b8}}.apps-container{min-height:100vh;background:linear-gradient(135deg,#f9fafb,#f3f4f6);position:relative;transition:background .3s ease}.apps-header-wrapper{position:sticky;top:0;z-index:100;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.apps-header{max-width:1400px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:12px}.back-button{height:36px;padding:0 14px;border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--gray-700);transition:all .2s ease;background:transparent;border:1px solid transparent}.back-button:hover{color:var(--primary);background:var(--gray-50);border-color:#0000000d}.header-divider{width:1px;height:20px;background:#00000014}.apps-title-section{display:flex;align-items:center;gap:12px}.apps-icon-container{width:42px;height:42px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #6366f14d;flex-shrink:0;transition:all .3s ease}.apps-icon-container:hover{transform:scale(1.08) rotate(-3deg);box-shadow:0 5px 16px #6366f166}.apps-icon{font-size:22px;color:#fff}.apps-title-text{display:flex;flex-direction:column;gap:1px}.apps-title{margin:0!important;font-size:22px!important;font-weight:700!important;color:var(--gray-900);line-height:1.2!important;letter-spacing:-.02em}.apps-subtitle{font-size:12px;color:var(--gray-500);font-weight:500}.apps-content{max-width:1400px;margin:0 auto;padding:28px}.app-category{margin-bottom:40px;animation:fadeInUp .5s ease}.app-category:last-child{margin-bottom:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.category-header{margin-bottom:18px}.category-header-left{display:flex;align-items:center;gap:12px}.category-icon-wrapper{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;flex-shrink:0;transition:all .3s ease}.category-icon-wrapper:hover{transform:scale(1.06) rotate(3deg);box-shadow:0 4px 12px #00000026}.category-icon{font-size:18px;color:#fff}.category-info{flex:1;display:flex;flex-direction:column;gap:6px}.category-title{font-size:13px!important;font-weight:700!important;color:var(--gray-900);text-transform:uppercase;letter-spacing:1.2px}.category-line{height:1.5px;border-radius:1px;max-width:350px}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.app-card{background:#fff;border:1.5px solid rgba(0,0,0,.06);border-radius:var(--radius-xl);padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 6px #0000000d}.card-border-gradient{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--radius-xl);transition:opacity .3s ease;pointer-events:none;z-index:0}.app-card-inner{position:relative;padding:20px;background:#fff;border-radius:calc(var(--radius-xl) - 1.5px);z-index:1}.app-card.hovered{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a;border-color:transparent}.app-card.disabled{cursor:not-allowed;opacity:.7}.app-card.disabled:hover{transform:none;box-shadow:0 2px 6px #0000000d}.app-card.disabled .card-border-gradient{opacity:0!important}.coming-soon-badge{position:absolute;top:16px;right:16px;z-index:10;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:5px 10px;border-radius:var(--radius-md);font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 3px 10px #f59e0b59;display:flex;align-items:center;gap:5px}.coming-soon-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:#fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.app-icon-section{margin-bottom:16px}.app-icon-wrapper{width:72px;height:72px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;padding:2px;transition:all .3s ease}.app-card:hover .app-icon-wrapper{transform:scale(1.08)}.app-icon-inner{width:100%;height:100%;border-radius:calc(var(--radius-xl) - 2px);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #0000001f;transition:all .3s ease}.app-card.hovered .app-icon-inner{transform:rotate(4deg);box-shadow:0 6px 16px #00000026}.app-icon{font-size:32px;color:#fff}.app-content-section{display:flex;flex-direction:column;gap:10px}.app-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.app-title{font-size:16px!important;font-weight:700!important;color:var(--gray-900);line-height:1.3!important;letter-spacing:-.01em}.app-arrow-container{width:30px;height:30px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;opacity:.65}.app-card.hovered .app-arrow-container{transform:translate(3px);opacity:1}.app-arrow{font-size:14px;transition:transform .3s}.app-description{font-size:12px!important;color:var(--gray-600);line-height:1.5!important;display:block;margin-bottom:2px}.app-status{display:flex;align-items:center;gap:6px;margin-top:6px;padding-top:10px;border-top:1px solid rgba(0,0,0,.04)}.status-dot{width:6px;height:6px;border-radius:50%;animation:pulse 2s infinite;flex-shrink:0}.status-text{font-size:10px!important;font-weight:600!important;color:var(--gray-500);text-transform:uppercase;letter-spacing:.4px}@media (max-width: 768px){.apps-container{padding:0}.apps-header{padding:10px 18px;flex-wrap:wrap}.header-divider{display:none}.apps-title-section{width:100%;margin-top:8px}.apps-content{padding:16px}.apps-grid{grid-template-columns:1fr;gap:14px}.app-category{margin-bottom:28px}.category-header-left,.category-info{width:100%}.category-line{max-width:100%}.apps-title{font-size:18px!important}.apps-icon-container{width:38px;height:38px}.apps-icon{font-size:20px}.back-button{padding:0 12px;font-size:12px}}@media (min-width: 769px) and (max-width: 1024px){.apps-grid{grid-template-columns:repeat(2,1fr);gap:18px}.apps-content{padding:24px}}@media (min-width: 1025px) and (max-width: 1280px){.apps-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (min-width: 1281px){.apps-grid{grid-template-columns:repeat(3,1fr);gap:18px}}@media (prefers-color-scheme: dark){.apps-container{background:linear-gradient(135deg,#0f172a,#1a2332);color:var(--dark-text-primary)}.apps-header-wrapper{background:#0f172ad9;border-bottom-color:var(--dark-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.apps-header{background:transparent}.back-button{color:var(--dark-text-secondary);transition:all .2s ease}.back-button:hover{color:var(--primary-light);background:#ffffff14;border-color:#ffffff1a}.header-divider{background:#ffffff1a}.apps-title{color:var(--dark-text-primary)!important}.apps-subtitle{color:var(--dark-text-tertiary)}.apps-icon-container{box-shadow:0 3px 12px #6366f140}.category-title{color:var(--dark-text-primary)!important}.app-card{background:var(--dark-surface);border-color:#ffffff14;box-shadow:0 2px 8px #0000004d}.app-card-inner{background:var(--dark-surface)}.app-card.hovered{background:var(--dark-surface);box-shadow:0 8px 24px #0006;border-color:#6366f14d}.app-card.disabled{opacity:.65}.app-title{color:var(--dark-text-primary)!important}.app-description{color:var(--dark-text-tertiary)!important}.app-status{border-top-color:#ffffff14}.status-text{color:var(--dark-text-tertiary)!important}.app-icon-wrapper{background:#ffffff0d!important}.app-icon-inner{box-shadow:0 3px 12px #0000004d}.app-card.hovered .app-icon-inner{box-shadow:0 6px 18px #0006}.category-icon-wrapper{box-shadow:0 2px 10px #0006}.category-icon-wrapper:hover{box-shadow:0 4px 16px #00000080}}@media print{.back-button,.coming-soon-badge,.app-arrow-container{display:none!important}.app-card{page-break-inside:avoid;box-shadow:none;border:1px solid var(--gray-300)}.apps-grid{gap:12px}}.app-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.back-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.app-card.loading{background:linear-gradient(90deg,var(--gray-100) 0%,var(--gray-200) 50%,var(--gray-100) 100%);background-size:1000px 100%;animation:shimmer 2s infinite}