.login-container{display:flex;min-height:100vh;background:#fff}.login-left{flex:1!important;position:relative}.login-right{width:500px;min-width:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 50px;background:#fff;position:relative;box-shadow:-10px 0 40px rgba(0,0,0,.05)}.login-right:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#00a693;background:-webkit-linear-gradient(top,#81D8D0 0%,#00A693 100%);background:linear-gradient(180deg,#81d8d0,#00a693)}.system-info{text-align:center;margin-bottom:20px}.system-title{font-size:24px;font-weight:600;color:#333;margin-bottom:4px;letter-spacing:1px}.system-subtitle{font-size:12px;color:#999;font-weight:400;margin:0}.login-form-wrapper{width:100%;max-width:450px;display:flex;flex-direction:column;align-items:center}.logo-wrapper{width:60px;height:60px;margin-bottom:16px;border-radius:50%;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.1);-webkit-animation:logoFloat 3s ease-in-out infinite;animation:logoFloat 3s ease-in-out infinite}.logo-image{width:100%;height:100%;object-fit:contain;display:block}.feature-list{display:flex;justify-content:center;gap:16px;margin-bottom:24px;padding:12px 0;border-bottom:1px solid #f0f0f0}.feature-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#666;padding:6px 12px;border-radius:16px;background:rgba(129,216,208,.08);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-animation:glowPulse 2s ease-in-out infinite;animation:glowPulse 2s ease-in-out infinite;-webkit-animation-delay:var(--delay, 0s);animation-delay:var(--delay, 0s)}.feature-item:hover{background:rgba(129,216,208,.18);box-shadow:0 0 20px rgba(129,216,208,.4)}.feature-icon{color:#81d8d0;font-size:14px;filter:drop-shadow(0 0 3px rgba(129,216,208,.5))}.feature-text{font-weight:500;color:#555}@-webkit-keyframes glowPulse{0%,to{box-shadow:0 0 5px rgba(129,216,208,.2)}50%{box-shadow:0 0 15px rgba(129,216,208,.5),0 0 25px rgba(129,216,208,.3)}}@keyframes glowPulse{0%,to{box-shadow:0 0 5px rgba(129,216,208,.2)}50%{box-shadow:0 0 15px rgba(129,216,208,.5),0 0 25px rgba(129,216,208,.3)}}.divider{text-align:center;margin-bottom:20px;position:relative;color:#999;font-size:13px}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:60px;height:1px;background:#e8e8e8}.divider:before{left:30px}.divider:after{right:30px}.login-form{width:100%;margin-bottom:20px}.login-form .ant-form-item{margin-bottom:18px}.login-form .ant-input-affix-wrapper{width:100%;height:48px;border-radius:8px;padding:0 15px;-webkit-transition:all .3s ease;transition:all .3s ease}.login-form .ant-input-affix-wrapper:hover{border-color:#81d8d0}.login-form .ant-input-affix-wrapper:focus,.login-form .ant-input-affix-wrapper-focused{border-color:#81d8d0!important;box-shadow:0 0 0 3px rgba(129,216,208,.3),0 0 15px rgba(129,216,208,.4)!important}.login-form .ant-input{font-size:15px}.login-input{width:100%;height:46px;border-radius:8px;border:1px solid #e8e8e8;font-size:14px;-webkit-transition:all .3s ease;transition:all .3s ease}.login-input:hover{border-color:#81d8d0}.login-input:focus,.login-input:focus-within{border-color:#81d8d0;box-shadow:0 0 0 2px rgba(129,216,208,.15)}.input-icon{color:#999;font-size:16px;-webkit-transition:color .3s ease;transition:color .3s ease}.login-input:focus .input-icon,.login-input:focus-within .input-icon{color:#81d8d0}.remember-checkbox{color:#666}.remember-checkbox .ant-checkbox-inner{border-color:#d9d9d9}.remember-checkbox .ant-checkbox-checked .ant-checkbox-inner{background-color:#81d8d0;border-color:#81d8d0}.login-button{width:100%;height:46px;border-radius:8px;font-size:15px;font-weight:500;background:#81d8d0!important;background:-webkit-linear-gradient(135deg,#81D8D0 0%,#00A693 100%)!important;background:linear-gradient(135deg,#81d8d0,#00a693)!important;border:none;box-shadow:0 4px 12px rgba(129,216,208,.3);-webkit-transition:-webkit-transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease}.login-button:hover,.login-button:focus{background:#81d8d0!important;background:-webkit-linear-gradient(135deg,#81D8D0 0%,#00A693 100%)!important;background:linear-gradient(135deg,#81d8d0,#00a693)!important;-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 16px rgba(129,216,208,.4)}.login-button:active{-webkit-transform:translateY(0);transform:translateY(0);box-shadow:0 4px 12px rgba(129,216,208,.3)}.login-footer{text-align:center}.login-footer p{color:#999;font-size:12px;margin:0}.login-footer .beian-info{margin-top:8px}.login-footer .beian-info a{color:#999;text-decoration:none;-webkit-transition:color .3s ease;transition:color .3s ease}.login-footer .beian-info a:hover{color:#81d8d0}@media (max-width: 768px){.login-left{display:none!important}.login-right{width:100%;min-width:100%}.feature-list{flex-direction:column;align-items:center;gap:12px}}@media (max-width: 480px){.login-right{padding:40px 30px}.system-title{font-size:24px}.feature-list{gap:8px}.feature-item{font-size:12px;padding:6px 12px}}@-webkit-keyframes logoFloat{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes logoFloat{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;pointer-events:none}.notification-overlay.has-detail-modal{pointer-events:auto}.notification-overlay.has-detail-modal .notification-panel{pointer-events:none;opacity:.5}.notification-panel{position:fixed;top:70px;right:100px;width:420px;max-height:520px;background:linear-gradient(145deg,#fff,#f8fafc);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.1) inset;overflow:hidden;pointer-events:auto;transform:translateY(-20px) scale(.95);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-panel.show{transform:translateY(0) scale(1);opacity:1}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.notification-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);animation:headerShine 4s ease-in-out infinite}@keyframes headerShine{0%,to{transform:translate(-30%) translateY(-30%)}50%{transform:translate(30%) translateY(30%)}}.header-left{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.header-icon{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.header-title h3{margin:0;font-size:18px;font-weight:600;color:#fff}.unread-badge{display:inline-block;margin-top:4px;padding:2px 10px;background:#ff4d4f;border-radius:20px;font-size:12px;color:#fff;font-weight:600;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.7}}.header-actions{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.action-btn{width:36px;height:36px;border:none;border-radius:10px;background:rgba(255,255,255,.15);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.action-btn:hover{background:rgba(255,255,255,.25);transform:scale(1.1)}.action-btn.danger:hover{background:rgba(255,77,79,.8)}.action-btn.close:hover{background:rgba(0,0,0,.2)}.notification-tabs{padding:0 24px;border-bottom:1px solid rgba(0,0,0,.06);background:#fff}.notification-tabs .ant-tabs-nav{margin:0!important}.notification-tabs .ant-tabs-tab{padding:8px 0!important;font-size:13px}.notification-tabs .ant-tabs-tab+.ant-tabs-tab{margin-left:24px!important}.notification-body{max-height:320px;overflow-y:auto;padding:16px}.notification-body::-webkit-scrollbar{width:6px}.notification-body::-webkit-scrollbar-track{background:transparent}.notification-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:3px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999}.empty-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);display:flex;align-items:center;justify-content:center;font-size:32px;color:#ccc;margin-bottom:16px;animation:emptyFloat 3s ease-in-out infinite}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state p{margin:0;font-size:14px}.notification-list{display:flex;flex-direction:column;gap:12px}.notification-item{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#fff;border-radius:14px;border:1px solid rgba(0,0,0,.05);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;animation:itemSlideIn .4s ease forwards;opacity:0;transform:translate(20px)}@keyframes itemSlideIn{to{opacity:1;transform:translate(0)}}.notification-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:4px 0 0 4px}.notification-item.success:before{background:linear-gradient(180deg,#52c41a,#73d13d)}.notification-item.warning:before{background:linear-gradient(180deg,#ff4d4f,#ff7875)}.notification-item.error:before{background:linear-gradient(180deg,#ff4d4f,#ff7875)}.notification-item.info:before{background:linear-gradient(180deg,#1890ff,#40a9ff)}.notification-item:hover{transform:translate(4px);box-shadow:0 4px 20px rgba(0,0,0,.08)}.notification-item.removing{animation:itemSlideOut .3s ease forwards}@keyframes itemSlideOut{to{opacity:0;transform:translate(20px)}}.notification-item.read{opacity:.75;background:#fafafa}.notification-item.read:hover{opacity:1}.notification-item:not(.read){background:linear-gradient(135deg,#fff7e6,#fffbe6);border-color:rgba(250,173,20,.25)}.notification-item:not(.read) .item-title{font-weight:700;color:#1a1a2e}.notification-item:not(.read) .item-message{color:#444}.item-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:transform .3s ease}.notification-item:hover .item-icon{transform:scale(1.1)}.item-icon.success{background:linear-gradient(135deg,#f6ffed,#d9f7be);color:#52c41a}.item-icon.warning,.item-icon.error{background:linear-gradient(135deg,#fff2f0,#ffccc7);color:#ff4d4f}.item-icon.info{background:linear-gradient(135deg,#e6f7ff,#bae7ff);color:#1890ff}.item-content{flex:1;min-width:0}.item-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px}.item-title{font-size:14px;font-weight:600;color:#1a1a2e;white-space:nowrap}.item-material{font-size:12px;font-weight:500;color:#667eea;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));padding:2px 8px;border-radius:4px}.unread-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);animation:dotPulse 1.5s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.item-message{margin:0 0 6px;font-size:13px;color:#666;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;white-space:pre-wrap}.item-time{font-size:12px;color:#999}.item-delete{width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:#ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease;opacity:0;flex-shrink:0}.notification-item:hover .item-delete{opacity:1}.item-delete:hover{background:rgba(255,77,79,.1);color:#ff4d4f}.notification-footer{padding:12px 16px;background:#fff;border-top:1px solid rgba(0,0,0,.06)}.view-all-btn{width:100%;height:40px;border:none;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px rgba(102,126,234,.25)}.view-all-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(102,126,234,.35)}@media (max-width: 480px){.notification-panel{width:calc(100vw - 32px);right:16px;max-height:70vh}}.notification-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;animation:overlayFadeIn .3s ease;pointer-events:auto;overflow:hidden}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.notification-detail-modal{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:24px;width:480px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 80px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.2) inset,0 0 60px rgba(102,126,234,.2);animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;pointer-events:auto}.notification-detail-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#667eea);background-size:300% 100%;animation:modalBorderFlow 3s linear infinite}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalBorderFlow{0%{background-position:0% 0%}to{background-position:300% 0%}}.detail-header{display:flex;align-items:center;padding:24px;background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.08));border-bottom:1px solid rgba(0,0,0,.05);position:relative}.detail-type-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-right:16px;animation:iconBounce .6s ease}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.detail-type-icon.system{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.4)}.detail-type-icon.warning{background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#fff;box-shadow:0 4px 15px rgba(255,77,79,.4)}.detail-type-icon.inventory{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;box-shadow:0 4px 15px rgba(79,172,254,.4)}.detail-type-icon.order{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;box-shadow:0 4px 15px rgba(67,233,123,.4)}.detail-type-icon.success{background:linear-gradient(135deg,#52c41a,#73d13d);color:#fff;box-shadow:0 4px 15px rgba(82,196,26,.4)}.detail-type-icon.error{background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#fff;box-shadow:0 4px 15px rgba(255,77,79,.4)}.detail-type-icon.info{background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff;box-shadow:0 4px 15px rgba(24,144,255,.4)}.detail-title{flex:1;margin:0;font-size:20px;font-weight:600;color:#1a1a2e;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-close-btn{width:36px;height:36px;border-radius:50%;border:none;background:rgba(0,0,0,.05);color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.detail-close-btn:hover{background:rgba(255,77,79,.1);color:#ff4d4f;transform:rotate(90deg)}.detail-time{padding:12px 24px;color:#8c8c8c;font-size:13px;display:flex;align-items:center;background:rgba(0,0,0,.02)}.detail-content{padding:24px;color:#333;font-size:15px;line-height:1.8;max-height:400px;overflow-y:auto;flex:1;min-height:100px}.detail-content p{margin:0}.detail-message{font-size:15px;color:#333;line-height:1.8;margin-bottom:16px;padding-bottom:16px;border-bottom:1px dashed rgba(0,0,0,.1);white-space:pre-wrap;word-break:break-word}.detail-text{font-size:14px;color:#555;line-height:1.9;padding:16px;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-radius:12px;border-left:3px solid;border-image:linear-gradient(180deg,#667eea,#764ba2) 1;white-space:pre-wrap;word-break:break-word}.detail-footer{padding:20px 24px;display:flex;justify-content:center;gap:12px;border-top:1px solid rgba(0,0,0,.05);background:rgba(0,0,0,.02)}.detail-btn{padding:12px 32px;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.detail-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.4)}.detail-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.5)}.detail-btn:not(.primary){background:#f5f5f5;color:#666;box-shadow:none}.detail-btn:not(.primary):hover{background:#e8e8e8}.ai-message-markdown{font-size:14px;color:#333;line-height:1.8}.ai-message-markdown table{border-collapse:collapse;width:100%;margin:8px 0;font-size:13px}.ai-message-markdown table th,.ai-message-markdown table td{border:1px solid #e8e8e8;padding:6px 10px;text-align:left}.ai-message-markdown table th{background:#f5f7fa;font-weight:600}.ai-message-markdown table tr:nth-child(2n) td{background:#fafafa}.ai-message-markdown h1,.ai-message-markdown h2,.ai-message-markdown h3{margin:10px 0 6px;font-weight:600}.ai-message-markdown code{background:#f5f5f5;padding:1px 6px;border-radius:3px;font-size:12px}.ai-message-markdown pre{background:#f5f5f5;padding:10px;border-radius:6px;overflow-x:auto}.message-file-link{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;margin:4px 0;background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.08));border:1px solid rgba(102,126,234,.2);border-radius:8px;color:#1890ff!important;text-decoration:none!important;font-size:13px;transition:all .2s ease;max-width:100%;cursor:pointer}.message-file-link:hover{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15));border-color:rgba(102,126,234,.4);transform:translateY(-1px)}.message-file-link .anticon{font-size:16px;color:#667eea}.message-file-name{color:#333;font-weight:500;word-break:break-all;flex:1;min-width:0}.message-file-action{color:#1890ff;font-size:12px;padding-left:8px;border-left:1px solid rgba(102,126,234,.2);white-space:nowrap}#root .ant-table{font-size:10px!important}#root .ant-table-thead>tr>th{font-size:10px!important;padding:2px 1px!important;text-align:center!important}#root .ant-table-tbody>tr>td{font-size:10px!important;padding:1px 2px!important}#root .ant-table-cell{font-size:10px!important;line-height:1.2!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#root .ant-table-column-title{font-size:10px!important}.react-resizable{position:relative;background-clip:padding-box}.react-resizable-handle{position:absolute;right:-5px;bottom:0;z-index:1;width:10px;height:100%;cursor:col-resize;opacity:0;transition:opacity .2s}.react-resizable-handle:hover{background:linear-gradient(to right,transparent 0%,#1890ff 40%,#1890ff 60%,transparent 100%)}.field-manager-item{display:flex;align-items:center;padding:10px 12px;background:#fafafa;border-radius:8px;margin-bottom:8px;border:1px solid #e8e8e8;transition:all .2s ease}.field-manager-item:hover{background:#f0f7ff;border-color:#91d5ff}.field-manager-item .drag-handle{cursor:grab;padding:0 8px 0 0;display:flex;align-items:center}.field-manager-item .drag-handle:active{cursor:grabbing}.field-manager-item .field-title{flex:1;font-size:14px;color:#333}.field-manager-item .field-toggle{cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.field-manager-item .field-toggle:hover{background:rgba(24,144,255,.1)}.react-resizable-handle:active,.react-resizable{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.react-resizable-handle:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2px;height:50%;background:#d9d9d9;border-radius:1px}.react-resizable-handle:hover:before{background:#1890ff}#root .row-order-push{background-color:#95de64!important}#root .row-order-push:hover>td{background-color:#73d13d!important}#root .row-order-cancel{background-color:#ff7875!important}#root .row-order-cancel:hover>td{background-color:#ff4d4f!important}#root .row-spot-delivery{background-color:#ffc53d!important}#root .row-spot-delivery:hover>td{background-color:#faad14!important}#root .row-external-delivery{background-color:#b37feb!important}#root .row-external-delivery:hover>td{background-color:#9254de!important}.edit-order-btn{transition:all .3s ease;position:relative;overflow:hidden}.edit-order-btn: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 .5s}.edit-order-btn:hover:before{left:100%}.edit-order-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,87,108,.5)}.edit-order-btn:active{transform:translateY(0)}.edit-order-form .form-section{margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;border:1px solid #e8e8e8;transition:all .3s ease}.edit-order-form .form-section:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:#d9d9d9}.edit-order-form .section-title{font-size:15px;font-weight:600;color:#333;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #f0f0f0;display:flex;align-items:center;gap:8px}.edit-order-form .section-icon{font-size:16px}.edit-order-form .form-item{display:flex;flex-direction:column;gap:6px}.edit-order-form .form-item label{font-size:13px;font-weight:500;color:#666}.edit-order-form .form-item .ant-input,.edit-order-form .form-item .ant-select-selector,.edit-order-form .form-item .ant-input-number{border-radius:8px;transition:all .3s ease}.edit-order-form .form-item .ant-input:focus,.edit-order-form .form-item .ant-select-focused .ant-select-selector,.edit-order-form .form-item .ant-input-number:focus{border-color:#f5576c;box-shadow:0 0 0 2px rgba(245,87,108,.2)}.edit-order-form .form-actions{display:flex;justify-content:flex-end;padding-top:16px;margin-top:8px;border-top:1px solid #f0f0f0}.push-production-btn{transition:all .3s ease;position:relative;overflow:hidden}.push-production-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.push-production-btn:hover:before{left:100%}.push-production-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(56,239,125,.5)}.push-production-btn:active{transform:translateY(0)}@keyframes pulse-green{0%{box-shadow:0 0 rgba(56,239,125,.4)}70%{box-shadow:0 0 0 10px rgba(56,239,125,0)}to{box-shadow:0 0 rgba(56,239,125,0)}}.push-production-btn{animation:pulse-green 2s infinite}.push-production-btn:hover{animation:none}.overdue-reason-btn{transition:all .3s ease;position:relative;overflow:hidden}.overdue-reason-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.overdue-reason-btn:hover:before{left:100%}.overdue-reason-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(118,75,162,.5)}.overdue-reason-btn:active{transform:translateY(0)}@keyframes pulse-purple{0%{box-shadow:0 0 rgba(118,75,162,.4)}70%{box-shadow:0 0 0 10px rgba(118,75,162,0)}to{box-shadow:0 0 rgba(118,75,162,0)}}.overdue-reason-btn{animation:pulse-purple 2s infinite}.overdue-reason-btn:hover{animation:none}.search-btn{position:relative;overflow:hidden}.search-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:left .6s}.search-btn:hover:before{left:100%}.search-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(24,144,255,.5)}.search-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(24,144,255,.3)}@keyframes pulse-blue{0%{box-shadow:0 0 rgba(24,144,255,.4)}70%{box-shadow:0 0 0 12px rgba(24,144,255,0)}to{box-shadow:0 0 rgba(24,144,255,0)}}.search-btn{animation:pulse-blue 2.5s infinite}.search-btn:hover{animation:none}.search-btn:hover .anticon-search{animation:spin-once .5s ease-in-out}@keyframes spin-once{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lock-dropdown-wrapper{position:relative;width:100%}.lock-menu{position:fixed;background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:9999;min-width:120px}.lock-menu.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.lock-menu-arrow{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;background:#fff;border-left:1px solid rgba(0,0,0,.05);border-top:1px solid rgba(0,0,0,.05);transform:translate(-50%) rotate(45deg);box-shadow:-2px -2px 4px rgba(0,0,0,.03)}.lock-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:#333;transition:all .2s ease;position:relative;overflow:hidden}.lock-menu-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;transform:scaleY(0);transition:transform .2s ease}.lock-menu-item:hover{background:linear-gradient(90deg,rgba(79,172,254,.1),rgba(0,242,254,.05))}.lock-menu-item:hover:before{transform:scaleY(1)}.lock-menu-item.lock-action:before{background:linear-gradient(180deg,#f5576c,#f093fb)}.lock-menu-item.unlock-action:before{background:linear-gradient(180deg,#11998e,#38ef7d)}.lock-menu-item .lock-menu-icon{font-size:16px;transition:transform .3s ease}.lock-menu-item:hover .lock-menu-icon{transform:scale(1.2) rotate(5deg)}.lock-menu-item.lock-action:hover{color:#f5576c}.lock-menu-item.unlock-action:hover{color:#11998e}.lock-btn{position:relative;overflow:hidden}.lock-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.lock-btn:active:after{width:200px;height:200px}@keyframes lock-pulse{0%{box-shadow:0 4px 15px rgba(79,172,254,.4)}50%{box-shadow:0 4px 25px rgba(79,172,254,.6)}to{box-shadow:0 4px 15px rgba(79,172,254,.4)}}.lock-btn:not(:hover){animation:lock-pulse 2s infinite}.lock-menu.open .lock-menu-item{animation:slideIn .3s ease forwards}.lock-menu.open .lock-menu-item:nth-child(1){animation-delay:.05s}.lock-menu.open .lock-menu-item:nth-child(2){animation-delay:.1s}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.resources-page{padding:24px;min-height:100vh;background:linear-gradient(180deg,#f8fafc,#f1f5f9);animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.resources-header{text-align:center;margin-bottom:32px;animation:slideDown .6s ease-out}.resources-title{font-size:32px;font-weight:700;color:#1e293b;margin:0 0 8px;display:flex;align-items:center;justify-content:center;gap:12px}.title-icon{font-size:28px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.resources-subtitle{font-size:16px;color:#64748b;margin:0}.resources-stats{margin-bottom:32px}.stat-card{background:#fff;border-radius:16px;padding:24px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.05);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--stat-color-1),var(--stat-color-2))}.stat-card-1{--stat-color-1: #667eea;--stat-color-2: #764ba2}.stat-card-2{--stat-color-1: #11998e;--stat-color-2: #38ef7d}.stat-card-3{--stat-color-1: #f093fb;--stat-color-2: #f5576c}.stat-card-4{--stat-color-1: #4facfe;--stat-color-2: #00f2fe}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.1)}.stat-value{font-size:32px;font-weight:700;background:linear-gradient(135deg,var(--stat-color-1),var(--stat-color-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:14px;color:#64748b;margin-top:4px}.resources-grid{margin-bottom:40px}.category-card-wrapper{animation:slideUp .6s ease-out forwards;opacity:0}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.category-card{position:relative;border-radius:16px;border:none;background:#fff;text-align:center;padding:28px 20px;box-shadow:0 2px 12px rgba(0,0,0,.04);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;cursor:pointer;height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center}.category-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.15)}.category-card:hover .card-icon-wrapper{transform:scale(1.1) rotate(5deg)}.category-card:hover .card-arrow{opacity:1;transform:translate(0)}.category-card:hover .card-gradient-bg{opacity:.05}.card-icon-wrapper{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card-icon-wrapper: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 .5s ease}.category-card:hover .card-icon-wrapper:before{left:100%}.card-icon{width:32px;height:32px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.card-title{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px;letter-spacing:.3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.card-description{font-size:13px;color:#64748b;margin:0;line-height:1.5;font-weight:400}.card-arrow{margin-top:16px;font-size:14px;color:#64748b;opacity:0;transform:translate(-10px);transition:all .3s ease;display:flex;align-items:center;gap:4px}.arrow-icon{transition:transform .3s ease}.category-card:hover .arrow-icon{transform:translate(5px)}.card-gradient-bg{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .3s ease;pointer-events:none}.quick-access{animation:slideUp .8s ease-out forwards;animation-delay:.4s;opacity:0}.section-title{font-size:20px;font-weight:600;color:#1e293b;margin:0 0 20px;display:flex;align-items:center;gap:8px}.quick-card{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 20px rgba(0,0,0,.05);cursor:pointer;transition:all .3s ease;border:2px solid transparent}.quick-card:hover{transform:translate(8px);border-color:#667eea;box-shadow:0 8px 30px rgba(102,126,234,.15)}.quick-icon{font-size:32px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.quick-card:hover .quick-icon{transform:scale(1.1) rotate(-5deg)}.quick-content{flex:1}.quick-title{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:4px}.quick-desc{font-size:13px;color:#64748b}@media (max-width: 768px){.resources-title{font-size:24px}.category-card{height:auto;min-height:240px}.stat-value{font-size:24px}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(102,126,234,.3)}50%{box-shadow:0 0 40px rgba(102,126,234,.5)}}.category-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);opacity:0;transition:opacity .3s ease}.category-card:hover:after{animation:shine .6s ease-out}@keyframes shine{0%{opacity:0;transform:rotate(45deg) translateY(-100%)}50%{opacity:1}to{opacity:0;transform:rotate(45deg) translateY(100%)}}.video-list-page{padding:24px;min-height:calc(100vh - 64px);background:linear-gradient(135deg,#f5f7fa,#e4e8ec);animation:pageFadeIn .5s ease-out}.video-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.video-list-title{display:flex;align-items:center;gap:16px}.video-list-title .title-text{font-size:20px;font-weight:600;color:#1a1a2e;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;animation:none}.add-video-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;font-weight:500;transition:all .3s ease}.add-video-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.video-search-bar{margin-bottom:20px;padding:16px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.video-search-bar .ant-input-search{max-width:400px}.training-video-page{padding:24px;min-height:calc(100vh - 64px);background:linear-gradient(135deg,#f5f7fa,#e4e8ec);animation:pageFadeIn .5s ease-out}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.training-header{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding:24px 32px;background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);animation:slideDown .5s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.training-title-area{flex:1;display:flex;align-items:center;gap:16px}.training-title-icon{font-size:48px;color:#722ed1}.training-title{margin:0;font-size:28px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.training-subtitle{margin:4px 0 0;color:#8c8c8c;font-size:14px}.training-total{display:flex;flex-direction:column;align-items:center;padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.total-number{font-size:36px;font-weight:700;line-height:1}.total-label{font-size:12px;opacity:.9;margin-top:4px}.video-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;padding:16px}.video-card{position:relative;height:320px;border-radius:24px;overflow:hidden;cursor:pointer;animation:cardFadeIn .6s ease-out backwards;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.video-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px var(--card-shadow)}.video-card-bg{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.08;transition:all .4s ease}.video-card:hover .video-card-bg{opacity:.15}.video-card-content{position:relative;height:100%;padding:32px;background:#fff;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.06)}.video-card-icon-wrapper{position:relative;width:80px;height:80px;margin-bottom:24px}.video-card-icon{position:relative;width:80px;height:80px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;z-index:1;transition:all .4s ease;box-shadow:0 8px 24px var(--card-shadow)}.video-card:hover .video-card-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 32px var(--card-shadow)}.icon-ring{position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:28px;border:2px dashed;opacity:.3;animation:none}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-card-info{flex:1}.video-card-title{margin:0 0 8px;font-size:24px;font-weight:600;color:#1a1a2e;transition:all .3s ease}.video-card:hover .video-card-title{color:#667eea}.video-card-desc{margin:0;color:#8c8c8c;font-size:14px}.video-card-stats{display:flex;align-items:baseline;gap:8px;margin-bottom:20px}.stats-number{font-size:48px;font-weight:700;line-height:1;transition:all .3s ease}.video-card:hover .stats-number{transform:scale(1.1)}.stats-label{font-size:14px;color:#8c8c8c}.video-card-footer{display:flex;align-items:center;gap:8px;padding-top:16px;border-top:1px solid rgba(0,0,0,.06);color:#8c8c8c;font-size:14px;transition:all .3s ease}.play-icon{font-size:20px;transition:all .3s ease}.video-card:hover .play-icon{transform:scale(1.2);color:#667eea}.video-card:hover .video-card-footer{color:#667eea}.card-decoration{position:absolute;border-radius:50%;opacity:.1;transition:all .4s ease}.decoration-1{top:-30px;right:-30px;width:120px;height:120px}.decoration-2{bottom:-50px;left:-20px;width:100px;height:100px}.video-card:hover .card-decoration{opacity:.2;transform:scale(1.2)}.video-card: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 ease;z-index:1}.video-card:hover:before{left:100%}@media (max-width: 768px){.video-cards-container{grid-template-columns:1fr}.training-header{flex-direction:column;text-align:center}.training-title-area{flex-direction:column}.video-card{height:280px}}.video-list-page{padding:24px;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);min-height:100vh;animation:pageSlideIn .5s ease-out}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.video-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);animation:headerFadeIn .6s ease-out}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.video-list-title-area{display:flex;align-items:center;gap:16px}.video-list-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 4px 15px rgba(102,126,234,.4)}.video-list-title-text h2{margin:0;font-size:22px;font-weight:600;background:linear-gradient(135deg,#333,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.video-list-title-text p{margin:4px 0 0;font-size:13px;color:#8c8c8c}.add-video-btn{display:flex;align-items:center;gap:8px;height:42px;padding:0 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.4);position:relative;overflow:hidden}.add-video-btn: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 .5s ease}.add-video-btn:hover:before{left:100%}.add-video-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.5)}.video-search-bar{display:flex;gap:12px;margin-bottom:20px;padding:20px 24px;background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);animation:searchFadeIn .7s ease-out}@keyframes searchFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.search-input-wrapper{position:relative;flex:1}.search-input-wrapper .ant-input-affix-wrapper{height:42px;padding:0 16px;border-radius:10px;border:2px solid #e8e8e8;transition:all .3s ease}.search-input-wrapper .ant-input-affix-wrapper:hover,.search-input-wrapper .ant-input-affix-wrapper:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.search-input-wrapper .ant-input-prefix{color:#8c8c8c;margin-right:8px}.search-btn{height:42px;padding:0 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;font-weight:500;transition:all .3s ease}.search-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,126,234,.4)}.reset-btn{height:42px;padding:0 20px;border-radius:10px;border:2px solid #e8e8e8;background:#fff;color:#666;font-weight:500;transition:all .3s ease}.reset-btn:hover{border-color:#667eea;color:#667eea}.video-table-container{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.08);animation:tableFadeIn .8s ease-out}@keyframes tableFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.video-table-container .ant-table-thead>tr>th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);font-weight:600;color:#333;border-bottom:2px solid #667eea;padding:16px;transition:background .3s ease}.video-table-container .ant-table-thead>tr>th:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6)}.video-table-container .ant-table-tbody>tr{transition:all .3s ease}.video-table-container .ant-table-tbody>tr:hover{background:linear-gradient(90deg,rgba(102,126,234,.05),rgba(118,75,162,.05));transform:scale(1.005);box-shadow:0 2px 8px rgba(0,0,0,.05)}.video-table-container .ant-table-tbody>tr>td{padding:16px;border-bottom:1px solid #f0f0f0}.video-table-container .ant-table-tbody>tr>td:first-child{font-weight:600;color:#667eea}.video-list-page .action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;margin-right:8px}.preview-btn{background:linear-gradient(135deg,#52c41a,#73d13d);color:#fff}.preview-btn:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 4px 12px rgba(82,196,26,.4)}.download-btn{background:linear-gradient(135deg,#1890ff,#40a9ff);color:#fff}.download-btn:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 4px 12px rgba(24,144,255,.4)}.delete-btn{background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#fff}.delete-btn:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 4px 12px rgba(255,77,79,.4)}.video-table-container .ant-empty{padding:60px 0}.video-table-container .ant-empty-description{color:#8c8c8c}.video-table-container .ant-pagination{margin-top:20px}.video-table-container .ant-pagination-item{border-radius:8px;transition:all .3s ease}.video-table-container .ant-pagination-item:hover{border-color:#667eea}.video-table-container .ant-pagination-item-active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.video-preview-modal .ant-modal-content{border-radius:16px;overflow:hidden}.video-preview-modal .ant-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:16px 24px;border-bottom:none}.video-preview-modal .ant-modal-title{color:#fff;font-weight:600}.video-preview-modal .ant-modal-close{color:#fff}.video-preview-modal .ant-modal-body{padding:24px;background:#1a1a2e}.video-preview-modal video{width:100%;border-radius:8px}.upload-modal .ant-modal-content{border-radius:16px}.upload-modal .ant-modal-header{border-bottom:1px solid #f0f0f0}.upload-modal .ant-upload-drag{border-radius:12px;border:2px dashed #667eea;background:linear-gradient(135deg,rgba(102,126,234,.02),rgba(118,75,162,.02));transition:all .3s ease}.upload-modal .ant-upload-drag:hover{border-color:#764ba2;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05))}.video-table-container .ant-spin-dot-item{background-color:#667eea}.file-size-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:linear-gradient(135deg,#e6f7ff,#bae7ff);border-radius:20px;font-size:13px;color:#1890ff;font-weight:500}.uploader-tag{display:inline-flex;align-items:center;gap:6px}.uploader-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:600}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.dashboard-container{min-height:100vh;background:#0a0f1c;background:-webkit-linear-gradient(135deg,#0a0f1c 0%,#1a1f2e 50%,#0d1221 100%);background:linear-gradient(135deg,#0a0f1c,#1a1f2e,#0d1221);position:relative;overflow-x:hidden;padding-bottom:20px}.dashboard-container.fullscreen{height:100vh;overflow:hidden}.dashboard-bg{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.grid-lines{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:50px 50px}.particle-container{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.particle{position:absolute;width:2px;height:2px;background:rgba(0,212,255,.6);border-radius:50%;-webkit-animation:float-up 15s linear infinite;animation:float-up 15s linear infinite;bottom:-10px}@-webkit-keyframes float-up{0%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{-webkit-transform:translateY(-100vh) scale(.5);transform:translateY(-100vh) scale(.5);opacity:0}}@keyframes float-up{0%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{-webkit-transform:translateY(-100vh) scale(.5);transform:translateY(-100vh) scale(.5);opacity:0}}.dashboard-header{position:relative;z-index:10;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:12px 30px;background:rgba(8,12,24,.98);background:-webkit-linear-gradient(180deg,rgba(8,12,24,.98) 0%,rgba(8,12,24,.9) 100%);background:linear-gradient(180deg,rgba(8,12,24,.98),rgba(8,12,24,.9));border-bottom:1px solid rgba(0,212,255,.2);overflow:hidden}.header-bg-animation{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.scan-line{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,212,255,.05) 45%,rgba(0,212,255,.1) 50%,rgba(0,212,255,.05) 55%,transparent 100%);animation:scan 4s linear infinite}@keyframes scan{0%{left:-100%}to{left:100%}}.particle{position:absolute;width:4px;height:4px;border-radius:50%;opacity:0}.particle.p1{top:20%;background:#00d4ff;animation:float-particle 8s ease-in-out infinite;animation-delay:0s}.particle.p2{top:60%;background:#0f8;animation:float-particle 10s ease-in-out infinite;animation-delay:1s}.particle.p3{top:40%;background:#00d4ff;animation:float-particle 12s ease-in-out infinite;animation-delay:2s}.particle.p4{top:80%;background:#0f8;animation:float-particle 9s ease-in-out infinite;animation-delay:3s}.particle.p5{top:10%;background:#00d4ff;animation:float-particle 11s ease-in-out infinite;animation-delay:4s}@keyframes float-particle{0%,to{opacity:0;transform:translate(0) translateY(0)}10%{opacity:.8}50%{opacity:.6;transform:translate(100px) translateY(-10px)}90%{opacity:.4}}.header-left,.header-right{flex:1;display:flex;align-items:center;z-index:1}.header-right{justify-content:flex-end}.header-center{display:flex;align-items:center;z-index:1}.time-display{display:flex;align-items:center;gap:12px;padding:8px 16px;background:transparent;position:relative}.time-icon{font-size:22px;color:#00d4ff;animation:pulse-icon 2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(0,212,255,.5))}@keyframes pulse-icon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.time-content{display:flex;flex-direction:column}.time-value{font-size:24px;font-weight:700;background:linear-gradient(90deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Orbitron,Digital-7,monospace;letter-spacing:1px;animation:time-glow 2s ease-in-out infinite alternate}@keyframes time-glow{0%{filter:drop-shadow(0 0 4px rgba(0,212,255,.3))}to{filter:drop-shadow(0 0 12px rgba(0,212,255,.6))}}.date-value{font-size:12px;color:rgba(255,255,255,.6);letter-spacing:1px}.title-wrapper{display:flex;align-items:center;gap:0}.title-deco-line{display:flex;align-items:center;width:80px}.title-deco-line.left{flex-direction:row}.title-deco-line.right{flex-direction:row-reverse}.deco-dot{width:8px;height:8px;background:#00d4ff;border-radius:50%;box-shadow:0 0 10px #00d4ff,0 0 20px #00d4ff;animation:dot-pulse 1.5s ease-in-out infinite}.title-deco-line.right .deco-dot{background:#0f8;box-shadow:0 0 10px #0f8,0 0 20px #0f8}@keyframes dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.deco-line{flex:1;height:2px;background:linear-gradient(90deg,#00d4ff,transparent)}.title-deco-line.right .deco-line{background:linear-gradient(90deg,transparent,#00ff88)}.deco-arrow{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #00d4ff;filter:drop-shadow(0 0 5px #00d4ff);animation:arrow-pulse 1s ease-in-out infinite}.title-deco-line.right .deco-arrow{border-left:none;border-right:8px solid #00ff88;filter:drop-shadow(0 0 5px #00ff88)}@keyframes arrow-pulse{0%,to{opacity:1;transform:translate(0)}50%{opacity:.6;transform:translate(3px)}}.title-box{padding:10px 30px;position:relative;text-align:center}.title-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(0,212,255,.15) 0%,transparent 70%);animation:title-bg-pulse 3s ease-in-out infinite}@keyframes title-bg-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.title-text{position:relative;font-size:26px;font-weight:700;background:linear-gradient(90deg,#00d4ff,#fff,#0f8,#fff,#00d4ff);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:8px;animation:title-flow 4s linear infinite;white-space:nowrap;margin:0}@keyframes title-flow{0%{background-position:0% 50%}to{background-position:300% 50%}}.title-underline{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent,#00d4ff,#00ff88,#00d4ff,transparent)}.underline-glow{position:absolute;top:-3px;left:50%;transform:translate(-50%);width:60%;height:8px;background:radial-gradient(ellipse at center,rgba(0,212,255,.5),transparent);animation:underline-pulse 2s ease-in-out infinite}@keyframes underline-pulse{0%,to{opacity:.5;width:60%}50%{opacity:1;width:80%}}.fullscreen-btn{position:relative;display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:1px solid rgba(0,212,255,.4);border-radius:6px;color:#00d4ff;font-size:14px;cursor:pointer;transition:all .3s ease;overflow:hidden}.fullscreen-btn .btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.2),transparent);transition:left .5s ease}.fullscreen-btn:hover .btn-glow{left:100%}.fullscreen-btn:hover{border-color:#00d4ff;box-shadow:0 0 20px rgba(0,212,255,.3),inset 0 0 20px rgba(0,212,255,.1)}.fullscreen-btn span{position:relative;z-index:1}.dashboard-main{position:relative;z-index:1;padding:20px 30px 20px 20px;min-height:calc(100vh - 80px)}.layout-wrapper{width:100%;height:100%}.layout{min-height:600px;position:relative}.grid-item{width:100%;height:100%}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height;overflow:hidden;touch-action:none}.react-grid-item.cssTransforms{transition-property:transform}.react-grid-item.resizing{z-index:1;will-change:width,height;opacity:.9}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform;opacity:.8;cursor:grabbing!important}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:rgba(0,212,255,.15)!important;border:2px dashed #00d4ff!important;border-radius:12px;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;opacity:1!important}.react-grid-item>.react-resizable-handle{position:absolute;width:24px;height:24px;z-index:10}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:4px;bottom:4px;width:10px;height:10px;border-right:2px solid rgba(0,212,255,.6);border-bottom:2px solid rgba(0,212,255,.6);border-radius:0 0 4px;transition:all .2s}.react-grid-item:hover>.react-resizable-handle:after{border-color:#00d4ff;width:12px;height:12px}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize!important;background:transparent}.react-resizable-handle-se:hover{background:rgba(0,212,255,.1)}.react-resizable-handle-e{right:0;top:50%;transform:translateY(-50%);cursor:e-resize!important}.react-resizable-handle-s{bottom:0;left:50%;transform:translate(-50%);cursor:s-resize!important}.layout-readonly .react-resizable-handle{display:none!important}.layout-readonly .react-grid-item,.layout-readonly .panel-header{cursor:default!important}.panel{height:100%;background:rgba(10,20,40,.85);border:1px solid rgba(0,212,255,.15);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.05);animation:panel-fade-in .5s ease-out forwards}@keyframes panel-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel:hover{border-color:rgba(0,212,255,.3);box-shadow:0 4px 30px rgba(0,0,0,.4),0 0 20px rgba(0,212,255,.1)}.panel-header{padding:12px 16px;background:linear-gradient(180deg,rgba(0,212,255,.1) 0%,transparent 100%);border-bottom:1px solid rgba(0,212,255,.1);cursor:move;user-select:none;flex-shrink:0}.panel-header:hover{background:linear-gradient(180deg,rgba(0,212,255,.15) 0%,transparent 100%)}.panel-title-line{display:inline-block;width:4px;height:14px;background:linear-gradient(180deg,#00d4ff,#0f8);margin-right:10px;border-radius:2px;vertical-align:middle}.panel-title-text{font-size:15px;font-weight:600;color:rgba(255,255,255,.9);vertical-align:middle}.panel-body{padding:12px 16px;flex:1;overflow:auto}.hot-product-item{display:flex;align-items:center;padding:10px 12px;margin-bottom:8px;background:rgba(255,255,255,.03);border-radius:8px;transition:all .3s}.hot-product-item:hover{background:rgba(0,212,255,.08);transform:translate(4px)}.rank-badge{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:12px;font-weight:700;margin-right:12px}.rank-1{background:linear-gradient(135deg,gold,#ffb800);color:#000}.rank-2{background:linear-gradient(135deg,silver,#a0a0a0);color:#000}.rank-3{background:linear-gradient(135deg,#cd7f32,#b8860b);color:#fff}.rank-4,.rank-5{background:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.product-name{flex:1;color:rgba(255,255,255,.85);font-size:13px}.product-count{color:#00d4ff;font-size:14px;font-weight:600}.process-panel .panel-body{padding:12px 8px}.process-steps{display:flex;align-items:center;justify-content:space-between;height:100%;min-height:60px;gap:4px}.process-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;flex:1}.step-icon-wrapper{width:44px;height:44px;margin-bottom:8px;position:relative}.step-icon{width:100%;height:100%;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(0,0,0,.2));box-shadow:0 4px 12px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.1),inset 0 -1px rgba(0,0,0,.2);transition:all .3s ease}.step-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;padding:2px;background:linear-gradient(135deg,var(--step-color) 0%,rgba(255,255,255,.3) 50%,var(--step-color) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-shine 3s linear infinite}@keyframes border-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.step-icon:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:9px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(0,0,0,.15))}.step-icon:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,.35),0 0 30px color-mix(in srgb,var(--step-color) 40%,transparent)}.step-icon:hover:before{animation:none;background:var(--step-color)}.step-svg-icon{width:20px;height:20px;color:var(--step-color);position:relative;z-index:1;filter:drop-shadow(0 0 4px var(--step-color))}.step-name{font-size:12px;color:rgba(255,255,255,.9);font-weight:500;margin-bottom:2px}.step-count{font-size:18px;font-weight:700;color:var(--step-color);animation:number-pulse 2s ease-in-out infinite}.step-status{font-size:12px;color:rgba(255,255,255,.6);margin-top:4px}@keyframes number-pulse{0%,to{opacity:1;text-shadow:0 0 8px var(--step-color)}50%{opacity:.8;text-shadow:0 0 4px var(--step-color)}}.step-rate{font-size:11px;color:rgba(255,255,255,.5)}.step-arrow{position:absolute;right:-14px;top:18px;width:18px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.3),rgba(255,255,255,.1));display:flex;align-items:center;justify-content:flex-end}.step-arrow:after{content:"";width:0;height:0;border-left:6px solid rgba(255,255,255,.4);border-top:4px solid transparent;border-bottom:4px solid transparent}.rate-panel-body{display:flex;align-items:center;gap:16px;padding:16px}.rate-circle-container{flex-shrink:0}.rate-circle-svg{width:80px;height:80px}.rate-circle-svg circle:nth-child(2){animation:circle-progress 1.5s ease-out forwards}@keyframes circle-progress{0%{stroke-dashoffset:251}}.rate-details{flex:1}.rate-detail-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.rate-detail-label{color:rgba(255,255,255,.6);font-size:12px}.rate-detail-value{color:#00d4ff;font-size:12px;font-weight:600}.completed-pending-panel .panel-body{padding:20px}.completed-pending-body{display:flex;flex-direction:column;height:100%}.completed-pending-grid{display:flex;align-items:center;justify-content:space-between;gap:40px;height:100%}.completed-pending-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px}.completed-pending-label{color:rgba(255,255,255,.65);font-size:13px;font-weight:500;text-align:center;margin-bottom:8px}.completed-pending-value-wrap{display:flex;align-items:baseline;justify-content:center;gap:4px}.completed-pending-value{font-size:36px;font-weight:700;line-height:1}.completed-pending-item.spring .completed-pending-value{color:#3b82f6;animation:glow-spring 2s ease-in-out infinite}@keyframes glow-spring{0%,to{text-shadow:0 0 10px rgba(59,130,246,.4),0 0 20px rgba(59,130,246,.2)}50%{text-shadow:0 0 20px rgba(59,130,246,.8),0 0 40px rgba(59,130,246,.5),0 0 60px rgba(59,130,246,.3)}}.completed-pending-item.cabinet .completed-pending-value{color:#10b981;animation:glow-cabinet 2s ease-in-out infinite}@keyframes glow-cabinet{0%,to{text-shadow:0 0 10px rgba(16,185,129,.4),0 0 20px rgba(16,185,129,.2)}50%{text-shadow:0 0 20px rgba(16,185,129,.8),0 0 40px rgba(16,185,129,.5),0 0 60px rgba(16,185,129,.3)}}.completed-pending-unit{color:rgba(255,255,255,.5);font-size:14px;font-weight:500}.completed-pending-divider{width:1px;height:80px;background:rgba(255,255,255,.15)}.daily-output-panel .panel-header{display:flex;align-items:center;gap:8px}.daily-output-panel .dept-name{margin-left:auto;font-size:12px;color:#00d4ff;background:rgba(0,212,255,.1);padding:2px 8px;border-radius:4px;border:1px solid rgba(0,212,255,.3)}.daily-output-body{display:flex;flex-direction:column;height:100%;padding:8px 12px}.product-list{flex:1;overflow-y:auto}.product-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.product-item:hover{background:rgba(255,255,255,.03);padding-left:8px;margin-left:-8px;margin-right:-8px;padding-right:8px}.product-item:last-child{border-bottom:none}.product-name{font-size:12px;color:rgba(255,255,255,.85)}.product-count{font-size:12px;color:#00d4ff;font-weight:500}.output-total{display:flex;justify-content:center;align-items:center;gap:6px;padding:8px 0;margin-top:8px;border-top:1px solid rgba(0,212,255,.2);background:linear-gradient(90deg,transparent,rgba(0,212,255,.05),transparent)}.total-label{font-size:12px;color:rgba(255,255,255,.6)}.total-value{font-size:14px;color:#0f8;font-weight:600}.dept-indicators{display:flex;justify-content:center;gap:6px;padding-top:8px}.dept-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease}.dept-dot:hover{background:rgba(255,255,255,.4)}.dept-dot.active{background:#00d4ff;box-shadow:0 0 8px rgba(0,212,255,.6)}.inventory-panel-body{padding:8px}.inventory-item{display:flex;align-items:center;padding:8px 10px;margin-bottom:6px;background:rgba(255,255,255,.03);border-radius:6px;transition:all .3s ease}.inventory-item:hover{background:rgba(0,212,255,.08);transform:translate(4px)}.inventory-rank{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:11px;font-weight:700;margin-right:10px}.inventory-name{flex:1;color:rgba(255,255,255,.8);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-count{color:#0f8;font-size:12px;font-weight:600}.panel-trend{min-height:180px}.trend-panel-body{padding:10px 16px;display:flex;flex-direction:column}.trend-chart{flex:1;display:flex;align-items:center;justify-content:center}.trend-svg{width:100%;max-width:100%;height:auto}.area-item{display:flex;align-items:center;margin-bottom:6px}.area-name{width:72px;font-size:11px;color:rgba(255,255,255,.7);flex-shrink:0}.area-bar-bg{flex:1;height:6px;background:rgba(255,255,255,.05);border-radius:3px;overflow:hidden;margin:0 8px}.area-bar{height:100%;background:linear-gradient(90deg,#00d4ff,#0f8);border-radius:3px;animation:bar-slide 1s ease-out forwards;transform-origin:left}@keyframes bar-slide{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.area-value{width:36px;text-align:right;font-size:11px;color:#00d4ff;font-weight:600}.react-grid-item:has(.has-warning-red){overflow:visible!important;border-radius:12px;z-index:10;animation:warning-outer-glow-red .8s ease-in-out infinite}.react-grid-item:has(.has-warning-yellow){overflow:visible!important;border-radius:12px;z-index:10;animation:warning-outer-glow-yellow .8s ease-in-out infinite}.react-grid-item:has(.has-warning-both){overflow:visible!important;border-radius:12px;z-index:10;animation:warning-outer-glow-both 1.6s ease-in-out infinite}@keyframes warning-outer-glow-red{0%,to{box-shadow:0 0 15px rgba(255,50,50,.6),0 0 30px rgba(255,50,50,.4),0 0 45px rgba(255,50,50,.2)}50%{box-shadow:0 0 25px rgba(255,50,50,.9),0 0 50px rgba(255,50,50,.6),0 0 80px rgba(255,50,50,.3),0 0 120px rgba(255,50,50,.15)}}@keyframes warning-outer-glow-yellow{0%,to{box-shadow:0 0 15px rgba(255,200,50,.6),0 0 30px rgba(255,200,50,.4),0 0 45px rgba(255,200,50,.2)}50%{box-shadow:0 0 25px rgba(255,200,50,.9),0 0 50px rgba(255,200,50,.6),0 0 80px rgba(255,200,50,.3),0 0 120px rgba(255,200,50,.15)}}@keyframes warning-outer-glow-both{0%,25%{box-shadow:0 0 25px rgba(255,50,50,.9),0 0 50px rgba(255,50,50,.6),0 0 80px rgba(255,50,50,.3)}50%,75%{box-shadow:0 0 25px rgba(255,200,50,.9),0 0 50px rgba(255,200,50,.6),0 0 80px rgba(255,200,50,.3)}}.panel.has-warning-red,.panel.has-warning-yellow,.panel.has-warning-both{position:relative}.warning-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:8px;box-shadow:0 0 6px currentColor}.has-warning-red-indicator,.warning-indicator.has-warning-red-indicator{background:#f33;animation:indicator-blink-red .8s ease-in-out infinite}.has-warning-yellow-indicator,.warning-indicator.has-warning-yellow-indicator{background:#ffc832;animation:indicator-blink-yellow .8s ease-in-out infinite}.has-warning-both-indicator,.warning-indicator.has-warning-both-indicator{animation:indicator-blink-both 1.6s ease-in-out infinite}@keyframes indicator-blink-red{0%,to{opacity:1;box-shadow:0 0 6px #f33}50%{opacity:.4;box-shadow:0 0 12px #f33}}@keyframes indicator-blink-yellow{0%,to{opacity:1;box-shadow:0 0 6px #ffc832}50%{opacity:.4;box-shadow:0 0 12px #ffc832}}@keyframes indicator-blink-both{0%,25%{background:#f33;box-shadow:0 0 6px #f33}50%,75%{background:#ffc832;box-shadow:0 0 6px #ffc832}}.alarm-panel-body{padding:0;max-height:180px;overflow:hidden;display:flex;flex-direction:column}.alarm-table-header{width:100%;border-collapse:collapse;flex-shrink:0}.alarm-table-header thead{background:rgba(0,212,255,.1)}.alarm-table-header th{padding:10px 8px;text-align:left;font-weight:600;font-size:12px;color:rgba(255,255,255,.85);border-bottom:1px solid rgba(0,212,255,.2);white-space:nowrap}.alarm-table{table-layout:fixed;width:100%}.alarm-table th:nth-child(1),.alarm-table td:nth-child(1){width:16%}.alarm-table th:nth-child(2),.alarm-table td:nth-child(2){width:20%;font-family:Consolas,Monaco,monospace}.alarm-table th:nth-child(3),.alarm-table td:nth-child(3){width:28%;max-width:28%;overflow:hidden;text-overflow:ellipsis}.alarm-table th:nth-child(4),.alarm-table td:nth-child(4){width:12%}.alarm-table th:nth-child(5),.alarm-table td:nth-child(5){width:12%}.alarm-table th:nth-child(6),.alarm-table td:nth-child(6){width:12%}.alarm-scroll-wrapper{flex:1;overflow-y:auto;position:relative;max-height:130px}.alarm-scroll-wrapper::-webkit-scrollbar{display:none}.alarm-scroll-wrapper{-ms-overflow-style:none;scrollbar-width:none}.alarm-scroll-content{width:100%}.alarm-table-body{width:100%;border-collapse:collapse;flex-shrink:0}.alarm-table-body td{padding:10px 8px;font-size:12px;color:rgba(255,255,255,.75);border-bottom:1px solid rgba(0,212,255,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alarm-table-body tr:hover td{background:rgba(0,212,255,.05)}.status-badge{padding:2px 8px;border-radius:4px;font-size:11px}.status-生产中{background:rgba(0,212,255,.2);color:#00d4ff}.status-待生产{background:rgba(255,170,0,.2);color:#fa0}.status-已完成{background:rgba(0,255,136,.2);color:#0f8}.type-badge{padding:2px 8px;border-radius:4px;font-size:11px}.type-订单逾期{background:rgba(255,77,79,.2);color:#ff4d4f;border:1px solid #ff4d4f;font-weight:500}.type-早期预警{background:rgba(255,170,0,.2);color:#fa0;border:1px solid #ffaa00;font-weight:500}.type-库存{background:rgba(255,100,100,.2);color:#ff6464}.type-交期{background:rgba(255,170,0,.2);color:#fa0}.type-质量{background:rgba(168,85,247,.2);color:#a855f7}.dispatch-badge{padding:2px 8px;border-radius:4px;font-size:11px}.dispatch-none{background:rgba(255,77,79,.2);color:#ff4d4f;border:1px solid #ff4d4f;font-weight:500}.dispatch-employee{background:rgba(34,197,94,.2);color:#22c55e;border:1px solid #22c55e;font-weight:500}.dispatch-electric{background:rgba(168,85,247,.2);color:#a855f7;border:1px solid #a855f7;font-weight:500}.dispatch-packed{background:rgba(10,186,181,.2);color:#0abab5;border:1px solid #0ABAB5;font-weight:500}.dispatch-done{background:rgba(0,255,136,.2);color:#0f8}.dispatch-pending{background:rgba(255,100,100,.2);color:#ff6464}.workshop-rate-body{padding:8px}.workshop-rate-item{display:flex;align-items:center;margin-bottom:8px}.workshop-name{width:80px;font-size:11px;color:rgba(255,255,255,.7);flex-shrink:0}.rate-bar-bg{flex:1;height:6px;background:rgba(255,255,255,.05);border-radius:3px;overflow:hidden;margin:0 8px}.rate-bar{height:100%;background:linear-gradient(90deg,#00d4ff,#0f8);border-radius:3px;animation:bar-grow 1s ease-out forwards;transform-origin:left}@keyframes bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.rate-value{width:45px;text-align:right;font-size:11px;color:#0f8;font-weight:600}.workshop-output-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:6px 8px;background:rgba(255,255,255,.03);border-radius:4px}.workshop-output-item .workshop-name{width:auto;flex:1}.workshop-output-item .output-value{font-size:14px;color:#00d4ff;font-weight:600;min-width:40px;text-align:right}.fullscreen .dashboard-main{height:calc(100vh - 80px);overflow:auto;box-sizing:border-box;padding:20px 30px 20px 20px}.fullscreen .layout{width:100%;box-sizing:border-box}.fullscreen .panel{background:rgba(10,20,40,.95)}@media (max-width: 1600px){.layout{min-height:700px}}@media (max-width: 1200px){.header-decoration{display:none}.title-main{font-size:22px}}.panel-header:active{cursor:grabbing}.react-grid-item:hover .panel-header{background:linear-gradient(180deg,rgba(0,212,255,.18),rgba(0,212,255,.05))}.react-grid-item.resizing .panel{border-color:#00d4ff;box-shadow:0 0 30px rgba(0,212,255,.3)}.react-grid-item.react-draggable-dragging .panel{border-color:#0f8;box-shadow:0 10px 40px rgba(0,255,136,.3)}.operation-dropdown{position:fixed;min-width:160px;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15),0 4px 12px rgba(0,0,0,.1);z-index:9999;overflow:hidden;transform-origin:top right;animation:dropdownSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes dropdownSlideIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.operation-dropdown:before{content:"";position:absolute;top:-6px;right:24px;width:12px;height:12px;background:#fff;transform:rotate(45deg);box-shadow:-2px -2px 4px rgba(0,0,0,.05)}.operation-item{display:flex;align-items:center;gap:12px;padding:14px 20px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;border-bottom:1px solid #f0f0f0}.operation-item:last-child{border-bottom:none}.operation-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:all .2s ease}.operation-item:hover{background:linear-gradient(135deg,#f8f9fa,#fff)}.operation-item.distribute{--item-color: #52c41a}.operation-item.distribute:hover{background:linear-gradient(135deg,#f6ffed,#fff)}.operation-item.distribute:hover:before{background:#52c41a}.operation-item.recall{--item-color: #fa8c16}.operation-item.recall:hover{background:linear-gradient(135deg,#fff7e6,#fff)}.operation-item.recall:hover:before{background:#fa8c16}.operation-item.destroy{--item-color: #ff4d4f}.operation-item.destroy:hover{background:linear-gradient(135deg,#fff1f0,#fff)}.operation-item.destroy:hover:before{background:#ff4d4f}.operation-item.edit{--item-color: #1890ff}.operation-item.edit:hover{background:linear-gradient(135deg,#e6f7ff,#fff)}.operation-item.edit:hover:before{background:#1890ff}.operation-item.delete{--item-color: #cf1322}.operation-item.delete:hover{background:linear-gradient(135deg,#fff1f0,#fff)}.operation-item.delete:hover:before{background:#cf1322}.operation-item .anticon{font-size:16px;color:var(--item-color, #666);transition:transform .2s ease}.operation-item:hover .anticon{transform:scale(1.1)}.operation-item span:last-child{font-size:14px;font-weight:500;color:#333}.operation-divider{height:1px;background:linear-gradient(90deg,transparent,#e8e8e8,transparent);margin:4px 0}.operation-item:nth-child(1){animation:itemSlideIn .2s ease .05s both}.operation-item:nth-child(2){animation:itemSlideIn .2s ease .1s both}.operation-item:nth-child(3){animation:itemSlideIn .2s ease .15s both}.operation-item:nth-child(4){animation:itemSlideIn .2s ease .2s both}.operation-item:nth-child(5){animation:itemSlideIn .2s ease .25s both}@keyframes itemSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.operation-btn-wrapper{position:relative}.operation-btn{display:inline-flex;align-items:center;gap:8px;padding:0 20px;height:36px;border-radius:8px;font-size:14px;font-weight:500;color:#fff;background:linear-gradient(135deg,#11998e,#38ef7d);border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(17,153,142,.3)}.operation-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(17,153,142,.4)}.operation-btn.active{background:linear-gradient(135deg,#f5576c,#f093fb);box-shadow:0 4px 12px rgba(245,87,108,.3)}.operation-btn.active:hover{box-shadow:0 6px 20px rgba(245,87,108,.4)}.operation-btn:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);animation:btnPulse 2s ease-in-out infinite}@keyframes btnPulse{0%,to{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.6}}.operation-btn .ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.5);transform:scale(0);animation:ripple .6s linear;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.operation-btn .dropdown-icon{transition:transform .3s ease}.operation-btn.active .dropdown-icon{transform:rotate(180deg)}.permission-badge{font-size:10px;padding:2px 6px;border-radius:4px;background:#f0f0f0;color:#999;margin-left:auto}.inventory-page{position:relative;min-height:calc(100vh - 112px);padding:0}.inventory-bg-decorations{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;overflow:hidden}.bg-circle{position:absolute;border-radius:50%;opacity:.1;animation:floatCircle 20s ease-in-out infinite}.circle-1{width:400px;height:400px;background:linear-gradient(135deg,#0abab5,#008b8b);top:-100px;right:-100px;animation-delay:0s}.circle-2{width:300px;height:300px;background:linear-gradient(135deg,#667eea,#764ba2);bottom:-50px;left:10%;animation-delay:-7s}.circle-3{width:200px;height:200px;background:linear-gradient(135deg,#f093fb,#f5576c);top:40%;left:-50px;animation-delay:-14s}@keyframes floatCircle{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}.stats-row{margin-bottom:16px;position:relative;z-index:1}.stats-card{border:none;border-radius:16px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px rgba(0,0,0,.1)}.stats-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.stats-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.stats-card-primary{background:linear-gradient(135deg,#0abab5,#008b8b)}.stats-card-success{background:linear-gradient(135deg,#52c41a,#389e0d)}.stats-card-warning{background:linear-gradient(135deg,#faad14,#d48806)}.stats-card-info{background:linear-gradient(135deg,#1890ff,#096dd9)}.stats-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:48px;opacity:.3;color:#fff}.search-card{margin-bottom:16px;border-radius:16px;border:none;box-shadow:0 2px 12px rgba(0,0,0,.08);position:relative;z-index:1;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-input{border-radius:10px;border:2px solid #e8e8e8;transition:all .3s ease}.search-input:hover,.search-input:focus{border-color:#0abab5;box-shadow:0 0 0 3px rgba(10,186,181,.1)}.filter-select .ant-select-selector{border-radius:10px!important;border:2px solid #e8e8e8!important;transition:all .3s ease}.filter-select:hover .ant-select-selector,.filter-select-focused .ant-select-selector{border-color:#0abab5!important;box-shadow:0 0 0 3px rgba(10,186,181,.1)!important}.action-btn-refresh{background:linear-gradient(135deg,#0abab5,#008b8b);border:none;border-radius:10px;height:40px;padding:0 24px;font-weight:500;box-shadow:0 4px 12px rgba(10,186,181,.3);transition:all .3s ease}.action-btn-refresh:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(10,186,181,.4)}.action-btn-export{border:2px solid #0ABAB5;border-radius:10px;height:40px;padding:0 24px;font-weight:500;color:#0abab5;background:transparent;transition:all .3s ease}.action-btn-export:hover{background:rgba(10,186,181,.1);border-color:#0abab5;color:#008b8b;transform:translateY(-2px)}.table-card{border-radius:16px;border:none;box-shadow:0 2px 12px rgba(0,0,0,.08);position:relative;z-index:1;animation:fadeIn .5s ease-out .2s both}.table-row-even{background:#fafafa;transition:all .3s ease}.table-row-odd{background:#fff;transition:all .3s ease}.table-row-even:hover,.table-row-odd:hover{background:#e6f7ff!important;transform:scale(1.002);box-shadow:0 2px 8px rgba(0,0,0,.08)}.ant-table-thead>tr>th{background:linear-gradient(135deg,#0abab5,#008b8b)!important;color:#fff!important;font-weight:600;border-bottom:none!important;padding:16px}.ant-table-thead>tr>th:before{display:none!important}.ant-table-thead>tr>th:first-child{border-radius:12px 0 0!important}.ant-table-thead>tr>th:last-child{border-radius:0 12px 0 0!important}.ant-table-tbody>tr>td{padding:14px 16px;border-bottom:1px solid #f0f0f0}.ant-pagination{margin-top:16px}.ant-pagination-item{border-radius:8px;border:2px solid #d9d9d9;transition:all .3s ease}.ant-pagination-item:hover,.ant-pagination-item-active{border-color:#0abab5}.ant-pagination-item-active{background:linear-gradient(135deg,#0abab5,#008b8b)}.ant-pagination-item-active a{color:#fff!important}.ant-pagination-options{margin-left:16px}@media (max-width: 768px){.stats-card{margin-bottom:12px}.stats-icon{font-size:36px;right:12px}.action-btn-refresh,.action-btn-export{width:100%;margin-bottom:8px}}.ant-statistic-content-value{animation:countUp .5s ease-out}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ant-tag{border-radius:6px;padding:2px 8px;font-size:12px;border:none}.ant-empty{padding:40px 0}.ant-empty-description{color:#999}.ant-table-column-sorter-up.active,.ant-table-column-sorter-down.active{color:#fff}.name-management-page{min-height:100%;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);padding:24px;position:relative;overflow:hidden}.bg-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.bg-circle{position:absolute;border-radius:50%;opacity:.1;animation:float 20s infinite ease-in-out}.bg-circle-1{width:400px;height:400px;background:linear-gradient(135deg,#667eea,#764ba2);top:-100px;right:-100px;animation-delay:0s}.bg-circle-2{width:300px;height:300px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-50px;left:-50px;animation-delay:-7s}.bg-circle-3{width:200px;height:200px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.05)}50%{transform:translate(-10px,10px) scale(.95)}75%{transform:translate(-20px,-10px) scale(1.02)}}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;position:relative;z-index:1}.back-button{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e0e0e0;border-radius:10px;cursor:pointer;font-size:14px;color:#555;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.08)}.back-button:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;transform:translate(-4px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.back-button:active{transform:translate(-2px) scale(.98)}.header-icon{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 8px 24px rgba(102,126,234,.4);animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 8px 24px rgba(102,126,234,.4)}50%{box-shadow:0 8px 32px rgba(102,126,234,.6)}}.header-text h1{margin:0;font-size:28px;font-weight:600;color:#1a1a2e;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-text p{margin:4px 0 0;font-size:14px;color:#666}.selector-section{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;position:relative;z-index:1}.selector-wrapper{flex:1;background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.selector-label{font-size:14px;color:#666;margin-bottom:16px;font-weight:500}.selectors-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.selector-item{position:relative;flex:1;min-width:180px;max-width:220px}.selector-item.disabled{opacity:.5;pointer-events:none}.custom-select{width:100%;padding:14px 40px 14px 20px;font-size:15px;border:2px solid #e8e8e8;border-radius:12px;background:#fafafa;color:#333;cursor:pointer;transition:all .3s ease;appearance:none;-webkit-appearance:none}.custom-select:hover{border-color:#667eea;background:#fff}.custom-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1);background:#fff}.select-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #999;pointer-events:none}.selector-arrow-icon{color:#ccc;font-size:18px;flex-shrink:0;animation:arrowBounce 1.5s infinite}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.selector-item-1 .custom-select{animation:slideIn .3s ease-out}.selector-item-2 .custom-select{animation:slideIn .3s ease-out .1s backwards}.selector-item-3 .custom-select{animation:slideIn .3s ease-out .2s backwards}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.add-btn{display:flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px rgba(102,126,234,.4);margin-left:20px;flex-shrink:0}.add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(102,126,234,.5)}.add-btn:active{transform:translateY(0)}.empty-selection{text-align:center;padding:80px 20px;background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);position:relative;z-index:1}.empty-icon{width:80px;height:80px;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:32px;color:#999;animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-selection p{margin:0;font-size:16px;color:#666}.empty-selection .empty-hint{margin-top:8px;font-size:14px;color:#999}.list-section{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.08);position:relative;z-index:1;animation:fadeInUp .5s ease-out}.list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.list-title{font-size:18px;font-weight:600;color:#1a1a2e;display:flex;align-items:center;gap:10px}.title-dot{width:8px;height:8px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%}.list-count{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:12px;padding:2px 10px;border-radius:10px;font-weight:500}.list-info{font-size:14px;color:#999}.name-list{overflow:hidden;border-radius:12px;border:1px solid #f0f0f0}.list-thead{display:flex;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);padding:16px 20px;font-weight:600;color:#666;font-size:14px}.list-tbody{max-height:500px;overflow-y:auto}.list-row{display:flex;padding:16px 20px;border-bottom:1px solid #f0f0f0;transition:all .3s ease;animation:rowSlideIn .3s ease-out backwards}@keyframes rowSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.list-row:hover{background:#fafbfc}.list-row:last-child{border-bottom:none}.th,.td{display:flex;align-items:center}.th-name,.td-name,.th-time,.td-time{flex:2}.th-user,.td-user{flex:1.5}.th-action,.td-action{flex:1;justify-content:flex-end}.name-tag{background:linear-gradient(135deg,rgba(102,126,234,.082),rgba(118,75,162,.082));color:#667eea;padding:6px 14px;border-radius:8px;font-weight:500;font-size:14px}.user-badge{background:#f0f2f5;color:#666;padding:4px 12px;border-radius:6px;font-size:13px}.action-btn{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin-left:8px}.edit-btn{background:#e6f7ff;color:#1890ff}.edit-btn:hover{background:#1890ff;color:#fff;transform:scale(1.1)}.delete-btn{background:#fff1f0;color:#ff4d4f}.delete-btn:hover{background:#ff4d4f;color:#fff;transform:scale(1.1)}.empty-list{text-align:center;padding:60px 20px}.empty-illustration{width:100px;height:100px;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:40px;color:#ccc}.empty-list p{margin:0;color:#999;font-size:15px}.empty-list .empty-hint{margin-top:8px;font-size:13px;color:#bbb}.name-modal .ant-modal-content{border-radius:16px;overflow:hidden}.name-modal .ant-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border:none;padding:20px 24px}.name-modal .ant-modal-title{color:#fff;font-weight:600}.name-modal .ant-modal-close{top:16px;right:16px;color:#fff}.name-modal .ant-modal-close:hover{color:#fff;opacity:.8}.name-modal .ant-modal-body{padding:24px}.name-modal .ant-modal-footer{padding:16px 24px;border-top:1px solid #f0f0f0}.name-modal .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;height:40px;padding:0 24px}.name-modal .ant-btn-default{border-radius:8px;height:40px;padding:0 24px}.modal-selectors{display:flex;gap:16px}.modal-select-item{flex:1;display:flex;flex-direction:column;gap:8px}.modal-select-item label{font-size:13px;color:#666;font-weight:500}.modal-select{width:100%;padding:10px 12px;font-size:14px;border:1px solid #d9d9d9;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;appearance:none;-webkit-appearance:none}.modal-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1)}.modal-input-item{display:flex;flex-direction:column;gap:8px}.modal-input-item label{font-size:13px;color:#666;font-weight:500}.modal-input{border-radius:8px;padding:10px 12px;font-size:14px}.modal-input:focus{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1)}.search-section{margin-bottom:20px;position:relative}.search-wrapper{display:flex;align-items:center;background:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 2px 8px rgba(0,0,0,.08);border:1px solid #e8e8e8;transition:all .3s ease}.search-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1)}.search-icon{color:#999;font-size:16px;margin-right:12px}.search-input{flex:1;border:none;outline:none;font-size:14px;color:#333;background:transparent}.search-input::placeholder{color:#bbb}.search-clear{background:none;border:none;color:#999;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.search-clear:hover{color:#666}.search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);border:1px solid #e8e8e8;z-index:100;max-height:300px;overflow-y:auto}.search-loading,.search-empty{padding:20px;text-align:center;color:#999;font-size:14px}.search-results{padding:8px 0}.search-result-item{padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f5f5f5}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#f5f7fa}.result-name{font-size:14px;color:#333;font-weight:500;display:block}.result-category{font-size:12px;color:#999;margin-top:4px;display:block}.highlight-row{background:linear-gradient(135deg,#fff7e6,#ffe7ba)!important;border-left:4px solid #fa8c16;animation:highlightPulse .5s ease-out}@keyframes highlightPulse{0%{background:linear-gradient(135deg,#fff1e6,#ffd7ba)}50%{background:linear-gradient(135deg,#fff7e6,#ffe7ba)}to{background:linear-gradient(135deg,#fff7e6,#ffe7ba)}}@media (max-width: 768px){.name-management-page{padding:16px}.selector-section{flex-direction:column}.selector-wrapper{width:100%}.selectors-row{flex-direction:column}.selector-item{max-width:none;width:100%}.selector-arrow-icon{transform:rotate(90deg)}.add-btn{width:100%;margin-left:0;margin-top:16px;justify-content:center}.list-header{flex-direction:column;align-items:flex-start;gap:8px}.th-time,.td-time,.th-user,.td-user{display:none}.modal-selectors{flex-direction:column}}.sticker-cabinet-page{min-height:100vh;background:#fff;padding:24px;position:relative;overflow:hidden}.back-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#f5f5f7;border-radius:12px;cursor:pointer;color:#333;font-size:14px;font-weight:500;transition:all .3s ease;margin-bottom:24px}.back-button:hover{background:#e8e8ed;transform:translate(-4px)}.page-title{font-size:28px;font-weight:600;color:#1d1d1f;margin:0 0 8px;letter-spacing:-.5px}.page-subtitle{font-size:15px;color:#86868b;margin:0}.cabinet-card{width:280px;height:320px;background:linear-gradient(145deg,#f8f9fa,#fff);border-radius:28px;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 20px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.04)}.cabinet-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)}.cabinet-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.12),0 4px 12px rgba(0,0,0,.08)}.cabinet-card.active{transform:scale(.95);opacity:.6}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,122,255,.05) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.cabinet-card:hover .card-glow{opacity:1}.card-icon-wrapper{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:linear-gradient(135deg,#f0f0f3,#fff);border-radius:24px;box-shadow:inset 0 2px 4px rgba(0,0,0,.05),0 4px 12px rgba(0,0,0,.08)}.card-icon{width:44px;height:44px;color:#1d1d1f;transition:transform .3s ease}.cabinet-card:hover .card-icon{transform:scale(1.1)}.card-title{font-size:22px;font-weight:600;color:#1d1d1f;margin:0 0 12px;letter-spacing:-.3px}.count-number{font-size:36px;font-weight:700;background:linear-gradient(135deg,#007aff,#5856d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.count-label{font-size:14px;color:#86868b}.card-hover-effect{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#007aff,#5856d6);transform:scaleX(0);transition:transform .4s ease}.bubbles-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99}.brand-bubble{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff,#f0f0f3);border-radius:50%;cursor:pointer;transform:translate(-50%,-50%) scale(0);opacity:0;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08),inset 0 2px 4px rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.8);transition:transform .3s ease,box-shadow .3s ease}.brand-bubble.fly-in{animation:bubbleFlyIn 1.2s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--delay, 0s)}@keyframes bubbleFlyIn{0%{transform:translate(calc(-50% + 0px),calc(-50% + 0px)) scale(0) rotate(0);opacity:0}30%{transform:translate(calc(-50% + calc(var(--final-x) * .5)),calc(-50% + calc(var(--final-y) * .5))) scale(1.2) rotate(360deg);opacity:1}50%{transform:translate(calc(-50% + calc(var(--final-x) * 1.1)),calc(-50% + calc(var(--final-y) * 1.1))) scale(1.1) rotate(540deg);opacity:1}70%{transform:translate(calc(-50% + calc(var(--final-x) * .95)),calc(-50% + calc(var(--final-y) * .95))) scale(.95) rotate(680deg);opacity:1}to{transform:translate(calc(-50% + var(--final-x)),calc(-50% + var(--final-y))) scale(1) rotate(720deg);opacity:1}}.brand-bubble:hover{animation-play-state:paused!important;box-shadow:0 16px 48px rgba(0,122,255,.25),0 4px 16px rgba(0,122,255,.15),inset 0 2px 4px rgba(255,255,255,.9)}.brand-bubble:hover .bubble-text{color:#007aff}.bubble-text{font-size:16px;font-weight:600;color:#1d1d1f;transition:color .3s ease;text-shadow:0 1px 2px rgba(255,255,255,.8)}.bubble-shine{position:absolute;top:10%;left:15%;width:30%;height:20%;background:linear-gradient(135deg,rgba(255,255,255,.8) 0%,transparent 100%);border-radius:50%;pointer-events:none}.brand-bubble.fly-in{animation:bubbleFlyIn 1.2s cubic-bezier(.34,1.56,.64,1) forwards,bubbleFloat 3s ease-in-out 1.2s infinite}@keyframes bubbleFloat{0%,to{transform:translate(calc(-50% + var(--final-x)),calc(-50% + var(--final-y))) scale(1) rotate(720deg)}50%{transform:translate(calc(-50% + var(--final-x)),calc(-50% + var(--final-y))) scale(1.02) rotate(720deg)}}.bubbles-close:hover{transform:scale(1.1);box-shadow:0 6px 24px rgba(0,0,0,.2)}.bubbles-close svg{width:24px;height:24px;color:#86868b;transition:color .3s ease}.bubbles-close:hover svg{color:#1d1d1f}@media (max-width: 768px){.cabinet-cards{flex-direction:column;align-items:center;gap:32px}.cabinet-card{width:260px;height:280px}.card-icon-wrapper{width:64px;height:64px}.card-icon{width:36px;height:36px}.count-number{font-size:28px}}@keyframes bubbleFloat{0%,to{transform:translate(var(--final-x, 80px),var(--final-y, 0)) scale(1)}50%{transform:translate(var(--final-x, 80px),calc(var(--final-y, 0) - 8px)) scale(1.05)}}.brand-bubble.fly-in{animation:bubbleFlyIn .8s cubic-bezier(.34,1.56,.64,1) forwards,bubbleFloat 3s ease-in-out .8s infinite;animation-delay:var(--delay, 0s)}.sticker-management-page{min-height:100vh;background:#f5f7fa;padding:24px;position:relative;overflow:hidden}.back-button{position:absolute;top:24px;left:24px;display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08);border:1px solid #e8e8e8;border-radius:30px;color:#333;font-size:14px;cursor:pointer;z-index:10}.back-button:hover{background:#667eea;color:#fff;border-color:#667eea}.page-header{display:flex;justify-content:space-between;align-items:center;padding:60px 0 30px 80px;position:relative;z-index:1}.page-title{display:flex;align-items:center;gap:12px;margin:0}.brand-tag{background:#667eea;color:#fff;padding:8px 16px;border-radius:20px;font-size:16px;font-weight:600}.cabinet-tag{background:#11998e;color:#fff;padding:8px 16px;border-radius:20px;font-size:16px;font-weight:600}.sticker-title-text{font-size:24px;font-weight:600;color:#333;margin-left:8px}.add-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;height:45px;padding:0 30px;font-size:15px;font-weight:500;box-shadow:0 4px 15px rgba(102,126,234,.3)}.add-button:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.table-container{background:#fff;border-radius:16px;padding:24px;margin-top:20px;box-shadow:0 2px 12px rgba(0,0,0,.08);position:relative;z-index:1}.search-container{margin-bottom:16px;position:relative}.search-input{width:100%;max-width:400px;padding:12px 16px;border:2px solid #e8e8e8;border-radius:12px;font-size:14px;outline:none;box-sizing:border-box}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.search-input::placeholder{color:#999}.search-dropdown{position:absolute;top:100%;left:0;width:100%;max-width:400px;max-height:300px;overflow-y:auto;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:100;margin-top:4px}.search-option{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0}.search-option:last-child{border-bottom:none}.search-option:hover{background:#f5f5f5}.search-empty{padding:20px 16px;text-align:center;color:#999}.data-table .ant-table-thead>tr>th{background:#f8f9fa;color:#1a1a2e;font-weight:600;border-bottom:2px solid #667eea}.data-table .ant-table-tbody>tr:hover{background:rgba(102,126,234,.05)}.data-table .ant-table-tbody>tr:hover td{color:#667eea}.table-name{font-weight:500;color:#1a1a2e}.table-user{color:#666}.action-buttons{display:flex;gap:8px}.preview-btn{color:#11998e}.preview-btn:hover{color:#38ef7d}.edit-btn{color:#667eea}.edit-btn:hover{color:#764ba2}.delete-btn{color:#ff4d4f}.add-modal .ant-modal-content{border-radius:16px;overflow:hidden}.add-modal .ant-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;padding:20px 24px}.add-modal .ant-modal-title{color:#fff;font-size:18px;font-weight:600}.add-modal .ant-modal-close{color:#fff}.add-modal .ant-modal-body{padding:24px}.modal-content{display:flex;flex-direction:column;gap:20px}.form-item{display:flex;flex-direction:column;gap:8px}.form-label{font-weight:500;color:#333;font-size:14px}.name-input-wrapper{position:relative}.name-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.1);max-height:200px;overflow-y:auto;z-index:100}.name-options-header{padding:8px 12px;background:#f5f7fa;color:#666;font-size:12px;border-bottom:1px solid #e8e8e8}z-index: 10; } .name-option{padding:10px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0}.name-option:last-child{border-bottom:none}.name-option:hover{background:rgba(102,126,234,.1)}.name-option.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.upload-wrapper{display:flex}.upload-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f8f9fa;border:2px dashed #667eea;border-radius:10px;cursor:pointer;color:#667eea;font-weight:500}.upload-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.upload-btn.reference-btn{border-color:#52c41a;color:#52c41a}.upload-btn.reference-btn:hover{background:linear-gradient(135deg,#52c41a,#389e0d);color:#fff;border-color:transparent}.preview-modal .ant-modal-content{border-radius:16px}.pdf-preview{width:100%;height:600px;background:#f5f5f5;border-radius:10px;overflow:hidden;position:relative}.pdf-preview iframe{width:100%;height:100%;border:none}.pdf-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.9);color:#666;z-index:10}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.add-modal .ant-modal-footer{padding:16px 24px;border-top:1px solid #f0f0f0}.add-modal .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;padding:0 30px;height:40px}.add-modal .ant-btn-default{border-radius:20px;height:40px}@media (max-width: 768px){.page-header{flex-direction:column;gap:20px;padding:60px 20px 20px;align-items:flex-start}.page-title{flex-wrap:wrap}.brand-tag,.cabinet-tag{font-size:14px;padding:6px 12px}.title-text{font-size:20px}.add-button{width:100%}.table-container{padding:16px;border-radius:12px}}.selected-files{margin-top:12px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e8e8e8}.files-header{font-size:13px;color:#666;margin-bottom:8px;font-weight:500}.files-list{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow-y:auto}.file-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e8e8e8}.file-name{flex:1;font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:12px;color:#999}.remove-btn{background:none;border:none;color:#ff4d4f;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.remove-btn:hover{color:#ff7875}.file-count{font-weight:500;color:#667eea}.image-preview-container{display:flex;align-items:center;justify-content:center;position:relative;padding:0 20px}.image-preview{flex:1;display:flex;justify-content:center;align-items:center}.nav-btn{background:rgba(255,255,255,.9);border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;color:#667eea;box-shadow:0 2px 10px rgba(0,0,0,.1);transition:all .3s ease;margin:0 10px}.nav-btn:hover{background:#667eea;color:#fff;transform:scale(1.1)}.preview-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}.dot{width:10px;height:10px;border-radius:50%;background:#d9d9d9;cursor:pointer;transition:all .3s ease}.dot.active{background:#667eea;transform:scale(1.2)}.dot:hover{background:#764ba2}.existing-files{margin-top:8px}.no-files{color:#999;font-size:14px;padding:20px;text-align:center;background:#f9f9f9;border-radius:8px}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:8px}.file-card{position:relative;background:#fff;border-radius:8px;overflow:hidden;border:2px solid #e8e8e8;transition:all .3s ease}.file-card:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.2)}.file-card.deleted{opacity:.5;border-color:#ff4d4f}.file-card.deleted .file-thumbnail{filter:grayscale(100%)}.file-thumbnail{width:100%;height:80px;object-fit:cover;display:block}.file-info{padding:6px 8px;background:#f9f9f9}.file-original-name{font-size:11px;color:#666;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-file-btn{position:absolute;top:4px;right:4px;background:rgba(255,77,79,.9);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:12px;opacity:0;transition:opacity .3s ease}.file-card:hover .delete-file-btn{opacity:1}.delete-file-btn:hover{background:#ff4d4f;transform:scale(1.1)}.restore-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#52c41a;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;color:#fff;font-size:12px;font-weight:500}.restore-btn:hover{background:#73d13d}.upload-buttons-group{display:flex;gap:12px;margin-top:16px}.primary-btn{flex:1;height:44px;border-radius:12px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(102,126,234,.25)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.35)}.secondary-btn{flex:1;height:44px;border-radius:12px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:2px solid #667eea;color:#667eea;cursor:pointer;transition:all .3s ease}.secondary-btn:hover{background:rgba(102,126,234,.08);transform:translateY(-2px)}.update-file-btn{position:absolute;top:8px;left:8px;width:28px;height:28px;border-radius:50%;background:#1890ff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .3s ease,transform .2s ease;z-index:2}.file-card:hover .update-file-btn{opacity:1}.update-file-btn:hover{background:#40a9ff;transform:scale(1.1)}.sop-management{padding:24px;background:#f5f7fa;min-height:calc(100vh - 64px)}.sop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:linear-gradient(135deg,#667eea,#764ba2);padding:24px 32px;border-radius:16px;box-shadow:0 4px 20px rgba(102,126,234,.25)}.sop-header-left{display:flex;align-items:center;gap:20px}.sop-back-btn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;height:36px;padding:0 16px;display:flex;align-items:center;gap:6px}.sop-back-btn:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.4);color:#fff}.sop-title{margin:0;font-size:24px;font-weight:600;color:#fff;display:flex;align-items:center;gap:12px}.sop-cabinet-tag{background:rgba(255,255,255,.2);padding:4px 16px;border-radius:20px;font-size:14px}.sop-category-tag{background:rgba(255,255,255,.3);padding:4px 16px;border-radius:20px;font-size:14px}.sop-add-btn{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:8px;height:40px;padding:0 24px;font-weight:500}.sop-add-btn:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5)}.sop-table-container{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.04);overflow:hidden}.sop-table{width:100%;border-collapse:collapse}.sop-table th{background:#fafbfc;padding:16px 20px;text-align:left;font-weight:600;color:#1f2937;font-size:14px;border-bottom:1px solid #e5e7eb}.sop-table td{padding:16px 20px;border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px}.sop-table tbody tr:hover{background:#f9fafb}.sop-table tbody tr:last-child td{border-bottom:none}.sop-empty{text-align:center;padding:60px 20px!important;color:#9ca3af}.sop-empty p{margin-top:16px;margin-bottom:0}.sop-name-cell{display:flex;align-items:center;gap:12px}.sop-folder-icon{font-size:20px;color:#f59e0b}.sop-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:60px;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600}.sop-count-badge.structure{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.sop-count-badge.electric{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d}.sop-actions{display:flex;gap:8px}.sop-actions .ant-btn-link{padding:4px 8px;height:auto}.sop-modal-content{padding:8px 0}.sop-modal-content label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.sop-modal-content .ant-input{border-radius:8px}.name-search-wrapper{position:relative}.name-search-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);max-height:240px;overflow-y:auto;z-index:1000;margin-top:4px}.name-dropdown-header{padding:10px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:13px;color:#6b7280;font-weight:500}.name-search-loading,.name-search-empty{padding:16px;text-align:center;color:#9ca3af;font-size:14px}.name-search-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:background .2s}.name-search-item:hover{background:#f3f4f6}.name-search-item .name{font-weight:500;color:#1f2937}.name-search-item .category{font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:4px}.name-search-tip{margin-top:8px;font-size:12px;color:#9ca3af}.sop-file-modal .ant-modal-body{padding:0}.sop-file-modal-content{padding:0 24px 24px}.sop-tab-label{font-weight:500;padding:4px 16px;border-radius:20px}.sop-tab-label.structure{background:#dbeafe;color:#1d4ed8}.sop-tab-label.electric{background:#dcfce7;color:#15803d}.sop-file-modal .ant-tabs-tab{padding:12px 0}.sop-file-modal .ant-tabs-tab-active .sop-tab-label{box-shadow:0 2px 8px rgba(0,0,0,.1)}.sop-tab-content{min-height:300px;display:flex;flex-direction:column}.sop-file-list{flex:1;margin-bottom:20px}.sop-file-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border-radius:10px;margin-bottom:8px;transition:all .2s}.sop-file-item:hover{background:#f3f4f6}.sop-file-info{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1}.sop-file-icon{font-size:28px;color:#ef4444}.sop-file-details{display:flex;flex-direction:column;gap:2px}.sop-file-name{font-weight:500;color:#1f2937}.sop-file-meta{font-size:12px;color:#9ca3af}.sop-file-delete{color:#9ca3af;cursor:pointer;padding:8px;transition:color .2s}.sop-file-delete:hover{color:#ef4444}.sop-file-empty{text-align:center;padding:40px 20px;color:#9ca3af;margin-bottom:20px}.sop-file-empty p{margin-top:12px;margin-bottom:0}.sop-upload-btn{height:48px;border-radius:10px;font-weight:500;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none}.sop-upload-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af)}.sop-upload-btn.electric{background:linear-gradient(135deg,#22c55e,#15803d)}.sop-upload-btn.electric:hover{background:linear-gradient(135deg,#16a34a,#166534)}.sop-upload-buttons{display:flex;gap:12px;margin-top:auto}.sop-upload-buttons .sop-upload-btn{flex:1}.sop-reference-btn{height:48px;border-radius:10px;font-weight:500;flex:1;border:2px dashed #d1d5db;background:#fff;color:#6b7280}.sop-reference-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#f0f7ff}.reference-modal-content{min-height:300px}.reference-search-results{max-height:400px;overflow-y:auto}.reference-sop-item{padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s}.reference-sop-item:hover{border-color:#3b82f6;background:#f0f7ff}.reference-sop-name{font-weight:500;color:#1f2937;margin-bottom:4px}.reference-sop-info{display:flex;gap:16px;font-size:12px;color:#6b7280}.selected-source-sop{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f0f7ff;border-radius:8px;margin-bottom:16px;font-weight:500;color:#1d4ed8}.reference-file-list{max-height:300px;overflow-y:auto}.reference-file-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s}.reference-file-item:hover{border-color:#3b82f6;background:#fafafa}.reference-file-item.selected{border-color:#3b82f6;background:#f0f7ff}.reference-file-icon{font-size:24px;color:#6b7280}.reference-file-info{flex:1}.reference-file-name{font-weight:500;color:#1f2937}.reference-file-meta{font-size:12px;color:#9ca3af}.reference-selected-count{text-align:center;padding:12px;background:#f0f7ff;border-radius:8px;margin-top:16px;color:#1d4ed8;font-weight:500}@media (max-width: 768px){.sop-management{padding:16px}.sop-header{flex-direction:column;gap:16px;text-align:center;padding:20px}.sop-title{font-size:18px;flex-direction:column;gap:8px}.sop-table th,.sop-table td{padding:12px}.sop-actions{flex-direction:column;gap:4px}.sop-search-container,.sop-search-input{width:100%}}.sop-search-container{position:relative;width:300px}.sop-search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;transition:all .2s ease}.sop-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.sop-search-input::placeholder{color:#9ca3af}.sop-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.sop-cabinet-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);padding:24px;position:relative;overflow:hidden}.back-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border-radius:12px;cursor:pointer;color:#333;font-size:14px;font-weight:500;transition:all .3s ease;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.back-button:hover{background:#fff;transform:translate(-4px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.page-header{text-align:center;margin-bottom:48px}.page-title{font-size:32px;font-weight:700;color:#1a1a2e;margin:0 0 8px;letter-spacing:-.5px}.page-subtitle{font-size:15px;color:#666;margin:0}.cabinet-cards{display:flex;justify-content:center;gap:48px;margin-top:40px}.cabinet-card{width:300px;height:340px;background:#fff;border-radius:24px;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 8px 32px rgba(0,0,0,.08);border:2px solid transparent}.cabinet-card:hover{transform:translateY(-12px);box-shadow:0 20px 50px rgba(0,0,0,.15);border-color:#10b981}.cabinet-card.active{transform:scale(.95);opacity:.6;border-color:#10b981}.door-card .card-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(16,185,129,.08) 0%,transparent 60%);opacity:0;transition:opacity .4s ease}.door-card:hover .card-glow{opacity:1}.door-card .card-icon-wrapper{background:linear-gradient(135deg,#10b981,#059669)}.door-card .card-icon{color:#fff}.door-card .count-number{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.door-card .card-hover-effect{background:linear-gradient(90deg,#10b981,#059669)}.spring-card .card-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(249,115,22,.08) 0%,transparent 60%);opacity:0;transition:opacity .4s ease}.spring-card:hover .card-glow{opacity:1}.spring-card .card-icon-wrapper{background:linear-gradient(135deg,#f97316,#ea580c)}.spring-card .card-icon{color:#fff}.spring-card .count-number{background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spring-card .card-hover-effect{background:linear-gradient(90deg,#f97316,#ea580c)}.card-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:32px}.card-icon-wrapper{width:88px;height:88px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;border-radius:28px;box-shadow:0 8px 24px rgba(0,0,0,.15);transition:transform .3s ease}.cabinet-card:hover .card-icon-wrapper{transform:scale(1.1) rotate(5deg)}.card-icon{width:44px;height:44px;transition:transform .3s ease}.card-title{font-size:24px;font-weight:700;color:#1a1a2e;margin:0 0 12px;letter-spacing:-.3px}.card-count{display:flex;align-items:baseline;gap:6px}.count-number{font-size:42px;font-weight:800}.count-label{font-size:15px;color:#666;font-weight:500}.count-loading{font-size:16px;color:#999}.card-hover-effect{position:absolute;bottom:0;left:0;right:0;height:5px;transform:scaleX(0);transition:transform .4s ease}.cabinet-card:hover .card-hover-effect{transform:scaleX(1)}.bubbles-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:rgba(0,0,0,.1);backdrop-filter:blur(2px)}.bubbles-container{position:fixed;width:0;height:0;z-index:100;transform-origin:center center}.category-bubble{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;cursor:pointer;transform:translate(-50%,-50%) scale(0);opacity:0;box-shadow:0 8px 32px rgba(0,0,0,.15);border:2px solid #e5e7eb;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.category-bubble.fly-in{animation:bubbleFlyIn 1s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--delay, 0s)}@keyframes bubbleFlyIn{0%{transform:translate(calc(-50% + 0px),calc(-50% + 0px)) scale(0) rotate(0);opacity:0}50%{transform:translate(calc(-50% + calc(var(--final-x) * .7)),calc(-50% + calc(var(--final-y) * .7))) scale(1.2) rotate(360deg);opacity:1}to{transform:translate(calc(-50% + var(--final-x)),calc(-50% + var(--final-y))) scale(1) rotate(720deg);opacity:1}}.category-bubble:hover{border-color:#10b981;box-shadow:0 12px 40px rgba(16,185,129,.3)}.category-bubble:hover .bubble-text{color:#10b981}.bubble-text{font-size:15px;font-weight:600;color:#1a1a2e;transition:color .3s ease}.bubble-shine{position:absolute;top:10%;left:15%;width:30%;height:20%;background:linear-gradient(135deg,rgba(255,255,255,.9) 0%,transparent 100%);border-radius:50%;pointer-events:none}.category-bubble.fly-in{animation:bubbleFlyIn 1s cubic-bezier(.34,1.56,.64,1) forwards,bubbleFloat 3s ease-in-out 1s infinite}@keyframes bubbleFloat{0%,to{transform:translate(calc(-50% + var(--final-x)),calc(-50% + var(--final-y))) scale(1) rotate(720deg)}50%{transform:translate(calc(-50% + var(--final-x)),calc(-50% + calc(var(--final-y) - 6px))) scale(1.05) rotate(720deg)}}.bubbles-close{position:fixed;top:30px;right:30px;width:48px;height:48px;border-radius:50%;background:#fff;border:none;cursor:pointer;z-index:101;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,.15);transition:all .3s ease}.bubbles-close:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 6px 24px rgba(0,0,0,.2)}.bubbles-close svg{width:24px;height:24px;color:#666;transition:color .3s ease}.bubbles-close:hover svg{color:#10b981}@media (max-width: 768px){.cabinet-cards{flex-direction:column;align-items:center;gap:32px}.cabinet-card{width:280px;height:300px}.card-icon-wrapper{width:72px;height:72px}.card-icon{width:36px;height:36px}.count-number{font-size:32px}.page-title{font-size:26px}}.bom-management-page{padding:24px;min-height:calc(100vh - 64px);background:linear-gradient(135deg,#f5f7fa,#e4e8ec);animation:pageFadeIn .5s ease-out}.bom-header{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding:24px 32px;background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);animation:slideDown .5s ease-out}.bom-title-area{flex:1;display:flex;align-items:center;gap:16px}.bom-title-icon{font-size:48px;color:#fa8c16}.bom-title{margin:0;font-size:28px;font-weight:600;background:linear-gradient(135deg,#fa8c16,#fa541c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bom-subtitle{margin:4px 0 0;color:#8c8c8c;font-size:14px}.bom-total{display:flex;flex-direction:column;align-items:center;padding:16px 32px;background:linear-gradient(135deg,#fa8c16,#fa541c);border-radius:12px;color:#fff}.bom-total .total-number{font-size:36px;font-weight:700;line-height:1}.bom-total .total-label{font-size:12px;opacity:.9;margin-top:4px}.bom-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;padding:16px}.bom-card{position:relative;height:320px;border-radius:24px;overflow:hidden;cursor:pointer;animation:cardFadeIn .6s ease-out backwards;transition:all .4s cubic-bezier(.4,0,.2,1)}.bom-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px var(--card-shadow)}.bom-card-bg{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.08;transition:all .4s ease}.bom-card:hover .bom-card-bg{opacity:.15}.bom-card-content{position:relative;height:100%;padding:32px;background:#fff;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.06)}.bom-card-icon-wrapper{position:relative;width:80px;height:80px;margin-bottom:24px}.bom-card-icon{position:relative;width:80px;height:80px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;z-index:1;transition:all .4s ease;box-shadow:0 8px 24px var(--card-shadow)}.bom-card:hover .bom-card-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 32px var(--card-shadow)}.bom-card .icon-ring{position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:28px;border:2px dashed;opacity:.3}.bom-card-info{flex:1}.bom-card-title{margin:0 0 8px;font-size:24px;font-weight:600;color:#1a1a2e;transition:all .3s ease}.bom-card:hover .bom-card-title{color:#fa8c16}.bom-card-desc{margin:0;color:#8c8c8c;font-size:14px}.bom-card-stats{display:flex;align-items:baseline;gap:8px;margin-bottom:20px}.bom-card-stats .stats-number{font-size:48px;font-weight:700;line-height:1;transition:all .3s ease}.bom-card:hover .stats-number{transform:scale(1.1)}.bom-card-stats .stats-label{font-size:14px;color:#8c8c8c}.bom-card-footer{display:flex;align-items:center;gap:8px;padding-top:16px;border-top:1px solid rgba(0,0,0,.06);color:#8c8c8c;font-size:14px;transition:all .3s ease}.view-icon{font-size:20px;transition:all .3s ease}.bom-card:hover .view-icon{transform:scale(1.2);color:#fa8c16}.bom-card:hover .bom-card-footer{color:#fa8c16}.bom-card .card-decoration{position:absolute;border-radius:50%;opacity:.1;transition:all .4s ease}.bom-card .decoration-1{top:-30px;right:-30px;width:120px;height:120px}.bom-card .decoration-2{bottom:-50px;left:-20px;width:100px;height:100px}.bom-card:hover .card-decoration{opacity:.2;transform:scale(1.2)}.bom-card: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 ease;z-index:1}.bom-card:hover:before{left:100%}.bom-list-page{padding:24px;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);min-height:100vh;animation:pageSlideIn .5s ease-out}.bom-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.bom-list-title{display:flex;align-items:center;gap:16px}.bom-list-title .title-text{font-size:20px;font-weight:600;color:#1a1a2e;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;letter-spacing:normal;animation:none}.add-bom-btn{background:linear-gradient(135deg,#fa8c16,#fa541c);border:none;border-radius:8px;font-weight:500;transition:all .3s ease}.add-bom-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(250,140,22,.4)}.bom-search-bar{margin-bottom:20px;padding:16px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.bom-search-bar .ant-input-search{max-width:400px}.upload-modal-content{padding:16px 0}.upload-form-item{margin-bottom:20px}.upload-label{display:block;margin-bottom:8px;font-weight:500;color:#333}.upload-input{width:100%}.upload-tip{margin-top:8px;font-size:12px;color:#8c8c8c}@media (max-width: 768px){.bom-cards-container{grid-template-columns:1fr}.bom-header{flex-direction:column;text-align:center}.bom-title-area{flex-direction:column}.bom-card{height:280px}}.name-search-wrapper{position:relative;width:100%}.name-search-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e8e8e8;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);max-height:200px;overflow-y:auto;z-index:1000;margin-top:4px}.name-search-item{padding:8px 12px;cursor:pointer;transition:background-color .2s}.name-search-item:hover{background-color:#f5f5f5}.name-search-empty{padding:12px;color:#999;text-align:center;font-size:14px}.ai-tasks-page{min-height:100vh;background:radial-gradient(1200px 400px at 80% -10%,rgba(99,102,241,.07) 0%,transparent 60%),radial-gradient(900px 300px at 10% 0%,rgba(236,72,153,.05) 0%,transparent 55%),#f6f7fb;padding:24px 32px 40px;color:#1e293b}.ai-tasks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:8px 0}.ai-tasks-header-left h1{font-size:24px;font-weight:700;margin:12px 0 0;background:linear-gradient(120deg,#4f46e5,#7c3aed 55%,#db2777);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.3px}.ai-tasks-header-left p{margin:6px 0 0;color:#94a3b8;font-size:13px}.ai-tasks-tabs{background:#fff;border-radius:14px;padding:4px;display:inline-flex;gap:4px;margin-bottom:20px;border:1px solid #e8eaf3;box-shadow:0 1px 2px rgba(30,41,59,.04),0 4px 16px rgba(99,102,241,.06)}.ai-tasks-tab{padding:8px 20px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;color:#64748b;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;user-select:none}.ai-tasks-tab:hover{color:#4f46e5;background:rgba(99,102,241,.05)}.ai-tasks-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 12px rgba(99,102,241,.35)}.ai-tasks-tab .tab-count{padding:0 8px;border-radius:10px;font-size:11px;font-weight:600;background:rgba(99,102,241,.1);color:#6366f1;transition:all .25s}.ai-tasks-tab.active .tab-count{background:rgba(255,255,255,.22);color:#fff}.ai-task-card{background:#fff;border:1px solid #e8eaf3;border-radius:16px;padding:20px 24px;margin-bottom:14px;transition:all .28s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 2px rgba(30,41,59,.03)}.ai-task-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,#6366f1,#8b5cf6 40%,#ec4899);opacity:0;transform:scaleX(.3);transition:all .35s cubic-bezier(.4,0,.2,1)}.ai-task-card:hover{transform:translateY(-3px);border-color:rgba(99,102,241,.35);box-shadow:0 2px 4px rgba(30,41,59,.04),0 12px 32px rgba(99,102,241,.12)}.ai-task-card:hover:after{opacity:1;transform:scaleX(1)}.ai-task-card.enabled:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#34d399,#10b981);box-shadow:0 0 8px rgba(16,185,129,.45)}.ai-task-row{display:flex;align-items:flex-start;gap:16px}.ai-task-icon{flex-shrink:0;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;position:relative;transition:all .28s}.ai-task-icon.neutral{background:linear-gradient(135deg,#eef2ff,#e8e0ff);color:#6366f1}.ai-task-icon.success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669}.ai-task-icon.failed{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.ai-task-card:hover .ai-task-icon{transform:scale(1.06)}.ai-task-icon .check-badge{position:absolute;bottom:-3px;right:-3px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;border:2px solid #fff}.ai-task-icon .check-badge.ok{background:#10b981;color:#fff;box-shadow:0 0 6px rgba(16,185,129,.5)}.ai-task-icon .check-badge.bad{background:#ef4444;color:#fff;box-shadow:0 0 6px rgba(239,68,68,.5)}.ai-task-body{flex:1;min-width:0}.ai-task-title{font-size:16px;font-weight:600;color:#0f172a;margin-bottom:6px;display:flex;align-items:center;gap:8px}.ai-task-desc{font-size:13px;color:#94a3b8;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}.ai-task-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 20px;padding-top:12px;border-top:1px dashed #eef0f7;font-size:12px}.ai-task-meta-item{display:flex;align-items:center;gap:6px}.ai-task-meta-item .icon{font-size:12px;color:#a5b4fc}.ai-task-meta-item .label{color:#94a3b8}.ai-task-meta-item .value{color:#475569;font-weight:500}.ai-task-right{display:flex;flex-direction:column;align-items:flex-end;gap:14px;flex-shrink:0}.ai-task-switch{transform:scale(1.1)}.ai-task-card .ant-switch.ant-switch-checked{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 2px 8px rgba(16,185,129,.35)}.ai-task-more-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#94a3b8;transition:all .2s;background:transparent;border:1px solid transparent}.ai-task-more-btn:hover{background:#eef2ff;color:#6366f1;border-color:#e0e7ff}.ai-status-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500}.ai-status-tag.success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.ai-status-tag.failed{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.ai-status-tag.running{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.ai-status-tag.skipped{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.ai-status-tag.disabled{background:#f1f5f9;color:#94a3b8;border:1px solid #e2e8f0}.ai-tasks-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.ai-tasks-toolbar-left{display:flex;gap:8px;align-items:center}.ai-create-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important;box-shadow:0 4px 14px rgba(99,102,241,.35);font-weight:500;transition:all .25s!important}.ai-create-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(99,102,241,.45)}.ai-refresh-btn{background:#fff!important;border:1px solid #e2e8f0!important;color:#475569!important;box-shadow:0 1px 2px rgba(30,41,59,.04)}.ai-refresh-btn:hover{border-color:#c7d2fe!important;color:#6366f1!important}.ai-history-filters{background:#fff;border-radius:14px;padding:14px 16px;margin-bottom:18px;display:flex;gap:12px;align-items:center;border:1px solid #e8eaf3;box-shadow:0 1px 2px rgba(30,41,59,.03),0 4px 16px rgba(99,102,241,.04);flex-wrap:wrap}.ai-history-group{margin-bottom:24px}.ai-history-group-date{font-size:13px;font-weight:700;color:#4f46e5;margin-bottom:12px;padding-left:10px;border-left:3px solid;border-image:linear-gradient(180deg,#6366f1,#ec4899) 1;letter-spacing:.3px}.ai-history-item{background:#fff;border:1px solid #e8eaf3;border-radius:14px;padding:18px 22px;margin-bottom:12px;transition:all .28s ease;box-shadow:0 1px 2px rgba(30,41,59,.03)}.ai-history-item:hover{border-color:rgba(99,102,241,.3);box-shadow:0 2px 4px rgba(30,41,59,.04),0 8px 24px rgba(99,102,241,.1);transform:translateY(-2px)}.ai-history-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.ai-history-item-title{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.ai-history-item-title .icon{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#eef2ff,#fdf2f8);display:flex;align-items:center;justify-content:center;color:#6366f1;font-size:14px;flex-shrink:0}.ai-history-item-title .text{display:flex;flex-direction:column;gap:3px;min-width:0}.ai-history-item-title .name{font-size:14px;font-weight:600;color:#0f172a}.ai-history-item-title .meta{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:8px}.ai-history-item-content{background:#f8fafc;border-radius:10px;padding:14px 16px;font-size:13px;line-height:1.75;color:#475569;white-space:pre-wrap;word-break:break-word;border:1px solid #eef0f7;border-left:3px solid #a5b4fc;max-height:400px;overflow-y:auto}.ai-history-item-content::-webkit-scrollbar{width:6px}.ai-history-item-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.ai-history-item-content::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:3px}.ai-history-item-content::-webkit-scrollbar-thumb:hover{background:#a5b4fc}.ai-empty{text-align:center;padding:80px 20px;color:#94a3b8}.ai-empty-icon{font-size:52px;margin-bottom:16px;color:#c7d2fe}.ai-edit-form{padding:8px 4px}.ai-edit-section{margin-bottom:20px}.ai-edit-section-title{font-size:12px;font-weight:700;color:#6366f1;margin-bottom:12px;letter-spacing:1px;display:flex;align-items:center;gap:6px}.ai-edit-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#e0e7ff 0%,transparent 100%)}.ai-edit-advanced{background:#f8fafc;border:1px solid #e8eaf3;border-radius:12px;padding:16px 16px 4px}.ai-weekday-btn{padding:6px 14px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:12px;cursor:pointer;transition:all .2s}.ai-weekday-btn:hover{border-color:#c7d2fe;color:#6366f1}.ai-weekday-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;color:#fff;box-shadow:0 2px 8px rgba(99,102,241,.35)}.ai-tasks-page .ant-form-item-label>label{color:#334155;font-weight:500}.ai-more-menu .ant-dropdown-menu-item-danger{color:#ef4444!important}.ai-tasks-page .ai-freq-preview{color:#6366f1;font-size:12px;background:#eef2ff;border:1px solid #e0e7ff;border-radius:8px;padding:6px 12px;display:inline-flex;align-items:center;gap:6px}.ai-history-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.ai-history-pagination .page-info{color:#64748b;font-size:13px}.production-tracking-page{padding:12px;background:#f0f2f5;min-height:100vh}.page-title-section{margin-bottom:16px;text-align:center}.page-main-title{font-size:26px;font-weight:600;color:#1a1a1a;margin:0 0 8px}.page-main-desc{font-size:16px;color:#595959}.kanban-section{margin-bottom:20px}.kanban-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.kanban-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.kanban-actions{display:flex;align-items:center}.kanban-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kanban-stat-card{display:flex;align-items:center;padding:16px 20px;background:#fff;border-radius:8px;border:1px solid #e8e8e8;cursor:pointer;transition:all .3s}.kanban-stat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}.kanban-stat-card.active{border-color:#1677ff;box-shadow:0 4px 12px rgba(22,119,255,.15)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-right:16px}.stat-icon.pending{background:linear-gradient(135deg,#fff7e6,#ffe7ba);color:#fa8c16}.stat-icon.in-progress{background:linear-gradient(135deg,#e6f7ff,#bae7ff);color:#1890ff}.stat-icon.to-ship{background:linear-gradient(135deg,#f9f0ff,#efdbff);color:#722ed1}.stat-icon.completed{background:linear-gradient(135deg,#f6ffed,#d9f7be);color:#52c41a}.stat-info{display:flex;flex-direction:column}.stat-count{font-size:32px;font-weight:600;color:#1a1a1a;line-height:1.2}.stat-label{font-size:16px;color:#595959;margin-top:4px;font-weight:500}.content-card{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.status-tabs{margin-bottom:16px}.status-tabs .ant-tabs-tab{padding:12px 20px;font-size:17px;font-weight:500}.status-tabs .ant-tabs-tab-active{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px}.status-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:#fff!important}.status-tabs .ant-tabs-ink-bar{display:none}.tab-badge{margin-left:8px}.tab-badge .ant-badge-count{background:#ff4d4f;box-shadow:0 2px 4px rgba(255,77,79,.3)}.order-table{border-radius:8px;overflow:hidden}.order-table .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#1a1a1a;border-bottom:2px solid #f0f0f0;font-size:15px;padding:14px 16px!important}.order-table .ant-table-tbody>tr>td{height:135px!important;padding:12px 16px!important;vertical-align:middle;font-size:15px;color:#1f1f1f}.order-table .ant-table-tbody>tr:hover>td{background:#f5f7fa}.order-table .ant-tag{border-radius:4px;padding:3px 10px;font-size:13px;font-weight:500}@media (max-width: 768px){.production-tracking-page{padding:12px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.header-right{width:100%}.header-right .ant-space{width:100%;justify-content:flex-end}}.order-table .ant-table-tbody>tr>td{cursor:pointer}.order-table .ant-table-tbody>tr>td:hover{background-color:#fafafa;transition:background-color .3s}.color-picker-container{padding:10px}.cell-color-toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f5f5f5;border-radius:6px;margin-bottom:16px;border:1px solid #e8e8e8}.cell-color-toolbar .toolbar-label{font-size:14px;color:#666;font-weight:500}.cell-color-toolbar .toolbar-divider{width:1px;height:24px;background:#d9d9d9}.cell-selected{position:relative;z-index:1;cursor:pointer;outline:2px solid #1677ff;outline-offset:-2px;box-shadow:0 0 0 1px rgba(22,119,255,.3)}.cell-context-menu{background:#fff;border-radius:6px;box-shadow:0 3px 12px rgba(0,0,0,.15);padding:4px 0;min-width:120px;border:1px solid #e8e8e8}.cell-context-menu .context-menu-item{padding:8px 16px;cursor:pointer;font-size:14px;color:#333;display:flex;align-items:center;transition:background .2s}.cell-context-menu .context-menu-item:hover{background:#f5f5f5;color:#1677ff}.react-resizable{position:relative;background-clip:padding-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.react-resizable-handle{position:absolute;right:0;bottom:0;z-index:2;width:12px;height:100%;cursor:col-resize;opacity:0;transition:opacity .2s;background:transparent}.react-resizable-handle:after{content:"";position:absolute;right:5px;top:50%;transform:translateY(-50%);width:2px;height:50%;background:#d9d9d9;border-radius:1px;transition:background .2s}.order-table .ant-table-thead>tr>th:hover .react-resizable-handle{opacity:1}.react-resizable-handle:hover:after,.react-resizable-handle:active:after{background:#1677ff}.react-resizable:hover .react-resizable-handle{opacity:1}.react-resizable-handle:hover{background:linear-gradient(to right,transparent 0%,#1677ff 40%,#1677ff 60%,transparent 100%)}.react-resizable-handle:active{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}body.resizing{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.react-resizable-handle:before{content:"";display:none}.react-resizable-handle:hover:before{background:#1677ff}.progress-cell{display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.5}.progress-item{padding:2px 0;border-bottom:1px dashed #f0f0f0}.progress-item:last-child{border-bottom:none}.progress-date{color:#1890ff;font-weight:500;margin-right:4px}#root .cell-multi-line{display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;word-break:break-all!important;overflow-wrap:anywhere!important;line-height:1.5!important;max-height:6em!important;vertical-align:middle!important}#root .progress-cell{display:flex!important;flex-direction:column!important;-webkit-line-clamp:unset!important;max-height:none!important;overflow:visible!important;white-space:normal!important;line-height:1.5!important;font-size:12px!important}.progress-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-table .ant-table-tbody>tr>td{max-width:0}.order-table .ant-table-tbody>tr>td{vertical-align:middle}@keyframes cell-flash{0%,to{box-shadow:0 0 rgba(255,77,79,.4);background-color:transparent}50%{box-shadow:0 0 12px 4px rgba(255,77,79,.6);background-color:rgba(255,77,79,.1)}}.order-table .ant-table-tbody>tr>td.cell-flashing{animation:cell-flash 1.5s ease-in-out infinite;border:2px solid #ff4d4f!important}.cell-context-menu{background:#fff;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.12),0 3px 6px -4px rgba(0,0,0,.08);padding:4px 0;min-width:180px}.cell-context-menu .context-menu-item{padding:8px 16px;cursor:pointer;font-size:14px;color:#333}.cell-context-menu .context-menu-item:hover{background-color:#f5f5f5;color:#1890ff}.cell-context-menu .context-menu-divider{height:1px;background-color:#f0f0f0;margin:4px 0}.stuck-reason-cell{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.stuck-reason-text{color:#333;font-size:15px;line-height:1.6}.order-table .ant-table-cell-fix-left,.order-table .ant-table-cell-fix-right{background-color:#fff!important}.order-table .ant-table-cell-fix-left-last:after,.order-table .ant-table-cell-fix-right-first:after{box-shadow:inset 4px 0 8px -4px rgba(0,0,0,.15)!important}.order-table .ant-table-cell-fix-left.cell-selected,.order-table .ant-table-cell-fix-right.cell-selected{background-color:#e6f7ff!important}.order-table .ant-table-cell-fix-left.cell-flashing,.order-table .ant-table-cell-fix-right.cell-flashing{background-color:transparent!important}.order-table .needs-review-row{position:relative;background:linear-gradient(135deg,#e0f7f5,#b2ebe7)!important;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:inset 0 0 20px rgba(10,186,181,.3)}50%{box-shadow:inset 0 0 30px rgba(10,186,181,.5)}}.order-table .needs-review-row td{background:transparent!important;position:relative}.order-table .needs-review-row td.needs-review-overlay-cell{position:relative;padding:0!important;z-index:10;height:48px}.needs-review-overlay{position:absolute;top:0;left:0;right:0;bottom:0;min-height:48px;background:linear-gradient(135deg,rgba(129,216,208,.95),rgba(10,186,181,.85));backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:10;animation:shimmer 2s infinite}@keyframes shimmer{0%{box-shadow:inset 0 0 20px rgba(10,186,181,.3)}50%{box-shadow:inset 0 0 40px rgba(10,186,181,.5)}to{box-shadow:inset 0 0 20px rgba(10,186,181,.3)}}.needs-review-overlay .ant-btn{pointer-events:auto;position:relative;z-index:101;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease}.needs-review-overlay .ant-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.overlay-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.transfer-hint-row{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}.transfer-hint-text{font-size:13px;color:#1677ff}.overlay-right{display:flex;align-items:center;gap:8px}.overlay-doc-no{font-size:16px;font-weight:600;color:#1a1a1a;background:rgba(255,255,255,.85);padding:5px 14px;border-radius:6px}.overlay-material-name{font-size:15px;font-weight:500;color:#262626;background:rgba(255,255,255,.7);padding:4px 12px;border-radius:5px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overlay-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;padding:4px 14px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 2px 8px rgba(255,107,107,.4);animation:pulse 2s infinite}.overlay-related-tag{background:#1890ff;color:#fff;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500}.overlay-buttons .ant-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.overlay-buttons .ant-btn-primary{background:linear-gradient(135deg,#1890ff,#40a9ff);border:none}.overlay-buttons .ant-btn-dangerous{background:linear-gradient(135deg,#ff4d4f,#ff7875);border:none;color:#fff}.production-tracking-page .ant-btn{font-size:15px;font-weight:500}.production-tracking-page .ant-input,.production-tracking-page .ant-input-affix-wrapper,.production-tracking-page .ant-select .ant-select-selector,.production-tracking-page .ant-picker,.production-tracking-page .ant-pagination .ant-pagination-item a,.production-tracking-page .ant-pagination .ant-pagination-prev .ant-pagination-item-link,.production-tracking-page .ant-pagination .ant-pagination-next .ant-pagination-item-link,.production-tracking-page .ant-pagination .ant-pagination-total-text,.production-tracking-page .ant-pagination .ant-pagination-options{font-size:15px!important}.production-tracking-page .ant-pagination{font-size:15px}.related-order-row,.order-table .group-row{background-color:#f0f7ff!important}.related-order-row:hover,.order-table .group-row:hover{background-color:#e6f1ff!important}.order-table .group-row>td:first-child,.order-table .related-order-row>td:first-child{position:relative}.order-table .group-row>td:first-child:before,.order-table .related-order-row>td:first-child:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;z-index:5;pointer-events:none}.order-table .group-color-0>td:first-child:before{background:#1890ff}.order-table .group-color-1>td:first-child:before{background:#52c41a}.order-table .group-color-2>td:first-child:before{background:#fa8c16}.order-table .group-color-3>td:first-child:before{background:#722ed1}.order-table .related-order-row:not([class*=group-color-])>td:first-child:before{background:#1890ff}.order-table .needs-review-row{position:relative;z-index:5}.order-table .needs-review-row>td:first-child:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;z-index:100;pointer-events:none}.order-table .needs-review-row.group-color-0>td:first-child:before{background:#1890ff}.order-table .needs-review-row.group-color-1>td:first-child:before{background:#52c41a}.order-table .needs-review-row.group-color-2>td:first-child:before{background:#fa8c16}.order-table .needs-review-row.group-color-3>td:first-child:before{background:#722ed1}.order-table .needs-review-row:not([class*=group-color-])>td:first-child:before{background:#1890ff}.related-order-tag{display:inline-block;background:#1890ff;color:#fff;padding:1px 6px;border-radius:4px;font-size:11px;margin-left:6px;vertical-align:middle}.workshop-detail-container{max-height:70vh;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px}.workshop-order-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;padding:12px;border:1px solid #e2e8f0;box-shadow:0 1px 4px rgba(0,0,0,.04);transition:all .3s ease}.workshop-order-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.08);transform:translateY(-1px)}.workshop-order-header{display:flex;gap:12px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed #e2e8f0;flex-wrap:wrap}.workshop-order-info{display:flex;align-items:center;gap:4px}.workshop-label{color:#64748b;font-size:11px;font-weight:500}.workshop-value{color:#1e293b;font-size:12px;font-weight:600}.workshop-progress-flow{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 0}.workshop-status-node{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;border-radius:8px;background:#f8fafc;border:1.5px solid #e2e8f0;min-width:80px;transition:all .4s ease}.workshop-status-node.active{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;box-shadow:0 0 12px rgba(59,130,246,.3);animation:pulse-glow 2s infinite}.workshop-status-node.active.completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#22c55e;box-shadow:0 0 12px rgba(34,197,94,.3);animation:pulse-glow-green 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px rgba(59,130,246,.3)}50%{box-shadow:0 0 18px rgba(59,130,246,.5)}}@keyframes pulse-glow-green{0%,to{box-shadow:0 0 12px rgba(34,197,94,.3)}50%{box-shadow:0 0 18px rgba(34,197,94,.5)}}.status-icon{font-size:20px;color:#94a3b8;transition:all .4s ease}.workshop-status-node.active .status-icon{color:#3b82f6;filter:drop-shadow(0 0 6px rgba(59,130,246,.5))}.workshop-status-node.active.completed .status-icon{color:#22c55e;filter:drop-shadow(0 0 6px rgba(34,197,94,.5))}.status-text{font-size:10px;color:#64748b;text-align:center;font-weight:500;max-width:90px;word-break:break-all;line-height:1.3}.workshop-status-node.active .status-text{color:#1e40af}.workshop-status-node.active.completed .status-text{color:#166534}.workshop-arrow{font-size:14px;color:#cbd5e1;transition:all .4s ease}.workshop-arrow.active{color:#3b82f6;filter:drop-shadow(0 0 4px rgba(59,130,246,.5));animation:arrow-flow 1.5s infinite}@keyframes arrow-flow{0%,to{transform:translate(0);opacity:1}50%{transform:translate(3px);opacity:.8}}.order-table .ant-table-tbody>tr.order-closed-row,.order-table .ant-table-tbody>tr.order-closed-row:hover>td{background:#fff1f0!important}.order-table .ant-table-tbody>tr.order-closed-row>td{border-color:#ffccc7}.order-table .ant-table-tbody>tr.order-closed-row{animation:order-closed-flash 2s ease-in-out infinite}@keyframes order-closed-flash{0%,to{box-shadow:inset 0 0 rgba(255,77,79,0)}50%{box-shadow:inset 0 0 12px 2px rgba(255,77,79,.5)}}.order-closed-badge{display:inline-block;padding:2px 10px;font-size:13px;font-weight:600;color:#fff;background:#ff4d4f;border-radius:10px;margin-left:6px;animation:badge-blink 1.5s ease-in-out infinite}@keyframes badge-blink{0%,to{opacity:1}50%{opacity:.5}}.order-table .ant-table-tbody>tr.order-completed-row,.order-table .ant-table-tbody>tr.order-completed-row:hover>td{background:#f6ffed!important}.order-table .ant-table-tbody>tr.order-completed-row>td{border-color:#d9f7be!important;background:transparent!important}.order-table .ant-table-tbody>tr.order-completed-row>td:first-child{border-left:3px solid #52c41a!important;box-shadow:inset 4px 0 8px -2px rgba(82,196,26,.85)}.order-table .ant-table-tbody>tr.order-completed-row>td:last-child{border-right:3px solid #52c41a!important;box-shadow:inset -4px 0 8px -2px rgba(82,196,26,.85)}.order-table .ant-table-tbody>tr.order-completed-row>td:first-child,.order-table .ant-table-tbody>tr.order-completed-row>td{border-top:1px solid #52c41a!important;border-bottom:1px solid #52c41a!important}.order-table .ant-table-tbody>tr.order-completed-row{animation:order-completed-breathe 2.5s ease-in-out infinite}@keyframes order-completed-breathe{0%,to{box-shadow:inset 0 0 18px 3px rgba(82,196,26,.55),inset 0 0 0 2px rgba(82,196,26,.4)}50%{box-shadow:inset 0 0 28px 6px rgba(82,196,26,.95),inset 0 0 0 3px rgba(82,196,26,.8)}}.order-table .ant-table-tbody>tr.category-divider-row>td,.category-divider-cell{background:#f0f5ff!important;border-top:2px solid #2f54eb!important;border-bottom:2px solid #2f54eb!important;padding:8px 16px!important;height:40px!important;cursor:default;text-align:left!important;width:auto!important;max-width:none!important}.category-divider-content{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#1d39c4;letter-spacing:2px}.order-table .ant-table-tbody>tr.category-divider-row:hover>td{background:#f0f5ff!important}.order-table .ant-table-tbody>tr.category-divider-row .ant-checkbox-inner{display:none!important}.category-divider-content{display:flex;align-items:center;justify-content:flex-start;gap:8px;height:40px;padding-left:16px;font-size:15px;font-weight:700;color:#1d39c4;letter-spacing:2px}.category-divider-icon{font-size:14px;color:#2f54eb}.category-divider-label{background:linear-gradient(135deg,#2f54eb,#597ef7);color:#fff;padding:3px 20px;border-radius:16px;font-size:15px;font-weight:600;box-shadow:0 2px 6px rgba(47,84,235,.25)}.category-divider-count{font-size:13px;font-weight:400;color:#597ef7}.review-form{font-size:15px}.review-form>div>div>div[style*="marginBottom: 4"]{color:#333!important;font-weight:600;font-size:15px;margin-bottom:6px!important}.review-form .ant-input,.review-form .ant-input-affix-wrapper,.review-form .ant-picker,.review-form .ant-select .ant-select-selector,.review-form .ant-input-number,.review-form .ant-input textarea,.review-form textarea.ant-input,.review-form .ant-select-selection-item{font-size:15px}.context-menu-item.context-menu-danger{color:#ff4d4f}.context-menu-item.context-menu-danger:hover{background-color:#fff1f0}.order-table .ant-table-tbody>tr>td{word-break:break-word;overflow-wrap:break-word}.production-tracking-page.fullscreen-mode{padding:8px 12px;background:#fff}.production-tracking-page.fullscreen-mode.ctrl-pressed,.production-tracking-page.fullscreen-mode.ctrl-pressed *{cursor:zoom-in}.production-tracking-page.fullscreen-mode .kanban-stats{display:none}.production-tracking-page.fullscreen-mode .ant-tabs{margin-bottom:8px}.production-tracking-page:fullscreen,.production-tracking-page:-webkit-full-screen{background:#fff;padding:8px 12px}.cell-color-toolbar-v3{display:inline-flex;align-items:center;gap:10px;padding:4px 10px;border-radius:10px;background:linear-gradient(135deg,#fafbfc,#f0f3f7);border:1px solid #e4e7eb;transition:all .2s ease}.cell-color-toolbar-v3:hover{border-color:#b7d8ff}.cell-color-selected-tag-v3{display:inline-flex;align-items:center;font-size:12px;color:#1677ff}.cell-color-coord-v3{display:inline-block;max-width:280px;padding:2px 8px;border-radius:4px;background:#e6f7ff;border:1px solid #91caff;color:#003eb3;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.cell-color-hint-v3{font-size:12px;color:#8c8c8c;font-style:italic}.order-table .ant-table-tbody>tr>td[style*=box-shadow][style*="1677ff"]{position:relative}.order-table .ant-table-tbody>tr>td[style*=box-shadow][style*="1677ff"]:before{content:"✓";position:absolute;top:0;left:0;width:12px;height:12px;background:#1677ff;color:#fff;font-size:9px;line-height:12px;text-align:center;border-bottom-right-radius:6px;z-index:2;pointer-events:none;font-weight:700;box-shadow:0 1px 3px rgba(22,119,255,.4)}.color-modal-body{padding:4px 0}.color-modal-target{font-size:13px;color:#595959;margin-bottom:14px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.color-modal-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:12px;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:14px}.color-modal-swatch{width:100%;aspect-ratio:1;height:28px;border-radius:6px;border:1px solid rgba(0,0,0,.1);cursor:pointer;padding:0;transition:all .18s ease;position:relative;outline:none}.color-modal-swatch:hover{transform:scale(1.12);box-shadow:0 2px 6px rgba(0,0,0,.18);z-index:1}.color-modal-swatch.active{border:2px solid #1677ff;box-shadow:0 0 0 2px rgba(22,119,255,.25);transform:scale(1.1)}.color-modal-swatch.active:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.4)}.color-modal-custom{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;background:#fafafa;border-radius:8px}.color-modal-label{font-size:13px;color:#595959;min-width:80px}.color-modal-preview{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fafafa;border-radius:8px}.color-modal-preview-cell{display:inline-block;min-width:120px;padding:6px 14px;border-radius:6px;font-size:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;border:1px solid rgba(0,0,0,.06);text-align:center;color:rgba(0,0,0,.65);text-shadow:0 1px 1px rgba(255,255,255,.6)}.settings-page{min-height:100vh;background:#f5f7fa;padding:24px}.page-header{display:flex;justify-content:space-between;align-items:center}.page-header h2{margin:0;font-size:18px;font-weight:600;color:#1f2937}.header-actions{display:flex;gap:12px}.threshold-card{border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.threshold-card .ant-card-head{border-bottom:1px solid #f0f0f0}.threshold-card .ant-card-head-title{font-weight:600;color:#1f2937}.threshold-card .ant-form-inline{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.threshold-card .ant-form-item{margin-right:0}.threshold-card .ant-descriptions{margin-top:16px}.threshold-card .ant-descriptions-item-label{font-weight:500;color:#6b7280}.threshold-card .ant-descriptions-item-content{color:#1f2937}.rules-card{border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.rules-card .ant-card-head{border-bottom:1px solid #f0f0f0}.rules-card .ant-table{border-radius:8px}.rules-card .ant-table-thead>tr>th{background:#f9fafb;font-weight:600;color:#374151}.rules-card .ant-table-tbody>tr>td{color:#4b5563}.rules-card .ant-table-tbody>tr:hover>td{background:#f9fafb}.ant-tag{border-radius:4px;font-weight:500}.ant-btn-primary{border-radius:6px;font-weight:500}.ant-modal-content{border-radius:12px}.ant-modal-header{border-radius:12px 12px 0 0}.empty-state{text-align:center;padding:60px 20px}.empty-state .ant-empty-description{color:#9ca3af;font-size:14px}@media (max-width: 768px){.settings-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;justify-content:flex-end}.threshold-card .ant-form-inline{flex-direction:column;align-items:stretch}.threshold-card .ant-form-item{width:100%}.threshold-card .ant-descriptions{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}.ant-btn.action-btn,.action-btn.ant-btn{width:auto!important;min-width:auto!important}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.preview-table-container .ant-table-wrapper{height:100%;display:flex;flex-direction:column}.preview-table-container .ant-table{flex:1;display:flex;flex-direction:column;min-height:0}.status-column{width:200px!important;min-width:200px!important}.status-cell{width:200px!important;min-width:200px!important;white-space:nowrap}.ant-table-thead>tr>th.status-column,.ant-table-tbody>tr>td.status-column{width:200px!important;min-width:200px!important}.preview-table-container .ant-table-container{flex:1;display:flex;flex-direction:column;min-height:0}.preview-table-container .ant-table-body{flex:1;min-height:0}.fixed-scrollbar{scrollbar-width:auto;scrollbar-color:#666 #e8e8e8;background:#e8e8e8;border-radius:8px;padding:4px}.fixed-scrollbar::-webkit-scrollbar{height:16px!important;width:16px!important}.fixed-scrollbar::-webkit-scrollbar-track{background:#e8e8e8;border-radius:8px;border:1px solid #d0d0d0}.fixed-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#888,#666);border-radius:8px;border:3px solid #e8e8e8;min-width:50px}.fixed-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#666,#444)}.fixed-scrollbar::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#555,#333)}.fixed-scrollbar::-webkit-scrollbar-corner{background:#e8e8e8}.excel-preview-scroll{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.excel-preview-scroll::-webkit-scrollbar{width:8px;height:8px}.excel-preview-scroll::-webkit-scrollbar-track{background:#f1f1f1}.excel-preview-scroll::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.excel-preview-scroll::-webkit-scrollbar-thumb:hover{background:#a8a8a8}body.printing-report .ant-modal-header,body.printing-report .ant-modal-close,body.printing-report .ant-modal-footer,body.printing-report .ant-modal-mask{display:none!important}@media print{@page{size:A4;margin:10mm}body{margin:0!important;padding:0!important;background:#fff!important}body>*:not(#print-container):not(.print-content){display:none!important;visibility:hidden!important}#root{display:none!important}#print-container,.print-content{display:block!important;visibility:visible!important;position:static!important;overflow:visible!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;font-size:12px!important}#print-report{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;font-size:12px!important;color:#000!important;line-height:1.5!important}#print-report h1{font-size:20px!important;margin-bottom:8px!important;color:#000!important;font-weight:700!important}#print-report p{font-size:12px!important}#print-report>div>div:first-child{font-size:14px!important;font-weight:700!important;margin-bottom:6px!important}#print-report .ant-row{margin-left:-6px!important;margin-right:-6px!important}#print-report .ant-col{padding-left:6px!important;padding-right:6px!important}#print-report .ant-col>div[style*=background]{padding:10px!important;border:1px solid #ddd!important;border-radius:4px!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}#print-report .ant-col>div[style*=background]>div:first-child{font-size:20px!important}#print-report .ant-col>div[style*=background]>div:last-child{font-size:11px!important}#print-report .ant-col>div[style*=f6ffed]{background-color:#f6ffed!important}#print-report .ant-col>div[style*=fff2f0]{background-color:#fff2f0!important}#print-report table{width:100%!important;border-collapse:collapse!important;font-size:11px!important}#print-report td,#print-report th{border:1px solid #333!important;padding:4px 6px!important;color:#000!important}#print-report thead th{background-color:#e0e0e0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;font-weight:700!important;font-size:11px!important}#print-report tbody tr[style*="rgb(255, 242, 240)"],#print-report tbody tr[style*="#fff2f0"]{background-color:#fff2f0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}#print-report>div[style*=borderBottom]{border-bottom:2px solid #000!important;padding-bottom:8px!important;margin-bottom:12px!important}#print-report>div[style*=textAlign][style*=center]:last-child{font-size:11px!important;margin-top:12px!important;padding-top:8px!important;border-top:1px solid #333!important;color:#333!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.table-row-even{background-color:#fafafa!important}.table-row-even:hover>td{background-color:#f0f5ff!important}.ant-table-tbody>tr:hover>td{background-color:#f0f5ff!important}.ant-table-thead>tr>th{background:linear-gradient(135deg,#f5f7fa,#e4e8ec)!important;font-weight:600!important;color:#262626!important;border-bottom:2px solid #e8e8e8!important}.ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.page-container-animate{animation:fadeInUp .5s ease-out}.card-hover-effect{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover-effect:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.12)!important}.btn-hover-effect{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-hover-effect:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(24,144,255,.4)}.btn-hover-effect:active{transform:translateY(0)}.action-btn-animate{transition:all .25s ease}.action-btn-animate:hover{transform:scale(1.1)}.tag-animate{transition:all .2s ease}.tag-animate:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(0,0,0,.1)}.icon-spin-animate{transition:transform .3s ease}.icon-spin-animate:hover{transform:rotate(180deg)}.ant-table-tbody>tr{animation:fadeIn .3s ease-out}.card-content-animate{animation:fadeInUp .4s ease-out}.tip-card-shimmer{background:linear-gradient(90deg,rgba(24,144,255,.05),rgba(24,144,255,.1),rgba(24,144,255,.05));background-size:200% 100%;animation:shimmer 3s infinite}.back-btn-animate{transition:all .3s ease}.back-btn-animate:hover{color:#1890ff!important;transform:translate(-4px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.title-icon-float{animation:float 3s ease-in-out infinite}.ai-message-markdown{font-size:14px;line-height:1.7;color:inherit}.ai-message-markdown>*:first-child{margin-top:0}.ai-message-markdown>*:last-child{margin-bottom:0}.ai-message-markdown p{margin:6px 0}.ai-message-markdown h1,.ai-message-markdown h2,.ai-message-markdown h3,.ai-message-markdown h4{margin:12px 0 8px;font-weight:600;line-height:1.4}.ai-message-markdown h1{font-size:18px}.ai-message-markdown h2{font-size:16px}.ai-message-markdown h3{font-size:15px}.ai-message-markdown h4{font-size:14px}.ai-message-markdown strong{font-weight:600;color:inherit}.ai-message-markdown ul,.ai-message-markdown ol{margin:6px 0;padding-left:22px}.ai-message-markdown li{margin:2px 0}.ai-message-markdown table{border-collapse:collapse;width:auto;max-width:100%;font-size:13px;background:#fff;border-radius:6px;overflow:hidden;border:1px solid #e8e8e8}.ai-message-markdown thead{background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.ai-message-markdown th,.ai-message-markdown td{padding:8px 12px;border:1px solid #e8e8e8;text-align:left;white-space:nowrap}.ai-message-markdown th{font-weight:600;color:#262626}.ai-message-markdown tbody tr:nth-child(2n){background-color:#fafafa}.ai-message-markdown tbody tr:hover{background-color:#f0f5ff}.ai-message-markdown code{background:rgba(27,31,35,.08);padding:1px 6px;border-radius:3px;font-size:12.5px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.ai-message-markdown pre{background:#1e1e1e;color:#d4d4d4;padding:10px 12px;border-radius:6px;overflow-x:auto;margin:8px 0;font-size:12.5px;line-height:1.6}.ai-message-markdown pre code{background:transparent;padding:0;color:inherit;font-size:inherit}.ai-message-markdown blockquote{border-left:3px solid #d0d7de;padding:4px 12px;margin:8px 0;color:#57606a;background:#f6f8fa;border-radius:0 4px 4px 0}.ai-message-markdown hr{border:0;border-top:1px solid #e8e8e8;margin:12px 0}.app-layout.is-pt-fullscreen .app-sidebar,.app-layout.is-pt-fullscreen .app-header{display:none!important}.app-layout.is-pt-fullscreen .app-main-wrap{margin-left:0!important}.app-layout.is-pt-fullscreen .app-main{padding:0!important;background:#fff!important;height:100dvh!important;overflow:hidden!important}body.pt-fullscreen-lock{overflow:hidden!important}.production-tracking-page.fullscreen-mode{height:100%;min-height:0;padding:0 12px 8px;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}.production-tracking-page.fullscreen-mode .status-tabs{margin:0!important;flex:0 0 auto}.production-tracking-page.fullscreen-mode .status-tabs .ant-tabs-nav{margin-bottom:0!important;padding-bottom:0!important}.production-tracking-page.fullscreen-mode .pt-table-area .ant-table-wrapper,.production-tracking-page.fullscreen-mode .pt-table-area .ant-spin-nested-loading,.production-tracking-page.fullscreen-mode .pt-table-area .ant-spin-container,.production-tracking-page.fullscreen-mode .pt-table-area .ant-table,.production-tracking-page.fullscreen-mode .pt-table-area .ant-table-container{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.production-tracking-page.fullscreen-mode .pt-table-area .ant-table-header{flex:0 0 auto}.production-tracking-page.fullscreen-mode .pt-table-area .ant-table-body{min-height:0!important;max-height:100%!important;overflow-y:auto!important;overflow-x:auto!important}.production-tracking-page.fullscreen-mode .pt-table-area .ant-table-container{min-height:0!important}.production-tracking-page.fullscreen-mode .status-tabs .ant-tabs-content-holder,.production-tracking-page.fullscreen-mode .status-tabs .ant-table-wrapper{margin-top:0!important;padding-top:0!important}.production-tracking-page.fullscreen-mode .status-tabs .ant-table{margin-top:0!important}.production-tracking-page.fullscreen-mode .ant-input-search{width:200px!important}