html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}.stats-card{background:var(--color-bg-container);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--duration-300) var(--ease-out);position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;color:var(--color-text)}.stats-card.active,.stats-card--active{border-color:var(--color-primary);background:var(--color-primary-bg);box-shadow:0 4px 12px #722ed126}.stats-card .stats-icon,.stats-card__icon{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--color-fill-secondary);color:var(--color-text-secondary);transition:all var(--duration-300) var(--ease-out)}.stats-card .stats-info,.stats-card__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.stats-card .stats-number,.stats-card__number{font-size:var(--font-size-heading-3);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:var(--line-height-tight);margin:0}.stats-card .stats-label,.stats-card__title{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);margin:0;line-height:var(--line-height-base)}.stats-card .stats-description{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-relaxed);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.page-container{background:var(--color-bg-layout);min-height:100vh;padding:var(--spacing-xl)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);background:var(--color-bg-container);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.page-title h1{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-heading-2);font-weight:var(--font-weight-semibold);color:var(--color-text)}.page-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-base)}.page-actions{display:flex;gap:var(--spacing-sm)}.content-section{margin-bottom:var(--spacing-xl)}.content-section:last-child{margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-container);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-base);text-decoration:none;cursor:pointer;transition:all var(--duration-200) var(--ease-out);outline:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover{border-color:var(--color-primary-light);color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-white)}.btn-secondary{background:var(--color-fill-secondary);border-color:var(--color-border);color:var(--color-text-secondary)}.btn-secondary:hover{background:var(--color-fill-tertiary);border-color:var(--color-border-secondary);color:var(--color-text)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.table-container{background:var(--color-bg-container);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.filters-section{background:var(--color-bg-container);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{background:var(--color-bg-container);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);max-width:500px;width:90%;max-height:80vh;overflow-y:auto;border:1px solid var(--color-border)}.modal-container.modal-large{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:var(--font-size-heading-4);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.modal-close{background:none;border:none;font-size:var(--font-size-xl);color:var(--color-text-tertiary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--duration-200) var(--ease-out)}.modal-close:hover{background:var(--color-fill-secondary);color:var(--color-text-secondary)}.modal-body{padding:var(--spacing-lg)}.modal-footer{display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-border);justify-content:flex-end}.form-group{margin-bottom:var(--spacing-lg)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}.form-control{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-bg-container);transition:all var(--duration-200) var(--ease-out);outline:none}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg)}.form-control::placeholder{color:var(--color-text-placeholder)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media(max-width:768px){.page-container{padding:var(--spacing-md)}.page-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch;padding:var(--spacing-md)}.page-actions{justify-content:center}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.stats-card{padding:var(--spacing-md);gap:var(--spacing-sm)}.stats-card .stats-icon,.stats-card__icon{width:40px;height:40px;font-size:20px}.stats-card .stats-number,.stats-card__number{font-size:var(--font-size-heading-4)}.form-row{grid-template-columns:1fr}.modal-container{width:95%;max-height:90vh}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-md)}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.stats-card{padding:var(--spacing-sm)}.stats-card .stats-icon,.stats-card__icon{width:36px;height:36px;font-size:18px}.btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1}.status-badge--success{background:var(--color-success-bg);color:var(--color-success)}.status-badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.status-badge--error{background:var(--color-error-bg);color:var(--color-error)}.status-badge--info{background:var(--color-info-bg);color:var(--color-info)}.priority-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1}.priority-badge--high{background:var(--color-error-bg);color:var(--color-error)}.priority-badge--normal{background:var(--color-warning-bg);color:var(--color-warning)}.priority-badge--low{background:var(--color-success-bg);color:var(--color-success)}.loading-overlay{position:fixed;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:var(--z-loading)}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.error-message{text-align:center;padding:var(--spacing-xl);color:var(--color-error);font-size:var(--font-size-base);background:var(--color-error-bg);border-radius:var(--radius-lg);border:1px solid var(--color-error-border);margin:var(--spacing-lg) 0}.text-left{text-align:left}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.rounded{border-radius:var(--radius-md)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-sm)}.border{border:1px solid var(--color-border)}.border-0{border:none}.bg-white{background:var(--color-bg-container)}.bg-gray{background:var(--color-fill-secondary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-tertiary)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.stats-card *,.page-container *,.modal-container *,.btn *{box-sizing:border-box}.stats-card,.stats-item,[class*=card]{background:var(--color-bg-container)!important;color:var(--color-text)!important}.stats-card:not(.loading):not(.empty){background:var(--color-bg-container)!important}*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light!important;color:#1f2937!important;background-color:#f0f2f5!important;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background:#f0f2f5;color:#1f2937}#root{width:100%;min-height:100vh}.ant-layout,.ant-layout-content{background:#f0f2f5}.ant-card,.ant-table-wrapper,.ant-form,.ant-modal-content,[class*=card],[class*=container],[class*=wrapper]{background:#fff}.stats-card,.stats-item,[class*=stats-card],[class*=stats-item]{background:#fff!important;color:#1f2937!important}*{color-scheme:light!important}.notification-container{position:fixed;z-index:9999;pointer-events:none;display:flex;flex-direction:column;gap:12px;max-width:400px;max-height:100vh;overflow:hidden}.notification-container--top-right{top:20px;right:20px}.notification-container--top-left{top:20px;left:20px}.notification-container--top-center{top:20px;left:50%;transform:translate(-50%)}.notification-container--bottom-right{bottom:20px;right:20px;flex-direction:column-reverse}.notification-container--bottom-left{bottom:20px;left:20px;flex-direction:column-reverse}.notification-container--bottom-center{bottom:20px;left:50%;transform:translate(-50%);flex-direction:column-reverse}.notification-item{position:relative;display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e5e7eb;min-width:320px;max-width:400px;pointer-events:auto;cursor:default;overflow:hidden;transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-item--visible{transform:translate(0);opacity:1}.notification-item--removing{transform:translate(100%);opacity:0;max-height:0;margin:0;padding:0}.notification-container--top-left .notification-item,.notification-container--bottom-left .notification-item{transform:translate(-100%)}.notification-container--top-left .notification-item--visible,.notification-container--bottom-left .notification-item--visible{transform:translate(0)}.notification-container--top-left .notification-item--removing,.notification-container--bottom-left .notification-item--removing{transform:translate(-100%)}.notification-container--top-center .notification-item,.notification-container--bottom-center .notification-item{transform:translateY(-100%)}.notification-container--top-center .notification-item--visible,.notification-container--bottom-center .notification-item--visible{transform:translateY(0)}.notification-container--top-center .notification-item--removing,.notification-container--bottom-center .notification-item--removing{transform:translateY(-100%)}.notification-item--success{border-left:4px solid #10b981}.notification-item--error{border-left:4px solid #ef4444}.notification-item--warning{border-left:4px solid #f59e0b}.notification-item--info{border-left:4px solid #3b82f6}.notification-item__icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.notification-item--success .notification-item__icon{color:#10b981}.notification-item--error .notification-item__icon{color:#ef4444}.notification-item--warning .notification-item__icon{color:#f59e0b}.notification-item--info .notification-item__icon{color:#3b82f6}.notification-item__content{flex:1;min-width:0}.notification-item__title{font-weight:600;font-size:14px;color:#111827;margin-bottom:4px;line-height:1.4}.notification-item__message{font-size:14px;color:#6b7280;line-height:1.5;word-wrap:break-word}.notification-item__actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.notification-item__action{padding:6px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.notification-item__action:hover{background:#e5e7eb;border-color:#9ca3af}.notification-item__action:focus{outline:2px solid #3b82f6;outline-offset:1px}.notification-item__close{position:absolute;top:12px;right:12px;width:20px;height:20px;background:none;border:none;color:#9ca3af;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.notification-item__close:hover{color:#6b7280;background:#f3f4f6}.notification-item__close:focus{outline:2px solid #3b82f6;outline-offset:1px}.notification-item__close svg{width:14px;height:14px}.notification-item__progress{position:absolute;bottom:0;left:0;height:2px;background:currentColor;opacity:.3;animation:notification-progress linear forwards;transform-origin:left}@keyframes notification-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.notification-item--success .notification-item__progress{background:#10b981}.notification-item--error .notification-item__progress{background:#ef4444}.notification-item--warning .notification-item__progress{background:#f59e0b}.notification-item--info .notification-item__progress{background:#3b82f6}.notification-item:hover{transform:translate(0) scale(1.02);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.notification-item:hover .notification-item__progress{animation-play-state:paused}@media(max-width:640px){.notification-container{left:10px!important;right:10px!important;max-width:none;transform:none!important}.notification-item{min-width:auto;max-width:none}.notification-item__actions{flex-direction:column}.notification-item__action{width:100%;text-align:center}}@media(prefers-contrast:high){.notification-item{border-width:2px;border-left-width:6px}.notification-item__title{font-weight:700}.notification-item__action{border-width:2px}}@media(prefers-reduced-motion:reduce){.notification-item{transition:none}.notification-item:hover{transform:none}.notification-item__progress{animation:none;opacity:0}}@media print{.notification-container{display:none}}.notification-item--compact{padding:12px;min-width:280px}.notification-item--compact .notification-item__icon{width:16px;height:16px}.notification-item--compact .notification-item__title,.notification-item--compact .notification-item__message{font-size:13px}.notification-item--large{padding:20px;min-width:380px}.notification-item--large .notification-item__icon{width:24px;height:24px}.notification-item--large .notification-item__title{font-size:16px}.notification-item--large .notification-item__message{font-size:15px}.notification-item--outlined{background:transparent;border:2px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification-item--outlined.notification-item--success{border-color:#10b981;background:#10b9811a}.notification-item--outlined.notification-item--error{border-color:#ef4444;background:#ef44441a}.notification-item--outlined.notification-item--warning{border-color:#f59e0b;background:#f59e0b1a}.notification-item--outlined.notification-item--info{border-color:#3b82f6;background:#3b82f61a}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px;border:1px solid #e1e5e9}.error-boundary--app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.error-boundary--page{background:#f8f9fa;color:#495057}.error-boundary__container{text-align:center;max-width:500px;width:100%}.error-boundary__icon{margin-bottom:24px}.error-boundary__icon svg{width:64px;height:64px;color:#dc3545;opacity:.8}.error-boundary--app .error-boundary__icon svg{color:#fff}.error-boundary__title{font-size:24px;font-weight:600;margin:0 0 16px;color:inherit}.error-boundary__message{font-size:16px;line-height:1.6;margin:0 0 32px;color:inherit;opacity:.9}.error-boundary__actions{display:flex;gap:12px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.error-boundary__button{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.error-boundary__button--primary{background:#007bff;color:#fff}.error-boundary__button--primary:hover{background:#0056b3;transform:translateY(-1px)}.error-boundary__button--secondary{background:#6c757d;color:#fff}.error-boundary__button--secondary:hover{background:#545b62;transform:translateY(-1px)}.error-boundary--app .error-boundary__button--primary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.error-boundary--app .error-boundary__button--primary:hover{background:#ffffff4d}.error-boundary--app .error-boundary__button--secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.error-boundary--app .error-boundary__button--secondary:hover{background:#ffffff1a}.error-boundary__details{margin-top:24px;text-align:left;background:#0000000d;border-radius:6px;border:1px solid rgba(0,0,0,.1)}.error-boundary--app .error-boundary__details{background:#ffffff1a;border-color:#fff3}.error-boundary__details summary{padding:12px 16px;cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none;background:#00000005;border-radius:6px 6px 0 0}.error-boundary--app .error-boundary__details summary{background:#ffffff0d}.error-boundary__details summary:hover{background:#0000000d}.error-boundary--app .error-boundary__details summary:hover{background:#ffffff1a}.error-boundary__error-info{padding:16px}.error-boundary__error-id{font-size:12px;color:#6c757d;margin-bottom:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.error-boundary--app .error-boundary__error-id{color:#ffffffb3}.error-boundary__error-message,.error-boundary__error-stack{margin-bottom:16px}.error-boundary__error-message strong,.error-boundary__error-stack strong{display:block;margin-bottom:8px;font-size:14px}.error-boundary__error-message pre,.error-boundary__error-stack pre{background:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:12px;font-size:12px;line-height:1.4;overflow-x:auto;white-space:pre-wrap;word-break:break-word;font-family:Monaco,Menlo,Ubuntu Mono,monospace;margin:0}.error-boundary--app .error-boundary__error-message pre,.error-boundary--app .error-boundary__error-stack pre{background:#ffffff1a;border-color:#fff3;color:#ffffffe6}.error-boundary__support{margin-top:24px;padding-top:24px;border-top:1px solid rgba(0,0,0,.1);font-size:14px;opacity:.8}.error-boundary--app .error-boundary__support{border-color:#fff3}.error-boundary__support p{margin:0}@media(max-width:768px){.error-boundary{min-height:300px;padding:16px}.error-boundary__container{max-width:100%}.error-boundary__icon svg{width:48px;height:48px}.error-boundary__title{font-size:20px}.error-boundary__message{font-size:14px}.error-boundary__actions{flex-direction:column;align-items:center}.error-boundary__button{width:100%;max-width:200px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-boundary__container{animation:fadeIn .5s ease-out}.error-boundary__button:focus{outline:2px solid #007bff;outline-offset:2px}.error-boundary--app .error-boundary__button:focus{outline-color:#ffffff80}.error-boundary__details summary:focus{outline:2px solid #007bff;outline-offset:2px}.error-boundary--app .error-boundary__details summary:focus{outline-color:#ffffff80}@media(prefers-contrast:high){.error-boundary{border-width:2px}.error-boundary__button{border:2px solid}}@media(prefers-reduced-motion:reduce){.error-boundary__container{animation:none}.error-boundary__button{transition:none}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.loading-spinner{display:flex;align-items:center;justify-content:center}.spinner{border:3px solid #f3f3f3;border-top:3px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite}.loading-small .spinner{width:16px;height:16px;border-width:2px}.loading-medium .spinner{width:24px;height:24px;border-width:3px}.loading-large .spinner{width:40px;height:40px;border-width:4px}.loading-text{color:#666;font-size:14px;text-align:center}.loading-small .loading-text{font-size:12px}.loading-large .loading-text{font-size:16px}.loading-overlay{position:fixed;inset:0;background-color:#fffc;display:flex;align-items:center;justify-content:center;z-index:9999}.page-loading{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.loading-text{font-size:13px}.loading-large .loading-text{font-size:15px}}@media(prefers-color-scheme:dark){.loading-overlay{background-color:#000c}.loading-text{color:#ccc}.spinner{border-color:#333;border-top-color:#1890ff}}.error-container{position:fixed;top:20px;right:20px;z-index:10000;max-width:400px;display:flex;flex-direction:column;gap:10px}.error-message{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;border-left:4px solid #ff4d4f;padding:16px;animation:slideInRight .3s ease-out}.error-message.error-network{border-left-color:#faad14}.error-message.error-api{border-left-color:#ff4d4f}.error-message.error-validation{border-left-color:#ff7875}.error-message.error-permission{border-left-color:#722ed1}.error-content{display:flex;align-items:flex-start;gap:12px}.error-icon{font-size:20px;flex-shrink:0;margin-top:2px}.error-text{flex:1;min-width:0}.error-title{font-weight:500;color:#262626;margin-bottom:4px;line-height:1.4}.error-details{font-size:12px;color:#8c8c8c;line-height:1.4;word-break:break-word}.error-actions{display:flex;gap:8px;flex-shrink:0;align-items:flex-start}.error-retry-btn,.error-close-btn{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:12px;transition:background-color .2s}.error-retry-btn{color:#1890ff;background-color:#1890ff1a}.error-retry-btn:hover{background-color:#1890ff33}.error-close-btn{color:#8c8c8c;font-size:14px;line-height:1;padding:2px 6px}.error-close-btn:hover{background-color:#f5f5f5;color:#262626}.error-fallback{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;padding:20px}.error-fallback-content{background:#fff;border-radius:12px;padding:40px;max-width:500px;width:100%;text-align:center;box-shadow:0 4px 20px #0000001a}.error-fallback-content h2{color:#262626;margin-bottom:16px;font-size:24px}.error-fallback-content p{color:#8c8c8c;margin-bottom:24px;line-height:1.6}.error-details-expansion{text-align:left;margin:20px 0;background-color:#f9f9f9;border-radius:6px;padding:12px}.error-details-expansion summary{cursor:pointer;font-weight:500;color:#595959;margin-bottom:8px}.error-details-expansion pre{margin:8px 0 0;font-size:12px;color:#d32f2f;background-color:#fff2f0;padding:8px;border-radius:4px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-fallback-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.reload-btn,.back-btn{padding:10px 20px;border-radius:6px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.reload-btn{background-color:#1890ff;color:#fff}.reload-btn:hover{background-color:#40a9ff;transform:translateY(-1px)}.back-btn{background-color:#f5f5f5;color:#595959}.back-btn:hover{background-color:#e6f7ff;color:#1890ff}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.error-container{left:20px;right:20px;max-width:none}.error-fallback-content{padding:24px;margin:20px}.error-fallback-content h2{font-size:20px}.error-fallback-actions{flex-direction:column}.reload-btn,.back-btn{width:100%}}@media(prefers-color-scheme:dark){.error-message{background:#1f1f1f;color:#fff}.error-title{color:#fff}.error-details{color:#a6a6a6}.error-close-btn:hover{background-color:#333;color:#fff}.error-fallback{background-color:#0f0f0f}.error-fallback-content{background:#1f1f1f;color:#fff}.error-fallback-content h2{color:#fff}.error-details-expansion{background-color:#333}.error-details-expansion summary{color:#a6a6a6}.back-btn{background-color:#333;color:#a6a6a6}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5}.app{display:flex;height:100vh;width:100vw}.app-login{height:100vh;width:100vw;overflow:hidden}.sidebar{width:260px;background:#fff;color:#333;display:flex;flex-direction:column;box-shadow:2px 0 12px #00000014;position:relative;z-index:1000;flex-shrink:0;border-right:1px solid #e8e8e8}.sidebar-header{padding:30px 24px;border-bottom:1px solid #f0f0f0;text-align:center;background:linear-gradient(135deg,#722ed1,#9254de);margin:-1px -1px 0}.sidebar-header h1{font-size:22px;margin-bottom:8px;font-weight:700;color:#fff;letter-spacing:.5px}.sidebar-header p{font-size:13px;font-weight:500;color:#ffffffe6;margin:0;text-transform:uppercase;letter-spacing:1px}.sidebar-nav{flex:1;padding:24px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;padding:12px 20px;margin:4px 12px;cursor:pointer;transition:all .2s ease;position:relative;border:none;background:none;width:calc(100% - 24px);text-align:left;color:#4a5568;font:inherit;border-radius:8px}.nav-item:hover{background:#f7fafc;color:#722ed1;transform:translate(4px)}.nav-item.active{background:linear-gradient(135deg,#722ed1,#9254de);color:#fff;box-shadow:0 4px 12px #722ed14d}.nav-item.active .nav-icon{color:#fff}.nav-item.active:hover{transform:translate(0);background:linear-gradient(135deg,#531dab,#722ed1)}.nav-icon{font-size:20px;margin-right:16px;width:24px;text-align:center;flex-shrink:0;transition:all .2s ease}.nav-text{font-size:15px;font-weight:500;flex:1;letter-spacing:.3px}.nav-badge{position:absolute;top:8px;right:8px;background:#ff4d4f;color:#fff;font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center;box-shadow:0 2px 4px #0000001a;animation:pulse 2s ease-in-out infinite}.nav-item.active .nav-badge{background:#fff;color:#722ed1}.sidebar-footer{padding:20px 24px;border-top:1px solid #f0f0f0;margin-top:auto;background:#fafafa}.footer-text{font-size:12px;color:#718096;margin:0 0 4px}.footer-version{font-size:11px;color:#a0aec0;margin:0}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;background:#fff3;border-radius:50%;display:flex;align-items:center}.debug-tools{margin-top:10px}.debug-title{font-size:12px;font-weight:600;color:#fffc;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.debug-links{display:flex;flex-direction:column;gap:8px}.debug-link{display:flex;align-items:center;padding:8px 12px;color:#ffffffb3;text-decoration:none;border-radius:6px;transition:all .2s ease;font-size:13px}.debug-link:hover{background:#ffffff1a;color:#ffffffe6;transform:translate(2px)}.debug-icon{font-size:14px;margin-right:8px;width:16px;text-align:center}.debug-text{font-weight:500}.user-avatar{justify-content:center;font-size:16px}.user-name{font-size:14px;font-weight:500;opacity:.9}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#f5f5f5;height:100vh;min-width:0}.main-content>*{flex:1;overflow-y:auto;height:100%}.content-frame{flex:1;border:none;width:100%;height:100%;background:#fff;display:block}@media(max-width:768px){.app{flex-direction:column}.sidebar{width:100%;height:auto;background:#fff;order:2;border-top:1px solid #e8e8e8;border-right:none}.main-content{order:1;flex:1}.sidebar-header{padding:16px 20px}.sidebar-header h1{font-size:18px}.sidebar-nav{display:flex;overflow-x:auto;padding:16px 0}.nav-item{flex-direction:column;min-width:80px;padding:12px 8px;text-align:center;border-right:none;border-top:3px solid transparent}.nav-item:hover{border-top-color:#ffffff4d;border-right-color:transparent}.nav-item.active{border-top-color:#fff;border-right-color:transparent}.nav-item.active:after{display:none}.nav-icon{margin-right:0;margin-bottom:4px;font-size:18px}.nav-text{font-size:11px}.nav-badge{position:absolute;top:2px;right:2px;padding:1px 4px;font-size:10px;min-width:16px}.sidebar-footer{padding:12px 20px}.user-avatar{width:28px;height:28px;font-size:14px}.user-name{font-size:12px}}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#f7fafc;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#a0aec0}.top-nav{display:flex;align-items:center;justify-content:space-between;background:#fff;box-shadow:0 2px 8px #0000001a;padding:0 20px;height:60px;position:sticky;top:0;z-index:1000}.nav-brand h1{color:#1890ff;font-size:20px;font-weight:600}.nav-menu{display:flex;align-items:center;gap:4px}.nav-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#666;transition:all .3s ease}.nav-btn:hover{background:#f0f0f0;color:#333}.nav-btn.active{background:#1890ff;color:#fff}.nav-icon{font-size:16px}.nav-text{white-space:nowrap}.nav-user{color:#666;font-size:14px;font-weight:500}button:contains("default"),.nav-btn:contains("default"),[data-text=default],.default-button,button[title*=default],.btn:contains("default"){display:none!important}.top-nav .nav-user,.nav-menu button:last-child,.header-actions button:last-child{display:none!important}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.page-header h1{color:#2c3e50;font-size:28px;font-weight:600}.page-header div{display:flex;gap:12px}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px;line-height:1.5;vertical-align:middle}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#1e7e34}.btn-warning{background-color:#ffc107;color:#212529}.btn-warning:hover{background-color:#e0a800}.btn-danger{background-color:#dc3545;color:#fff}.btn-info{background-color:#17a2b8;color:#fff}.btn-info:hover{background-color:#117a8b}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 10px #0000001a;text-align:center;transition:transform .3s ease;cursor:pointer}.stat-card:hover{transform:translateY(-5px)}.stat-card.success{border-left:4px solid #28a745}.stat-card.warning{border-left:4px solid #ffc107}.stat-card.danger{border-left:4px solid #dc3545}.stat-card.info{border-left:4px solid #17a2b8}.stat-number{font-size:36px;font-weight:700;color:#2c3e50;margin-bottom:8px}.stat-label{font-size:14px;color:#6c757d;font-weight:500}.data-table{width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000001a;margin-bottom:24px}.data-table th{background-color:#f8f9fa;padding:16px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #e9ecef}.data-table td{padding:16px;border-bottom:1px solid #e9ecef;vertical-align:middle}.data-table tr:hover{background-color:#f8f9fa}.data-table td .btn{margin-right:8px;padding:6px 12px;font-size:12px}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase}.status-active,.status-completed,.status-passed{background-color:#d4edda;color:#155724}.status-pending,.status-testing{background-color:#fff3cd;color:#856404}.status-cancelled,.status-failed,.status-rejected{background-color:#f8d7da;color:#721c24}.status-in-progress,.status-picking{background-color:#d1ecf1;color:#0c5460}.status-inventory{background-color:#e7f3ff;color:#06c}.status-quality{background-color:#fff0e6;color:#c60}.status-transaction{background-color:#e6f7ff;color:#0080ff}.status-receiving{background-color:#f0f8ff;color:#004080}.status-issuing{background-color:#f5f5f5;color:#666}.status-urgent{background-color:#ffebee;color:#c62828}.status-fifo{background-color:#e8f5e8;color:#2e7d32}.priority-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.priority-high{background-color:#ffebee;color:#c62828}.priority-medium{background-color:#fff3e0;color:#ef6c00}.priority-low{background-color:#e8f5e8;color:#2e7d32}.tab-container{display:flex;margin-bottom:24px;background:#fff;border-radius:12px;padding:8px;box-shadow:0 2px 10px #0000001a}.tab-button{flex:1;padding:12px 24px;border:none;background:none;cursor:pointer;border-radius:8px;font-weight:500;transition:all .3s ease;color:#6c757d}.tab-button:hover{background-color:#f8f9fa;color:#495057}.tab-button.active{background-color:#007bff;color:#fff}.alert{display:flex;align-items:flex-start;padding:16px;margin-bottom:20px;border-radius:8px;font-size:14px}.alert span{margin-right:12px;font-size:18px}.alert-info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.alert-warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-danger{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.form-field label{margin-bottom:8px;font-weight:500;color:#495057}.form-field input,.form-field select,.form-field textarea{padding:12px;border:1px solid #ced4da;border-radius:8px;font-size:14px;transition:border-color .3s ease}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-field textarea{resize:vertical;min-height:80px}.search-section{background:#fff;padding:20px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 10px #0000001a}.search-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.workflow-progress,.workflow-steps{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.workflow-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.workflow-step:not(:last-child):after{content:"";position:absolute;top:20px;right:-50%;width:100%;height:2px;background-color:#e9ecef;z-index:1}.workflow-step.completed:not(:last-child):after{background-color:#28a745}.step-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:8px;position:relative;z-index:2}.step-circle.completed{background-color:#28a745;color:#fff}.step-circle.active{background-color:#007bff;color:#fff}.step-circle:not(.completed):not(.active){background-color:#e9ecef;color:#6c757d}.step-title{font-size:12px;font-weight:500;color:#495057;text-align:center}.modal{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:24px;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;color:#2c3e50}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s}.close-btn:hover{background-color:#f8f9fa}.progress-bar{width:100%;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden;margin-top:8px}.progress-fill{height:100%;background-color:#007bff;transition:width .3s ease}.approval-node{background:#fff;padding:20px;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 10px #0000001a;border-left:4px solid #e9ecef}.approval-node.completed{border-left-color:#28a745}.approval-node.active{border-left-color:#007bff}.approval-node.rejected{border-left-color:#dc3545}.approval-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.approval-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;margin-left:8px}.badge-critical{background-color:#ffebee;color:#c62828}.badge-important{background-color:#fff3e0;color:#ef6c00}.badge-normal{background-color:#e8f5e8;color:#2e7d32}.approval-actions{display:flex;gap:8px;margin-top:16px}.approval-actions .btn{padding:8px 16px;font-size:12px}.scan-section{background:#fff;padding:20px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 10px #0000001a}.scan-input{width:100%;padding:12px;border:1px solid #ced4da;border-radius:8px;font-size:14px;margin-bottom:12px}.scan-history{margin-top:16px;border-top:1px solid #e9ecef;padding-top:16px}.scan-history h5{margin-bottom:12px;color:#495057}.scan-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f8f9fa}.exception-section{background:#fff3cd;border:1px solid #ffeaa7;padding:16px;border-radius:8px;margin-top:20px}.exception-header{font-weight:700;color:#856404;margin-bottom:8px}.order-info{background:#fff;padding:20px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 10px #0000001a}.order-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:16px}.order-card{background:#f8f9fa;padding:16px;border-radius:8px;border-left:4px solid #007bff}.order-card h4{margin-bottom:8px;color:#2c3e50}.order-card p{margin:4px 0;color:#6c757d}.picking-zone{background:#fff;padding:20px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 10px #0000001a}.zone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.zone-title{font-size:18px;font-weight:600;color:#2c3e50}.zone-stats{display:flex;gap:16px;font-size:14px;color:#6c757d}.path-optimization{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:20px}.path-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.path-route{display:flex;align-items:center;gap:8px}.path-step{background:#fff;padding:8px 12px;border-radius:8px;border:1px solid #e9ecef;font-size:14px;font-weight:500}.path-arrow{color:#007bff;font-weight:700}.efficiency-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.metric-card{background:#fff;padding:16px;border-radius:8px;text-align:center;box-shadow:0 2px 10px #0000001a}.metric-value{font-size:24px;font-weight:700;color:#007bff;margin-bottom:4px}.metric-label{font-size:12px;color:#6c757d}.batch-list{max-height:300px;overflow-y:auto}.batch-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .3s ease}.batch-item:hover{background-color:#f8f9fa;border-color:#007bff}.batch-item.selected{background-color:#e7f3ff;border-color:#007bff}.batch-item.priority{border-left:4px solid #28a745}.batch-date{font-size:12px;color:#6c757d}.batch-code{font-weight:500;color:#495057}.batch-quantity{font-size:14px;color:#007bff}.batch-timeline{display:flex;flex-direction:column;gap:8px}.batch-item.high{border-left:4px solid #dc3545}.batch-item.medium{border-left:4px solid #ffc107}.batch-item.low{border-left:4px solid #28a745}.location-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:20px}.location-card{background:#fff;padding:16px;border-radius:8px;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid #e9ecef}.location-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.location-card.occupied{border-color:#007bff}.location-card.empty{border-color:#28a745}.location-card.full{border-color:#dc3545}.location-card.warning{border-color:#ffc107}.location-code{font-weight:700;margin-bottom:8px;color:#2c3e50}.usage-bar{width:100%;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:8px}.usage-fill{height:100%;background-color:#007bff;transition:width .3s ease}.usage-fill.warning{background-color:#ffc107}.usage-fill.danger{background-color:#dc3545}.location-usage{font-size:12px;color:#6c757d}.fifo-section{background:#fff;padding:20px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 10px #0000001a}.fifo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.inspection-items{margin:20px 0}.inspection-item{display:grid;grid-template-columns:1fr 2fr 120px 80px;gap:12px;align-items:center;padding:12px;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px}.item-name{font-weight:500;color:#495057}.item-standard{font-size:14px;color:#6c757d}.item-result{padding:6px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.item-actions{display:flex;gap:4px}.item-actions .btn{padding:4px 8px;font-size:12px}.image-upload{border:2px dashed #ced4da;border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:all .3s ease;margin:20px 0}.image-upload:hover{border-color:#007bff;background-color:#f8f9fa}.upload-icon{font-size:48px;margin-bottom:12px}.quick-actions{background:#fff;padding:20px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 10px #0000001a}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.action-card{background:#f8f9fa;padding:20px;border-radius:8px;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.action-card:hover{background-color:#fff;border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.action-icon{font-size:32px;margin-bottom:8px}.action-title{font-weight:600;color:#2c3e50;margin-bottom:4px}.action-desc{font-size:12px;color:#6c757d}.report-analytics{background:#fff;padding:20px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 10px #0000001a}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:16px}.analytics-card{background:#f8f9fa;padding:20px;border-radius:8px}.analytics-title{font-weight:600;color:#2c3e50;margin-bottom:16px}.analytics-chart{display:flex;justify-content:space-around;align-items:end;height:120px}.chart-bar{width:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px 4px 0 0;display:flex;align-items:end;justify-content:center;color:#fff;font-size:12px;padding-bottom:8px}.popular-reports{display:flex;flex-direction:column;gap:8px}.popular-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.usage-count{font-size:12px;color:#007bff;font-weight:500}.document-workflow{background:#fff;padding:20px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 10px #0000001a}.workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:16px}.workflow-item{text-align:center;padding:16px;background:#f8f9fa;border-radius:8px}.workflow-icon{font-size:32px;margin-bottom:8px}.workflow-title{font-weight:600;color:#2c3e50;margin-bottom:4px}.workflow-desc{font-size:12px;color:#6c757d}.workflow-arrow{display:flex;align-items:center;justify-content:center;font-size:24px;color:#007bff;font-weight:700}.document-detail{margin:20px 0}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px}.detail-item{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #f8f9fa}.detail-item label{font-weight:500;color:#495057;margin-right:12px;min-width:80px}.detail-item span{color:#6c757d}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:16px}.template-card{background:#fff;padding:20px;border-radius:8px;text-align:center;border:2px solid #e9ecef;transition:all .3s ease}.template-card:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.template-icon{font-size:48px;margin-bottom:12px}.template-title{font-weight:600;color:#2c3e50;margin-bottom:8px}.template-desc{font-size:14px;color:#6c757d;margin-bottom:16px}.checkbox-group{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.checkbox-group input[type=checkbox]{margin:0}.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;line-height:1.5;vertical-align:middle}.btn-primary{background:#1890ff;color:#fff;border:1px solid #1890ff}.btn-primary:hover:not(:disabled){background:#40a9ff;border-color:#40a9ff;transform:translateY(-1px);box-shadow:0 4px 8px #1890ff4d}.btn-outline,.btn-default{background:transparent;color:#1890ff;border:1px solid #1890ff}.btn-outline:hover:not(:disabled),.btn-default:hover:not(:disabled){background:#1890ff;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #1890ff4d}.btn-success{background:#52c41a;color:#fff;border:1px solid #52c41a}.btn-success:hover:not(:disabled){background:#73d13d;border-color:#73d13d;transform:translateY(-1px);box-shadow:0 4px 8px #52c41a4d}.btn-warning{background:#faad14;color:#fff;border:1px solid #faad14}.btn-warning:hover:not(:disabled){background:#ffc53d;border-color:#ffc53d;transform:translateY(-1px);box-shadow:0 4px 8px #faad144d}.btn-danger{background:#ff4d4f;color:#fff;border:1px solid #ff4d4f}.btn-danger:hover:not(:disabled){background:#ff7875;border-color:#ff7875;transform:translateY(-1px);box-shadow:0 4px 8px #ff4d4f4d}.sidebar-footer{margin-top:auto;padding:16px;border-top:1px solid #f0f0f0}.user-info{display:flex;align-items:center;gap:12px;padding:12px;background:#fafafa;border-radius:8px;margin-bottom:16px;border:1px solid #e8e8e8}.user-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#722ed1,#9254de);border-radius:50%;flex-shrink:0}.user-icon{font-size:16px;color:#fff}.user-details{flex:1;min-width:0}.user-name{font-size:14px;font-weight:600;color:#333;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:12px;color:#666;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;flex-shrink:0}.logout-button:hover{background:#ff4d4f;border-color:#ff4d4f;color:#fff;transform:scale(1.05)}.footer-content{text-align:center}.footer-text{font-size:12px;color:#999;margin:0 0 4px}.footer-version{font-size:11px;color:#ccc;margin:0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);z-index:-1}.background-shapes{position:absolute;width:100%;height:100%;overflow:hidden}.shape{position:absolute;background:#ffffff1a;border-radius:50%;animation:float 6s ease-in-out infinite}.shape-1{width:80px;height:80px;top:20%;left:10%;animation-delay:0s}.shape-2{width:120px;height:120px;top:70%;right:20%;animation-delay:2s}.shape-3{width:60px;height:60px;bottom:30%;left:80%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.login-container{width:100%;max-width:450px;padding:20px;z-index:1}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);max-height:90vh;overflow-y:auto}.login-header{text-align:center;margin-bottom:30px}.logo{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px}.logo-icon{font-size:48px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.login-header h1{font-size:24px;font-weight:700;color:#333;margin:0}.login-subtitle{font-size:14px;color:#666;margin:0;opacity:.8}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#333}.form-group input{padding:12px 16px;border:2px solid #e8e8e8;border-radius:8px;font-size:14px;transition:all .3s ease;outline:none}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.form-group input::placeholder{color:#999}.role-selector{display:flex;gap:12px}.role-option{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:2px solid #e8e8e8;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff}.role-option:hover{border-color:#667eea;background:#f7f9ff}.role-option.active{border-color:#667eea;background:#f7f9ff;box-shadow:0 0 0 3px #667eea1a}.role-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.role-icon{font-size:32px}.role-text{font-size:14px;font-weight:500;color:#333}.role-desc{font-size:11px;color:#666;margin-top:4px}.error-message{background:#fff2f0;border:1px solid #ffccc7;border-radius:8px;padding:12px;display:flex;align-items:center;gap:8px;font-size:14px;color:#a8071a;margin-bottom:-8px}.error-icon{font-size:16px}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:14px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.login-footer{margin-top:24px;text-align:center;border-top:1px solid #f0f0f0;padding-top:20px}.demo-info{margin-bottom:16px}.demo-info .demo-title{font-size:14px;font-weight:600;color:#333;margin-bottom:12px;text-align:center}.demo-accounts{background:#f7f9ff;border-radius:8px;padding:12px;font-size:12px}.account-group{margin-bottom:8px;display:flex;align-items:baseline;gap:8px}.account-group:last-child{margin-bottom:0}.group-title{color:#666;font-weight:500;margin:0;min-width:80px}.account-item{color:#333;margin:0;flex:1}.system-info p{font-size:12px;color:#999;margin:0}@media(max-width:480px){.login-container{padding:16px}.login-card{padding:24px}.login-header h1{font-size:20px}.logo-icon{font-size:40px}}.optimized-stats-card{position:relative;background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:28px;box-shadow:0 4px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;min-height:140px;display:flex;flex-direction:column;justify-content:space-between}.optimized-stats-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#d4d4d8}.optimized-stats-card.clickable{cursor:pointer}.optimized-stats-card.clickable:active{transform:translateY(-2px);transition-duration:.1s}.optimized-stats-card.loading{pointer-events:none}.loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}.loading-overlay:after{content:"";width:20px;height:20px;border:2px solid #e8e8e8;border-top:2px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;position:relative}.card-content{flex:1}.card-value{font-size:28px;font-weight:700;line-height:1.2;margin-bottom:8px;color:#1a1a1a;display:flex;align-items:baseline;gap:4px}.value-unit{font-size:16px;font-weight:400;color:#6b7280}.card-title{font-size:14px;font-weight:500;color:#6b7280;margin-bottom:4px;line-height:1.4}.card-description{font-size:12px;color:#9ca3af;line-height:1.3;margin-top:4px}.card-trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:4px 8px;border-radius:6px;line-height:1}.trend-up{background:#f0f9ff;color:#0ea5e9}.trend-down{background:#fef2f2;color:#ef4444}.trend-neutral{background:#f9fafb;color:#6b7280}.trend-icon{font-size:10px}.optimized-stats-card.primary .card-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.optimized-stats-card.primary:hover{border-color:#3b82f6}.optimized-stats-card.success .card-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.optimized-stats-card.success:hover{border-color:#10b981}.optimized-stats-card.warning .card-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.optimized-stats-card.warning:hover{border-color:#f59e0b}.optimized-stats-card.danger .card-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.optimized-stats-card.danger:hover{border-color:#ef4444}.optimized-stats-card.info .card-icon{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.optimized-stats-card.info:hover{border-color:#06b6d4}.optimized-stats-card.secondary .card-icon{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.optimized-stats-card.secondary:hover{border-color:#6b7280}.optimized-stats-card.small{padding:16px;min-height:100px}.optimized-stats-card.small .card-icon{width:40px;height:40px;font-size:20px}.optimized-stats-card.small .card-value{font-size:24px}.optimized-stats-card.large{padding:24px;min-height:140px}.optimized-stats-card.large .card-icon{width:56px;height:56px;font-size:28px}.optimized-stats-card.large .card-value{font-size:32px}.stats-section{margin-bottom:32px}.stats-section-title{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:20px;padding-left:4px}.stats-group{display:grid;width:100%}.stats-group.columns-auto{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.stats-group.columns-1{grid-template-columns:1fr}.stats-group.columns-2{grid-template-columns:repeat(2,1fr)}.stats-group.columns-3{grid-template-columns:repeat(3,1fr)}.stats-group.columns-4{grid-template-columns:repeat(4,1fr);max-width:none}.stats-group.gap-small{gap:16px}.stats-group.gap-default{gap:24px}.stats-group.gap-large{gap:32px}@media(max-width:768px){.stats-group.columns-auto,.stats-group.columns-2,.stats-group.columns-3,.stats-group.columns-4{grid-template-columns:1fr}.optimized-stats-card{padding:16px;min-height:100px}.card-value{font-size:24px}.card-icon{width:40px;height:40px;font-size:20px}}@media(max-width:480px){.stats-group.gap-default{gap:12px}.optimized-stats-card{padding:14px}.card-value{font-size:22px}}.quick-actions-section{margin-bottom:32px}.quick-actions-title,.stats-section-title{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:20px;padding-left:4px}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px}.quick-action-btn{background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:120px}.quick-action-btn:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#d4d4d8}.quick-action-icon{font-size:32px;margin-bottom:12px;transition:transform .3s ease}.quick-action-btn:hover .quick-action-icon{transform:scale(1.1)}.quick-action-text{font-size:16px;font-weight:600;color:#1a1a1a}.quick-action-btn.primary .quick-action-icon{color:#3b82f6}.quick-action-btn.success .quick-action-icon{color:#10b981}.quick-action-btn.info .quick-action-icon{color:#06b6d4}.quick-action-btn.secondary .quick-action-icon{color:#6b7280}@media(max-width:768px){.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:16px}}.dashboard{font-family:var(--font-family-base);background:var(--color-bg-layout);min-height:100vh;padding:var(--spacing-lg)}.dashboard .container{max-width:1400px;margin:0 auto;background:var(--color-bg-container);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-secondary);overflow:hidden}.dashboard .page-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);background:linear-gradient(135deg,#722ed1,#9254de);color:#fff;margin:0 0 var(--spacing-lg) 0;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.dashboard .page-title h1{font-size:28px;font-weight:var(--font-weight-bold);margin:0;display:flex;align-items:center;gap:var(--spacing-sm);color:#fff}.dashboard .page-description{font-size:var(--font-size-sm);color:#ffffffe6;margin:var(--spacing-xs) 0 0 0}.dashboard .page-actions{display:flex;gap:var(--spacing-sm)}.dashboard .page-actions .btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--motion-duration-normal);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.dashboard .page-actions .btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.dashboard .page-actions .btn:disabled{opacity:.6;cursor:not-allowed}.dashboard .page-header .btn-outline{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff}.dashboard .page-header .btn-outline:hover{background:#ffffff4d;border-color:#ffffff80}.dashboard .content{padding:var(--spacing-xl)}.dashboard .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.dashboard .stats-card{background:var(--color-bg-container);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--motion-duration-normal);display:flex;align-items:center;gap:var(--spacing-md);min-height:120px;cursor:pointer;position:relative;overflow:hidden}.dashboard .stats-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.dashboard .stats-card .icon-section{flex-shrink:0;width:60px;height:60px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--color-fill-secondary);color:var(--color-text-secondary);transition:all var(--motion-duration-normal)}.dashboard .stats-card:hover .icon-section{transform:scale(1.05);background:var(--color-primary-bg);color:var(--color-primary)}.dashboard .stats-card .content-section{flex:1;min-width:0}.dashboard .stats-card .main-value{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-tight);display:flex;align-items:baseline;gap:var(--spacing-xs)}.dashboard .stats-card .main-value .unit{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-secondary)}.dashboard .stats-card .label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-xs) 0;line-height:var(--line-height-normal)}.dashboard .stats-card .description{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-relaxed);margin:0}.dashboard .stats-card .trend{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.dashboard .stats-card .trend.up{background:var(--color-success-bg);color:var(--color-success)}.dashboard .stats-card .trend.down{background:var(--color-error-bg);color:var(--color-error)}.dashboard .stats-card .trend.neutral{background:var(--color-fill-tertiary);color:var(--color-text-tertiary)}.dashboard .quick-actions{margin-bottom:var(--spacing-xl)}.dashboard .quick-actions h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.dashboard .quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.dashboard .quick-action-card{background:var(--color-bg-container);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--motion-duration-normal);cursor:pointer;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md);min-height:140px;justify-content:center}.dashboard .quick-action-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary);background:var(--color-primary-bg)}.dashboard .quick-action-card .action-icon{font-size:32px;transition:all var(--motion-duration-normal)}.dashboard .quick-action-card:hover .action-icon{transform:scale(1.1)}.dashboard .quick-action-card .action-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.dashboard .recent-activity{background:var(--color-bg-container);border:1px solid var(--color-border-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.dashboard .recent-activity .section-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-secondary);background:var(--color-bg-subtle);display:flex;align-items:center;gap:var(--spacing-sm)}.dashboard .recent-activity .section-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.dashboard .activity-list{padding:var(--spacing-lg)}.dashboard .activity-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border-quaternary)}.dashboard .activity-item:last-child{border-bottom:none}.dashboard .activity-icon{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-fill-secondary);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--color-text-secondary)}.dashboard .activity-content{flex:1;min-width:0}.dashboard .activity-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.dashboard .activity-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.dashboard .activity-time{flex-shrink:0;font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:right}.dashboard .empty-activity{text-align:center;padding:var(--spacing-xxl);color:var(--color-text-secondary)}.dashboard .empty-activity .empty-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.dashboard .empty-activity .empty-message{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);color:var(--color-text-tertiary)}.dashboard .empty-activity .empty-description{font-size:var(--font-size-sm);color:var(--color-text-quaternary);line-height:var(--line-height-relaxed)}@media(max-width:1200px){.dashboard .stats-grid,.dashboard .quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard{padding:var(--spacing-md)}.dashboard .container{border-radius:var(--radius-lg)}.dashboard .header{padding:var(--spacing-lg)}.dashboard .header h1{font-size:24px;flex-direction:column;gap:var(--spacing-xs)}.dashboard .header .subtitle{font-size:var(--font-size-md)}.dashboard .content{padding:var(--spacing-md)}.dashboard .stats-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.dashboard .stats-card{min-height:100px;padding:var(--spacing-md)}.dashboard .stats-card .icon-section{width:48px;height:48px;font-size:24px}.dashboard .stats-card .main-value{font-size:var(--font-size-xl)}.dashboard .quick-actions-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.dashboard .quick-action-card{min-height:120px;padding:var(--spacing-md)}.dashboard .quick-action-card .action-icon{font-size:28px}}@media(max-width:480px){.dashboard .stats-card{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.dashboard .stats-card .trend{position:static;align-self:flex-end}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard .stats-grid{animation:fadeIn var(--motion-duration-normal) var(--motion-easing)}.dashboard .quick-actions{animation:fadeIn var(--motion-duration-normal) var(--motion-easing) .1s both}.dashboard .recent-activity{animation:slideInUp var(--motion-duration-normal) var(--motion-easing) .2s both}.dashboard .stats-card{animation:fadeIn var(--motion-duration-normal) var(--motion-easing) calc(var(--i, 0) * .05s) both}.dashboard .quick-action-card{animation:fadeIn var(--motion-duration-normal) var(--motion-easing) calc(var(--i, 0) * .05s + .1s) both}.dashboard .activity-item{animation:fadeIn var(--motion-duration-normal) var(--motion-easing) calc(var(--i, 0) * .05s + .2s) both}.dashboard .loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:inherit}.dashboard .loading-spinner{width:32px;height:32px;border:3px solid var(--color-border-secondary);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard .modal{position:fixed;inset:0;background:#00000080;display:none;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dashboard .modal-content{background:var(--color-bg-container);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:600px;width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.dashboard .modal-header{padding:var(--spacing-lg);background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border-secondary);display:flex;justify-content:space-between;align-items:center}.dashboard .modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.dashboard .close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-secondary);padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--motion-duration-normal)}.dashboard .close-btn:hover{background:var(--color-error-bg);color:var(--color-error)}.dashboard .modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.dashboard .modal-actions{padding:var(--spacing-lg);background:var(--color-bg-subtle);border-top:1px solid var(--color-border-secondary);display:flex;gap:var(--spacing-sm);justify-content:flex-end}.dashboard .detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-quaternary)}.dashboard .detail-item:last-child{border-bottom:none}.dashboard .detail-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.dashboard .detail-value{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-weight-medium)}.dashboard .btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--motion-duration-normal);display:inline-flex;align-items:center;gap:var(--spacing-xs);text-decoration:none}.dashboard .btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.dashboard .btn-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px)}.dashboard .btn-secondary{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.dashboard .btn-secondary:hover:not(:disabled){background:var(--color-bg-subtle);border-color:var(--color-primary);color:var(--color-primary)}.inventory-page-optimized{padding:24px;background-color:#f5f5f5}.action-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.action-card .ant-btn-primary{background-color:#1890ff;border-color:#1890ff}.action-card .ant-btn-primary:hover{background-color:#40a9ff;border-color:#40a9ff}.stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;max-width:1200px;margin-left:auto;margin-right:auto}.stat-card{text-align:center;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-card .stat-value{font-size:28px;font-weight:700;color:#1890ff;margin-bottom:8px}.stat-card .stat-label{font-size:14px;color:#666}.stat-card.warning .stat-value{color:#faad14}.stat-card.success .stat-value{color:#52c41a}.stat-card.info .stat-value{color:#722ed1}.stat-card.clickable{cursor:pointer;transition:all .3s ease}.stat-card.clickable:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026;border-color:#1890ff}.filter-card{margin-bottom:24px;border-radius:8px}.filter-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.optimized-inventory-table{border-radius:8px}.optimized-inventory-table .ant-table-thead>tr>th{background-color:#fafafa;font-weight:600;color:#262626;border-bottom:2px solid #e8e8e8}.optimized-inventory-table .ant-table-tbody>tr:hover>td{background-color:#f0f9ff}.material-info .material-code{font-weight:600;color:#1890ff;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.material-info .material-name{font-weight:500;color:#262626;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.material-info .material-spec{font-size:12px;color:#8c8c8c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.inventory-status{display:flex;flex-direction:column;gap:8px}.inventory-status .stock-quantity{display:flex;align-items:baseline;gap:4px}.inventory-status .current-stock{font-size:18px;font-weight:700;color:#262626}.inventory-status .unit{font-size:12px;color:#8c8c8c}.inventory-status .stock-breakdown{display:flex;gap:12px;font-size:12px}.inventory-status .stock-breakdown span{color:#52c41a}.inventory-status .stock-breakdown .reserved{color:#faad14}.location-info{display:flex;flex-direction:column;gap:4px;align-items:center}.location-info .location-count{font-weight:500;color:#595959}.inventory-alerts{display:flex;flex-direction:column;gap:4px}.inventory-alerts .ant-tag{margin:0;display:flex;align-items:center;gap:4px;font-size:11px;padding:2px 6px}.recent-activity{display:flex;flex-direction:column;gap:4px;font-size:12px}.recent-activity div{color:#8c8c8c}.ant-space-item .ant-btn{display:flex;align-items:center;gap:4px}.ant-btn-sm{font-size:12px;height:28px;padding:0 12px}@media(max-width:768px){.stats-cards{grid-template-columns:1fr;max-width:100%}.filter-row{flex-direction:column;align-items:stretch}.filter-row>*{width:100%!important}}@media(max-width:768px){.inventory-page-optimized{padding:16px}.optimized-inventory-table{font-size:12px}.material-info .material-code{font-size:13px}.inventory-status .current-stock{font-size:16px}}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-indicator.active{background-color:#52c41a}.status-indicator.inactive{background-color:#d9d9d9}.status-indicator.warning{background-color:#faad14}.status-indicator.error{background-color:#ff4d4f}.loading-placeholder{height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:#8c8c8c}.empty-state{height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:#8c8c8c}.empty-state .empty-icon{font-size:48px;color:#d9d9d9}.inventory-tooltip{max-width:300px}.ant-progress-line{margin:4px 0}.ant-progress-bg{height:4px!important}.ant-table-selection-column{width:40px}.ant-table-ping-right{box-shadow:-6px 0 6px -4px #00000026}.batch-actions{background:#e6f7ff;border:1px solid #91d5ff;border-radius:6px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.batch-actions .selection-info{color:#1890ff;font-weight:500}.batch-actions .action-buttons{display:flex;gap:8px}.optimized-inventory-table .ant-table-tbody>tr>td{white-space:nowrap;overflow:visible;padding:12px 8px}.optimized-inventory-table .ant-table-thead>tr>th{padding:12px 8px;white-space:nowrap}.ant-tag{margin:0;display:inline-flex;align-items:center;max-width:100px;overflow:hidden;text-overflow:ellipsis}.safety-stock-info{font-size:12px;line-height:1.3}.safety-stock-info div{margin-bottom:2px;color:#666}.ant-tooltip-inner{max-width:300px;word-wrap:break-word}.ant-table-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.ant-table-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.ant-table-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.material-flow-kanban{padding:24px;background:#f5f5f5;min-height:100vh}.kanban-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.kanban-title h2{margin:0 0 8px;color:#1890ff;font-size:24px;font-weight:600}.kanban-title p{margin:0;color:#666;font-size:14px}.kanban-controls .ant-space{align-items:center}.overview-stats{margin-bottom:24px}.stat-card{text-align:center;border-radius:12px;transition:all .3s ease;border:none;box-shadow:0 4px 12px #00000014;height:120px;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#fafafa)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:all .3s ease}.stat-card.in:before{background:linear-gradient(90deg,#52c41a,#73d13d)}.stat-card.out:before{background:linear-gradient(90deg,#ff4d4f,#ff7875)}.stat-card.value:before{background:linear-gradient(90deg,#1890ff,#40a9ff)}.stat-card.active:before{background:linear-gradient(90deg,#faad14,#ffc53d)}.stat-card.pending:before{background:linear-gradient(90deg,#722ed1,#9254de)}.stat-card.exception:before{background:linear-gradient(90deg,#f5222d,#ff4d4f)}.stat-card .ant-card-body{padding:20px 16px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.kanban-content{margin-bottom:24px}.kanban-content .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;border:none}.kanban-content .ant-card-head{border-bottom:1px solid #f0f0f0;padding:16px 24px}.kanban-content .ant-card-head-title{font-size:16px;font-weight:600}.realtime-operations{height:400px}.realtime-operations .ant-card-body{height:calc(100% - 57px);overflow-y:auto}.realtime-operations .ant-table-tbody>tr:hover>td{background:#e6f7ff!important}.realtime-operations .ant-table-thead>tr>th{background:#fafafa;font-weight:600;border-bottom:2px solid #f0f0f0}.material-info-horizontal{width:100%;overflow:hidden;cursor:pointer}.material-primary{display:flex;align-items:baseline;gap:8px;line-height:1.3;flex-wrap:nowrap}.material-info-horizontal .material-name{font-weight:600;color:#262626;font-size:13px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-info-horizontal .material-code{font-size:11px;color:#1890ff;font-weight:500;flex-shrink:0;background:#1890ff1a;padding:1px 4px;border-radius:3px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1400px){.material-primary{gap:6px}.material-info-horizontal .material-name{font-size:12px;max-width:120px}.material-info-horizontal .material-code{font-size:10px;max-width:70px;padding:1px 3px}}@media(max-width:768px){.material-primary{flex-direction:column;align-items:flex-start;gap:3px}.material-info-horizontal .material-name{max-width:100%;font-size:12px}.material-info-horizontal .material-code{font-size:10px;max-width:100%;align-self:flex-start}}.recent-movements{height:400px}.recent-movements .ant-card-body{height:calc(100% - 57px);overflow-y:auto}.movement-item{margin-bottom:8px}.movement-time{font-size:12px;color:#666;font-weight:500}.movement-info{display:flex;align-items:center;gap:8px;margin:4px 0}.movement-type{padding:2px 6px;border-radius:4px;font-size:12px;font-weight:500;color:#fff}.movement-info .movement-type:first-child{background:#52c41a}.movement-info .movement-type:last-child{background:#ff4d4f}.movement-material{font-size:13px;font-weight:500;color:#262626}.movement-details{display:flex;justify-content:space-between;align-items:center;font-size:12px}.movement-qty{font-weight:600;color:#1890ff}.movement-operator{color:#666}.analysis-content{margin-bottom:24px}.analysis-content .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;border:none}.top-materials .ant-table-thead>tr>th{background:#fafafa;font-weight:600}.top-materials .ant-table-tbody>tr:hover>td{background:#f0f9ff!important}.location-stats .ant-table-thead>tr>th{background:#fafafa;font-weight:600}.location-stats .ant-table-tbody>tr:hover>td{background:#f6ffed!important}.ant-progress-line{margin:0}.ant-progress-text{font-size:12px!important;font-weight:500}.ant-tag{border-radius:4px;font-size:12px;font-weight:500;margin:0;padding:2px 8px;display:inline-flex;align-items:center;gap:4px}.stat-card .ant-statistic{width:100%}.stat-card .ant-statistic-title{font-size:13px;font-weight:500;color:#666;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.stat-card .ant-statistic-content{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap;min-width:0;width:100%}.stat-card .ant-statistic-content-value{font-weight:700;font-size:28px;line-height:1.1;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex:1;min-width:0}.stat-card .ant-statistic-content-value[title*="00000"],.stat-card .ant-statistic-content-value[title*="0000000"]{font-size:22px}.stat-card .ant-statistic-content-value[title*="00000000"]{font-size:18px}.stat-card .ant-statistic-content-prefix{font-size:20px;margin-right:6px;display:flex;align-items:center;flex-shrink:0}.stat-card .ant-statistic-content-suffix{font-size:14px;font-weight:500;margin-left:4px;opacity:.8;white-space:nowrap;flex-shrink:0}@media(max-width:1200px){.kanban-header{flex-direction:column;gap:16px;align-items:flex-start}.overview-stats .ant-col{span:8}.stat-card{height:110px}.stat-card .ant-statistic-content-value{font-size:24px}.stat-card .ant-statistic-content-prefix{font-size:18px}}@media(max-width:768px){.material-flow-kanban,.kanban-header{padding:16px}.kanban-controls .ant-space{flex-direction:column;align-items:stretch;width:100%}.kanban-controls .ant-space>*{width:100%}.overview-stats .ant-col{span:12}.stat-card{height:100px;margin-bottom:12px}.stat-card .ant-card-body{padding:16px 12px}.stat-card .ant-statistic-title{font-size:12px;margin-bottom:8px}.stat-card .ant-statistic-content-value{font-size:22px}.stat-card .ant-statistic-content-prefix{font-size:16px}.stat-card .ant-statistic-content-suffix{font-size:12px}.kanban-content .ant-col,.analysis-content .ant-col{span:24;margin-bottom:16px}}@media(max-width:480px){.overview-stats .ant-col{span:24}.stat-card{height:90px;margin-bottom:8px}.stat-card .ant-statistic-content-value{font-size:20px}}.ant-spin-nested-loading .ant-spin-container{transition:opacity .3s ease}.ant-table-body::-webkit-scrollbar{width:6px;height:6px}.ant-table-body::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.ant-table-body::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.ant-timeline-item-content{margin-left:8px;margin-bottom:12px}.ant-timeline-item:last-child .ant-timeline-item-tail{display:none}.ant-card-head-title{display:flex;align-items:center;gap:8px}.kanban-controls .ant-btn{display:flex;align-items:center;gap:4px}.ant-table-small .ant-table-tbody>tr>td{padding:8px 12px}.ant-table-small .ant-table-thead>tr>th{padding:12px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid;border-radius:4px;font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap;transition:all .2s ease-in-out;cursor:default}.status-badge--small{padding:1px 6px;font-size:11px;border-radius:3px}.status-badge--medium{padding:2px 8px;font-size:12px;border-radius:4px}.status-badge--large{padding:4px 12px;font-size:14px;border-radius:6px}.status-badge--clickable{cursor:pointer}.status-badge--clickable:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.status-badge--clickable:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.status-badge--pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 currentColor;opacity:1}70%{box-shadow:0 0 0 4px transparent;opacity:.8}to{box-shadow:0 0 0 0 transparent;opacity:1}}.status-badge__icon{font-size:1em;line-height:1}.status-badge__text{font-weight:inherit}.status-badge--pending{color:#faad14;background-color:#fff7e6;border-color:#ffd666}.status-badge--processing{color:#1890ff;background-color:#e6f7ff;border-color:#91d5ff}.status-badge--completed{color:#52c41a;background-color:#f6ffed;border-color:#b7eb8f}.status-badge--cancelled,.status-badge--draft{color:#8c8c8c;background-color:#f5f5f5;border-color:#d9d9d9}.status-badge--reviewing{color:#722ed1;background-color:#f9f0ff;border-color:#d3adf7}.status-badge--approved{color:#52c41a;background-color:#f6ffed;border-color:#b7eb8f}.status-badge--rejected{color:#ff4d4f;background-color:#fff2f0;border-color:#ffccc7}.status-badge--testing{color:#1890ff;background-color:#e6f7ff;border-color:#91d5ff}.status-badge--passed{color:#52c41a;background-color:#f6ffed;border-color:#b7eb8f}.status-badge--failed{color:#ff4d4f;background-color:#fff2f0;border-color:#ffccc7}.status-badge--normal{color:#52c41a;background-color:#f6ffed;border-color:#b7eb8f}.status-badge--low{color:#faad14;background-color:#fff7e6;border-color:#ffd666}.status-badge--empty{color:#ff4d4f;background-color:#fff2f0;border-color:#ffccc7}.status-badge--archived,.status-badge--unknown{color:#8c8c8c;background-color:#f5f5f5;border-color:#d9d9d9}.status-badge--clickable:hover{filter:brightness(1.05)}.status-badge:focus{outline:2px solid #1890ff;outline-offset:2px}@media(max-width:768px){.status-badge--large{padding:3px 10px;font-size:13px}.status-badge--medium{padding:2px 7px;font-size:11px}.status-badge--small{padding:1px 5px;font-size:10px}}@media print{.status-badge{background-color:transparent!important;border:1px solid #000!important;color:#000!important}.status-badge__icon{display:none}}.priority-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid;border-radius:4px;font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap;transition:all .2s ease-in-out;cursor:default;text-transform:uppercase}.priority-badge--small{padding:1px 6px;font-size:10px;border-radius:3px}.priority-badge--medium{padding:2px 8px;font-size:12px;border-radius:4px}.priority-badge--large{padding:4px 12px;font-size:14px;border-radius:6px;font-weight:700}.priority-badge--clickable{cursor:pointer}.priority-badge--clickable:hover{transform:translateY(-1px);box-shadow:0 3px 6px #00000026}.priority-badge--clickable:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.priority-badge--glow{animation:glow 2s ease-in-out infinite alternate;box-shadow:0 0 8px #a8071a80}@keyframes glow{0%{box-shadow:0 0 5px #a8071a4d}to{box-shadow:0 0 12px #a8071ab3}}.priority-badge__icon{font-size:1em;line-height:1}.priority-badge__text{font-weight:inherit}.priority-badge__level{font-size:.9em;font-weight:700;margin-left:2px;opacity:.8}.priority-badge--critical{color:#a8071a;background-color:#fff1f0;border-color:#ffa39e;font-weight:700}.priority-badge--high{color:#cf1322;background-color:#fff2f0;border-color:#ffccc7}.priority-badge--medium{color:#d46b08;background-color:#fff7e6;border-color:#ffd666}.priority-badge--normal{color:#389e0d;background-color:#f6ffed;border-color:#b7eb8f}.priority-badge--low{color:#1890ff;background-color:#e6f7ff;border-color:#91d5ff}.priority-badge--unknown{color:#8c8c8c;background-color:#f5f5f5;border-color:#d9d9d9}.priority-badge--clickable:hover{filter:brightness(1.1)}.priority-badge--critical.priority-badge--clickable:hover{box-shadow:0 4px 8px #a8071a4d}.priority-badge--high.priority-badge--clickable:hover{box-shadow:0 3px 6px #cf132240}.priority-badge:focus{outline:2px solid #1890ff;outline-offset:2px}.priority-badge--critical.priority-badge--glow{animation:criticalGlow 1.5s ease-in-out infinite alternate}@keyframes criticalGlow{0%{box-shadow:0 0 5px #a8071a66;transform:scale(1)}50%{box-shadow:0 0 15px #a8071acc;transform:scale(1.02)}to{box-shadow:0 0 10px #a8071a99;transform:scale(1)}}.priority-badge--critical:before,.priority-badge--high:before{content:"";position:absolute;top:-2px;right:-2px;width:6px;height:6px;background-color:currentColor;border-radius:50%;opacity:.7}.priority-badge{position:relative}@media(max-width:768px){.priority-badge--large{padding:3px 10px;font-size:13px}.priority-badge--medium{padding:2px 7px;font-size:11px}.priority-badge--small{padding:1px 5px;font-size:10px}.priority-badge__level{font-size:.8em}}@media print{.priority-badge{background-color:transparent!important;border:1px solid #000!important;color:#000!important;animation:none!important;box-shadow:none!important}.priority-badge__icon{display:none}.priority-badge:before{display:none}}.priority-badge-group{display:flex;gap:4px;align-items:center}.priority-badge-group .priority-badge{margin:0}.priority-badge--sortable{cursor:pointer;transition:all .2s ease}.priority-badge--sortable:hover{background-color:#0000000d;transform:translateY(-1px)}.priority-badge--critical .priority-badge__level{background-color:#a8071a;color:#fff;padding:1px 4px;border-radius:2px;font-size:.8em;margin-left:4px}.action-buttons{display:flex;align-items:center;gap:6px}.action-buttons--horizontal{flex-direction:row}.action-buttons--vertical{flex-direction:column;align-items:stretch}.action-buttons--dropdown{position:relative}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px;border:1px solid #d9d9d9;border-radius:6px;background-color:#fff;font-size:14px;font-weight:400;line-height:1.5;color:#595959;cursor:pointer;transition:all .2s ease-in-out;white-space:nowrap;min-width:0;box-shadow:0 2px #00000005;vertical-align:middle;overflow:visible}.action-btn--small{padding:4px 8px;font-size:12px;border-radius:4px}.action-btn--medium{padding:6px 12px;font-size:14px;border-radius:6px}.action-btn--large{padding:8px 16px;font-size:16px;border-radius:8px}.action-btn:hover{border-color:#40a9ff;color:#40a9ff;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.action-btn:active{transform:translateY(0);box-shadow:0 2px #00000005}.action-btn:focus{outline:2px solid rgba(24,144,255,.2);outline-offset:1px}.action-btn--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.action-btn__icon{font-size:1em;line-height:1}.action-btn__text{font-weight:inherit}.action-btn--view,.action-btn--submit{color:#1890ff;border-color:#91d5ff;background-color:#f0f8ff}.action-btn--view:hover,.action-btn--submit:hover{background-color:#e6f7ff;border-color:#40a9ff;color:#096dd9}.action-btn--edit,.action-btn--approve{color:#52c41a;border-color:#b7eb8f;background-color:#f6ffed}.action-btn--edit:hover,.action-btn--approve:hover{background-color:#f0f9ec;border-color:#73d13d;color:#389e0d}.action-btn--delete,.action-btn--reject{color:#ff4d4f;border-color:#ffadd2;background-color:#fff2f0}.action-btn--delete:hover,.action-btn--reject:hover{background-color:#fff1f0;border-color:#ff7875;color:#cf1322}.action-btn--copy{color:#722ed1;border-color:#d3adf7;background-color:#f9f0ff}.action-btn--copy:hover{background-color:#f7f0ff;border-color:#b37feb;color:#531dab}.action-btn--download{color:#13c2c2;border-color:#87e8de;background-color:#e6fffb}.action-btn--download:hover{background-color:#e0f7f7;border-color:#5cdbd3;color:#08979c}.action-btn--retry{color:#faad14;border-color:#ffe58f;background-color:#fffbe6}.action-btn--retry:hover{background-color:#fff9e6;border-color:#ffd666;color:#d48806}.action-btn--cancel,.action-btn--more{color:#8c8c8c;border-color:#d9d9d9;background-color:#fafafa}.action-btn--cancel:hover,.action-btn--more:hover{background-color:#f5f5f5;border-color:#b3b3b3;color:#595959}.action-btn[data-type=primary]{color:#fff;background-color:#1890ff;border-color:#1890ff}.action-btn[data-type=primary]:hover{background-color:#40a9ff;border-color:#40a9ff}.action-btn[data-type=success]{color:#fff;background-color:#52c41a;border-color:#52c41a}.action-btn[data-type=success]:hover{background-color:#73d13d;border-color:#73d13d}.action-btn[data-type=warning]{color:#fff;background-color:#faad14;border-color:#faad14}.action-btn[data-type=warning]:hover{background-color:#ffc53d;border-color:#ffc53d}.action-btn[data-type=danger]{color:#fff;background-color:#ff4d4f;border-color:#ff4d4f}.action-btn[data-type=danger]:hover{background-color:#ff7875;border-color:#ff7875}.action-btn[data-type=info]{color:#fff;background-color:#1890ff;border-color:#1890ff}.action-btn[data-type=info]:hover{background-color:#40a9ff;border-color:#40a9ff}.action-btn[data-type=secondary]{color:#595959;background-color:#fff;border-color:#d9d9d9}.action-btn[data-type=secondary]:hover{color:#40a9ff;background-color:#f0f8ff;border-color:#40a9ff}.action-buttons__dropdown{position:relative;display:inline-block}.action-dropdown{position:absolute;top:100%;right:0;min-width:120px;background-color:#fff;border:1px solid #d9d9d9;border-radius:6px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;z-index:1050;margin-top:4px;padding:4px 0;overflow:hidden}.action-dropdown:before{content:"";position:absolute;top:-4px;right:8px;width:8px;height:8px;background-color:#fff;border:1px solid #d9d9d9;border-bottom:none;border-right:none;transform:rotate(45deg)}.action-dropdown__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background-color:transparent;font-size:14px;line-height:1.4;color:#262626;cursor:pointer;transition:background-color .2s ease;text-align:left}.action-dropdown__item:hover{background-color:#f5f5f5}.action-dropdown__item:active{background-color:#e6f7ff}.action-dropdown__item--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.action-dropdown__icon{font-size:16px;line-height:1;flex-shrink:0}.action-dropdown__text{font-weight:400}.action-buttons--vertical .action-btn{width:100%;justify-content:flex-start}.action-buttons--vertical,.action-buttons--small{gap:2px}.action-buttons--medium{gap:4px}.action-buttons--large{gap:6px}@media(max-width:768px){.action-btn{padding:6px 8px;font-size:14px}.action-btn--small{padding:4px 6px;font-size:12px}.action-btn--large{padding:8px 12px;font-size:16px}.action-dropdown{min-width:140px}.action-dropdown__item{padding:12px 16px;font-size:16px}}.action-buttons--compact .action-btn__text{display:none}.action-buttons--compact .action-btn{padding:4px;min-width:28px;min-height:28px}.action-buttons--compact.action-buttons--small .action-btn{min-width:24px;min-height:24px;padding:2px}.action-buttons--compact.action-buttons--large .action-btn{min-width:32px;min-height:32px;padding:6px}@media print{.action-buttons{display:none}}.action-btn[aria-pressed=true]{background-color:#1890ff1a;border-color:#1890ff}.action-btn--loading{opacity:.7;pointer-events:none}.action-btn--loading .action-btn__icon{animation:spin 1s linear infinite}.search-bar{position:relative;display:flex;align-items:center;gap:8px;width:100%;max-width:500px;overflow:visible}.search-bar__input-wrapper{position:relative;display:flex;align-items:center;flex:1;background-color:#fff;border:1px solid #d9d9d9;border-radius:6px;transition:all .2s ease}.search-bar__input-wrapper:focus-within{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.search-bar__search-icon{display:flex;align-items:center;justify-content:center;padding:0 12px;color:#8c8c8c;font-size:16px;line-height:1;pointer-events:none}.search-bar__input{flex:1;padding:8px 12px 8px 0;border:none;outline:none;background:transparent;font-size:14px;line-height:1.5;color:#262626}.search-bar__input::placeholder{color:#bfbfbf}.search-bar__loading{display:flex;align-items:center;justify-content:center;padding:0 8px;font-size:14px;animation:rotate 1s linear infinite}.search-bar__clear-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:8px;border:none;background:transparent;color:#8c8c8c;font-size:12px;cursor:pointer;transition:color .2s ease;border-radius:50%}.search-bar__clear-btn:hover{color:#ff4d4f;background-color:#ff4d4f1a}.search-bar__search-btn{display:flex;align-items:center;justify-content:center;padding:8px 16px;border:1px solid #1890ff;border-radius:6px;background-color:#1890ff;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.search-bar__search-btn:hover{background-color:#40a9ff;border-color:#40a9ff}.search-bar__search-btn:active{background-color:#096dd9;border-color:#096dd9}.search-bar__search-btn:disabled{opacity:.6;cursor:not-allowed}.search-bar--small .search-bar__input-wrapper{border-radius:4px}.search-bar--small .search-bar__search-icon{padding:0 8px;font-size:14px}.search-bar--small .search-bar__input{padding:6px 8px 6px 0;font-size:12px}.search-bar--small .search-bar__search-btn{padding:6px 12px;font-size:12px;border-radius:4px}.search-bar--large .search-bar__input-wrapper{border-radius:8px}.search-bar--large .search-bar__search-icon{padding:0 16px;font-size:18px}.search-bar--large .search-bar__input{padding:12px 16px 12px 0;font-size:16px}.search-bar--large .search-bar__search-btn{padding:12px 20px;font-size:16px;border-radius:8px}.search-bar--loading .search-bar__input-wrapper{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.search-suggestions{position:absolute;top:100%;left:0;right:auto;min-width:100%;width:max-content;z-index:9999;background-color:#fff;border:1px solid #d9d9d9;border-radius:6px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;margin-top:4px;max-height:300px;overflow-y:auto}.search-suggestions__group{padding:4px 0}.search-suggestions__group:not(:last-child){border-bottom:1px solid #f0f0f0}.search-suggestions__title{padding:8px 12px 4px;font-size:12px;font-weight:500;color:#8c8c8c;text-transform:uppercase}.search-suggestions__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;font-size:14px;color:#262626;cursor:pointer;transition:background-color .2s ease;text-align:left}.search-suggestions__item:hover{background-color:#f5f5f5}.search-suggestions__item:active{background-color:#e6f7ff}.search-suggestions__icon{font-size:14px;line-height:1;flex-shrink:0}@media(max-width:768px){.search-bar{max-width:none}.search-bar__search-btn{display:none}.search-bar__input-wrapper{border-radius:8px}.search-bar__search-icon{padding:0 12px}.search-bar__input{padding:12px 12px 12px 0;font-size:16px}.search-suggestions{border-radius:8px}.search-suggestions__item{padding:12px 16px;font-size:16px}}@media print{.search-bar{display:none}}.search-bar__input:focus{outline:none}.search-suggestions__item:focus{outline:2px solid #1890ff;outline-offset:-1px}@media(prefers-contrast:high){.search-bar__input-wrapper{border-width:2px}.search-bar__input-wrapper:focus-within{border-color:#000}.search-suggestions{border-width:2px}}.data-table-container{width:100%;background-color:#fff;border-radius:6px;overflow:hidden}.data-table-wrapper{position:relative;overflow-x:auto;border:1px solid #d9d9d9;border-radius:6px}.data-table{width:100%;border-collapse:collapse;border-spacing:0;font-size:14px;line-height:1.5;color:#262626;background-color:#fff}.data-table--small{font-size:12px}.data-table--small .data-table__header-cell,.data-table--small .data-table__cell{padding:8px 12px}.data-table--medium .data-table__header-cell,.data-table--medium .data-table__cell{padding:12px 16px}.data-table--large{font-size:16px}.data-table--large .data-table__header-cell,.data-table--large .data-table__cell{padding:16px 20px}.data-table--bordered .data-table__header-cell,.data-table--bordered .data-table__cell{border-right:1px solid #f0f0f0}.data-table--bordered .data-table__header-cell:last-child,.data-table--bordered .data-table__cell:last-child{border-right:none}.data-table--striped .data-table__row:nth-child(2n){background-color:#fafafa}.data-table--hoverable .data-table__row:hover{background-color:#e6f7ff}.data-table thead{background-color:#fafafa}.data-table__header-cell{padding:12px 16px;font-weight:600;text-align:left;background-color:#fafafa;border-bottom:1px solid #f0f0f0;position:relative;white-space:nowrap}.data-table__header-cell--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table__header-cell--sortable:hover{background-color:#f0f0f0}.data-table__header-content{display:flex;align-items:center;gap:4px}.data-table__sort-icon{font-size:12px;opacity:.6}.data-table__cell{padding:12px 16px;border-bottom:1px solid #f0f0f0;vertical-align:middle;word-break:break-word}.data-table__cell--left{text-align:left}.data-table__cell--center{text-align:center}.data-table__cell--right{text-align:right}.data-table__row{transition:background-color .2s ease}.data-table__row--selected{background-color:#e6f7ff!important}.data-table__row--clickable{cursor:pointer}.data-table__select-col{width:50px;text-align:center;padding:12px 16px}.data-table__checkbox{width:16px;height:16px;cursor:pointer}.data-table__empty-cell{padding:40px 20px;text-align:center;border-bottom:none}.data-table__empty{display:flex;flex-direction:column;align-items:center;gap:8px;color:#8c8c8c}.data-table__empty-icon{font-size:32px;opacity:.6}.data-table__empty-text{font-size:14px}.data-table--loading{position:relative}.data-table__loading-mask{position:absolute;inset:0;background-color:#fffc;display:flex;align-items:center;justify-content:center;z-index:1000}.data-table__loading-content{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background-color:#fff;border-radius:6px;box-shadow:0 2px 8px #0000001a}.data-table__loading-icon{font-size:24px;animation:rotate 1s linear infinite}.data-table__loading-text{font-size:14px;color:#8c8c8c}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.data-table__pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid #f0f0f0;background-color:#fafafa}.data-table__pagination-info{font-size:14px;color:#8c8c8c}.data-table__pagination-controls{display:flex;align-items:center;gap:8px}.data-table__pagination-btn{padding:6px 12px;border:1px solid #d9d9d9;border-radius:4px;background-color:#fff;color:#262626;font-size:14px;cursor:pointer;transition:all .2s ease}.data-table__pagination-btn:hover:not(:disabled){border-color:#1890ff;color:#1890ff}.data-table__pagination-btn:disabled{opacity:.5;cursor:not-allowed}.data-table__pagination-current{padding:0 12px;font-size:14px;color:#262626;font-weight:500}@media(max-width:768px){.data-table-wrapper{border-radius:0;border-left:none;border-right:none}.data-table__header-cell,.data-table__cell{padding:8px 12px;font-size:12px}.data-table__select-col{width:40px;padding:8px}.data-table__checkbox{width:14px;height:14px}.data-table__pagination{flex-direction:column;gap:12px;padding:12px 16px}.data-table__pagination-info{font-size:12px}.data-table__pagination-btn{padding:8px 16px;font-size:14px}}@media print{.data-table__select-col,.data-table__pagination{display:none}.data-table{background-color:transparent!important}.data-table__header-cell,.data-table__cell{border:1px solid #000000!important;background-color:transparent!important;color:#000!important}.data-table__row--selected{background-color:transparent!important}}.data-table__header-cell:focus,.data-table__cell:focus{outline:2px solid #1890ff;outline-offset:-1px}.data-table__checkbox:focus{outline:2px solid #1890ff;outline-offset:1px}.data-table__header-cell--fixed,.data-table__cell--fixed{position:sticky;z-index:100;background-color:inherit}.data-table__header-cell--fixed-left,.data-table__cell--fixed-left{left:0}.data-table__header-cell--fixed-right,.data-table__cell--fixed-right{right:0}.data-table__resize-handle{position:absolute;top:0;right:0;width:4px;height:100%;cursor:col-resize;background-color:transparent}.data-table__resize-handle:hover{background-color:#1890ff}.filter{--filter-border-color: #e1e5e9;--filter-bg-color: #ffffff;--filter-text-color: #2c3e50;--filter-input-bg: #ffffff;--filter-input-border: #d1d5db;--filter-input-focus: #3b82f6;--filter-button-primary: #3b82f6;--filter-button-secondary: #6b7280;--filter-shadow: 0 1px 3px rgba(0, 0, 0, .1);--filter-radius: 6px;--filter-spacing: 16px}.filter{background:var(--filter-bg-color);border:1px solid var(--filter-border-color);border-radius:var(--filter-radius);padding:var(--filter-spacing);box-shadow:var(--filter-shadow)}.filter--horizontal .filter-content{display:flex;gap:var(--filter-spacing);align-items:flex-end;flex-wrap:wrap}.filter--vertical .filter-content{display:flex;flex-direction:column;gap:var(--filter-spacing)}.filter--grid .filter-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;align-items:end}.filter-field{display:flex;flex-direction:column;gap:6px;min-width:0}.filter--horizontal .filter-field{flex:1 1 auto;min-width:180px;max-width:300px}.filter--vertical .filter-field{width:100%}.filter--grid .filter-field{min-width:220px}.filter--grid .filter-date-range{grid-column:span 1;min-width:260px}.filter-label{font-size:14px;font-weight:500;color:var(--filter-text-color);margin-bottom:4px;display:block;white-space:nowrap}.filter-label--required:after{content:"*";color:#ef4444;margin-left:2px}.filter-input-wrapper{position:relative;width:100%}.filter-input{width:100%;border:1px solid var(--filter-input-border);border-radius:var(--filter-radius);background:var(--filter-input-bg);color:var(--filter-text-color);font-size:14px;transition:all .2s ease;outline:none;padding:8px 12px}.filter-input:focus{border-color:var(--filter-input-focus);box-shadow:0 0 0 3px #3b82f61a}.filter-input::placeholder{color:#9ca3af}.filter-select{width:100%;min-width:150px;border:1px solid var(--filter-input-border);border-radius:var(--filter-radius);background:var(--filter-input-bg);color:var(--filter-text-color);font-size:14px;cursor:pointer;transition:all .2s ease;outline:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}.filter-select:focus{border-color:var(--filter-input-focus);box-shadow:0 0 0 3px #3b82f61a}.filter-multi-select{position:relative;width:100%}.filter-multi-select__toggle{width:100%;border:1px solid var(--filter-input-border);border-radius:var(--filter-radius);background:var(--filter-input-bg);color:var(--filter-text-color);font-size:14px;text-align:left;cursor:pointer;transition:all .2s ease;outline:none;display:flex;justify-content:space-between;align-items:center}.filter-multi-select__toggle:focus{border-color:var(--filter-input-focus);box-shadow:0 0 0 3px #3b82f61a}.filter-multi-select__arrow{transition:transform .2s ease;font-size:12px;color:#6b7280}.filter-multi-select__arrow.expanded{transform:rotate(180deg)}.filter-multi-select__dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background:#fff;border:1px solid var(--filter-input-border);border-radius:var(--filter-radius);box-shadow:0 4px 6px #0000001a;max-height:200px;overflow-y:auto;margin-top:2px}.filter-multi-select__option{padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .2s ease;font-size:14px}.filter-multi-select__option:hover{background-color:#f3f4f6}.filter-multi-select__option input[type=checkbox]{margin:0}.filter-date-range{display:flex;align-items:center;gap:8px;width:100%}.filter-date-input{flex:1;border:1px solid var(--filter-input-border);border-radius:var(--filter-radius);background:var(--filter-input-bg);color:var(--filter-text-color);font-size:14px;transition:all .2s ease;outline:none;padding:8px 12px;min-width:0}.filter-date-input:focus{border-color:var(--filter-input-focus);box-shadow:0 0 0 3px #3b82f61a}.filter-date-separator{color:#6b7280;font-size:14px;white-space:nowrap;flex-shrink:0}.filter-number-range{display:flex;align-items:center;gap:8px;width:100%}.filter-number-input{flex:1;border:1px solid var(--filter-input-border);border-radius:var(--filter-radius);background:var(--filter-input-bg);color:var(--filter-text-color);font-size:14px;transition:all .2s ease;outline:none;padding:8px 12px;min-width:0}.filter-number-input:focus{border-color:var(--filter-input-focus);box-shadow:0 0 0 3px #3b82f61a}.filter-number-separator{color:#6b7280;font-size:14px;white-space:nowrap;flex-shrink:0}.filter-input--small,.filter-select--small,.filter-multi-select__toggle--small,.filter-date--small,.filter-number--small{padding:6px 8px;font-size:12px}.filter-input--medium,.filter-select--medium,.filter-multi-select__toggle--medium,.filter-date--medium,.filter-number--medium{padding:8px 12px;font-size:14px}.filter-select{padding:8px 36px 8px 12px;min-height:38px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.filter-select option{padding:4px 8px;white-space:normal}.filter-input--large,.filter-select--large,.filter-multi-select__toggle--large,.filter-date--large,.filter-number--large{padding:10px 16px;font-size:16px}.filter-actions{display:flex;gap:12px;margin-top:var(--filter-spacing);padding-top:var(--filter-spacing);border-top:1px solid var(--filter-border-color);justify-content:flex-end}.filter-btn{border:1px solid;border-radius:var(--filter-radius);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none;white-space:nowrap;padding:8px 16px;min-width:80px}.filter-btn:disabled{opacity:.5;cursor:not-allowed}.filter-btn--secondary{background:#fff;color:var(--filter-button-secondary);border-color:#d1d5db}.filter-btn--secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.filter-btn--primary{background:var(--filter-button-primary);color:#fff;border-color:var(--filter-button-primary)}.filter-btn--primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.filter-action--small{padding:4px 8px;font-size:12px}.filter-action--medium{padding:6px 12px;font-size:14px}.filter-action--large{padding:8px 16px;font-size:16px}@media(max-width:768px){.filter--horizontal .filter-content{flex-direction:column;align-items:stretch}.filter--grid .filter-content{grid-template-columns:1fr}.filter-item--horizontal{min-width:auto}.filter-date-range,.filter-number-range{flex-direction:column;gap:4px}.filter-date-separator,.filter-number-separator{display:none}.filter-actions{flex-direction:row;justify-content:center}.filter-btn{flex:1;text-align:center}}@media(max-width:480px){.filter{padding:12px;--filter-spacing: 12px}.filter-multi-select__dropdown{max-height:150px}}@media print{.filter{box-shadow:none;border:1px solid #000}.filter-actions{display:none}}.stats-card{background:var(--color-bg-container)!important;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--motion-duration-normal) var(--motion-easing);position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;color:var(--color-text)!important;min-height:120px}.stats-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.stats-card:not(.active){opacity:.85;transition:all var(--motion-duration-normal) var(--motion-easing)}.stats-card:not(.active):hover{opacity:1}.stats-card.active,.stats-card--active{border-color:var(--color-primary);background:var(--color-primary-bg)!important;box-shadow:0 4px 16px #722ed140;transform:translateY(-2px);animation:activePulse .3s ease-out}@keyframes activePulse{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.02)}to{transform:translateY(-2px) scale(1)}}.stats-card.active:before,.stats-card--active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-primary)}.stats-card.active .stats-icon,.stats-card--active .stats-icon{background:var(--color-primary)!important;color:#fff!important;transform:scale(1.1)}.stats-card.active .stats-number,.stats-card--active .stats-number{color:var(--color-primary)!important}.stats-card.active .stats-label,.stats-card--active .stats-label{color:var(--color-primary-dark)!important;font-weight:var(--font-weight-semibold)}.stats-card .stats-icon,.stats-card__icon{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:24px;background:#f3f4f6;color:#6b7280;transition:all var(--motion-duration-normal) var(--motion-easing)}.stats-card:hover .stats-icon,.stats-card:hover .stats-card__icon{transform:scale(1.05);background:var(--color-primary-bg);color:var(--color-primary)}.stats-card .stats-info,.stats-card__content,.stats-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.stats-card .stats-number,.stats-card__number{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:#1f2937!important;line-height:var(--line-height-tight);margin:0}.stats-card .stats-label,.stats-card__title{font-size:var(--font-size-sm);color:#374151!important;font-weight:var(--font-weight-medium);margin:0;line-height:var(--line-height-normal)}.stats-card .stats-description{font-size:var(--font-size-xs);color:#6b7280!important;line-height:var(--line-height-relaxed);margin:0}.stats-card.primary,.stats-card--primary{--icon-bg: var(--color-primary-bg);--icon-color: var(--color-primary)}.stats-card.success,.stats-card--success{--icon-bg: var(--color-success-bg);--icon-color: var(--color-success)}.stats-card.warning,.stats-card--warning{--icon-bg: var(--color-warning-bg);--icon-color: var(--color-warning)}.stats-card.error,.stats-card.danger,.stats-card--error,.stats-card--danger{--icon-bg: var(--color-error-bg);--icon-color: var(--color-error)}.stats-card.info,.stats-card--info{--icon-bg: var(--color-info-bg);--icon-color: var(--color-info)}.stats-card[class*=primary] .stats-icon,.stats-card[class*=success] .stats-icon,.stats-card[class*=warning] .stats-icon,.stats-card[class*=error] .stats-icon,.stats-card[class*=danger] .stats-icon,.stats-card[class*=info] .stats-icon{background:var(--icon-bg);color:var(--icon-color)}.stats-grid,.statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stats-item{background:var(--color-bg-container)!important;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:all var(--motion-duration-normal) var(--motion-easing);min-width:0;flex:1;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;cursor:pointer;color:var(--color-text)!important}.stats-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-border-secondary);transition:all var(--motion-duration-normal) var(--motion-easing)}.stats-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-light)}.stats-item:hover:before{background:var(--color-primary)}.stats-item--active{border-color:var(--color-primary);background:var(--color-primary-bg)!important;box-shadow:0 4px 12px #722ed126}.stats-item--active:before{background:var(--color-primary)}.stats-item__icon{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0;background:#f3f4f6;color:#6b7280;transition:all var(--motion-duration-normal) var(--motion-easing)}.stats-item:hover .stats-item__icon{transform:scale(1.05);background:var(--color-primary-bg);color:var(--color-primary)}.stats-item__content{flex:1;min-width:0}.stats-item__value{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:#1f2937!important;line-height:var(--line-height-tight);margin-bottom:var(--spacing-xs);text-align:left}.stats-item__label{font-size:var(--font-size-sm);color:#374151!important;font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);text-align:left}@media(max-width:768px){.stats-grid,.statistics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.stats-card,.stats-item{padding:var(--spacing-md);gap:var(--spacing-sm);min-height:100px}.stats-card .stats-icon,.stats-card__icon,.stats-item__icon{width:40px;height:40px;font-size:20px}.stats-card .stats-number,.stats-card__number,.stats-item__value{font-size:var(--font-size-lg)}}@media(max-width:480px){.stats-grid,.statistics-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.stats-card,.stats-item{padding:var(--spacing-sm);min-height:80px}.stats-card .stats-icon,.stats-card__icon,.stats-item__icon{width:36px;height:36px;font-size:18px}.stats-card .stats-number,.stats-card__number,.stats-item__value{font-size:var(--font-size-md)}}.stats-card.loading,.stats-item.loading{pointer-events:none;opacity:.7}.stats-card.loading .stats-number,.stats-card.loading .stats-label,.stats-item.loading .stats-item__value,.stats-item.loading .stats-item__label{background:var(--color-fill-secondary);color:transparent;border-radius:var(--radius-sm);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stats-card *,.stats-item *{background:inherit;color:inherit}.stats-card,.stats-item,[class*=stats-card],[class*=stats-item]{background-color:var(--color-bg-container)!important}.inventory .stats-card,.inventory .stats-item{background:var(--color-bg-container)!important;border:1px solid var(--color-border)!important}.inventory .stats-card:before,.inventory .stats-item:before{background:var(--color-border-secondary)!important}.inventory .stats-card:hover:before,.inventory .stats-item:hover:before{background:var(--color-primary)!important}.inventory .stats-icon,.inventory .stats-item__icon{background:var(--color-fill-secondary)!important;color:var(--color-text-secondary)!important}.inventory .stats-card:hover .stats-icon,.inventory .stats-item:hover .stats-item__icon{background:var(--color-primary-bg)!important;color:var(--color-primary)!important}@media print{.stats-card,.stats-item{box-shadow:none!important;border:1px solid var(--color-border)!important;background:var(--color-bg-container)!important;break-inside:avoid}.stats-card:hover,.stats-item:hover{transform:none!important;box-shadow:none!important}}.search-filter-panel{--panel-bg: #ffffff;--panel-border: #e1e5e9;--panel-shadow: 0 2px 8px rgba(0, 0, 0, .08);--panel-radius: 8px;--panel-padding: 20px;--text-color: #2c3e50;--border-color: #e1e5e9;--button-color: #6b7280;--button-hover: #4b5563;--primary-color: #3b82f6;--danger-color: #ef4444;--success-color: #10b981;--warning-color: #f59e0b}.search-filter-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--panel-radius);box-shadow:var(--panel-shadow);overflow:visible}.search-filter-panel--default,.search-filter-panel--compact{display:flex;flex-direction:column;gap:0}.search-filter-panel--sidebar{display:flex;min-height:100vh;flex-direction:column;width:300px;position:sticky;top:0}.search-filter-panel--small{--panel-padding: 16px}.search-filter-panel--medium{--panel-padding: 20px}.search-filter-panel--large{--panel-padding: 24px}.search-filter-panel--collapsed .search-filter-panel__stats,.search-filter-panel--collapsed .search-filter-panel__filter-panel{display:none}.search-filter-panel__search{display:flex;align-items:center;gap:12px;padding:var(--panel-padding);border-bottom:1px solid var(--border-color);background:var(--panel-bg);position:relative}.search-filter-panel__search>*{flex-shrink:0}.search-filter-panel__search .search-bar{flex:1;margin:0}.search-filter-panel__filter-toggle{position:relative;background:#fff;border:1px solid var(--border-color);border-radius:6px;padding:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--button-color);width:36px;height:36px;flex-shrink:0}.search-filter-panel__filter-toggle:hover{color:var(--button-hover);border-color:var(--button-hover)}.search-filter-panel__filter-toggle.active{color:var(--primary-color);border-color:var(--primary-color);background:#3b82f60d}.search-filter-panel__filter-toggle .filter-icon{font-size:16px}.search-filter-panel__filter-toggle .filter-indicator{position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:var(--danger-color);color:var(--danger-color);border-radius:50%;font-size:8px;line-height:1}.search-filter-panel__tools{display:flex;align-items:center;gap:8px}.search-filter-panel__tool-btn,.search-filter-panel__collapse-btn{background:#fff;border:1px solid var(--border-color);border-radius:6px;padding:8px;cursor:pointer;transition:all .2s ease;font-size:16px;color:var(--button-color);width:36px;height:36px;display:flex;align-items:center;justify-content:center}.search-filter-panel__tool-btn:hover,.search-filter-panel__collapse-btn:hover{color:var(--button-hover);border-color:var(--button-hover);background:#f9fafb}.search-filter-panel__collapse-btn{font-size:12px;font-weight:700}.search-filter-panel__filter-panel{background:#f8fafc;border-bottom:1px solid var(--border-color);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-filter-panel__filter-header{display:flex;justify-content:space-between;align-items:center;padding:16px var(--panel-padding) 0}.search-filter-panel__filter-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-color)}.search-filter-panel__filter-close{background:none;border:none;font-size:18px;color:var(--button-color);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.search-filter-panel__filter-close:hover{color:var(--button-hover);background:#0000000d}.search-filter-panel__filter-panel .filter{margin:16px var(--panel-padding) var(--panel-padding);border:none;box-shadow:none;background:transparent;padding:0}.search-filter-panel__filter-panel .filter-content{gap:24px;padding:8px 0}.search-filter-panel__filter-panel .filter-field{min-width:200px}.search-filter-panel__stats{padding:var(--panel-padding);background:var(--panel-bg)}.search-filter-panel--compact .search-filter-panel__compact-row{display:flex;align-items:center;padding:12px var(--panel-padding);border-bottom:1px solid var(--border-color);gap:12px;flex-wrap:wrap}.search-filter-panel--compact .search-filter-panel__search{padding:0;border:none;flex:1;min-width:300px}.search-filter-panel__inline-filter{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--panel-radius);background:var(--panel-bg);color:var(--text-color);font-size:14px;min-width:120px;cursor:pointer;transition:all .2s ease}.search-filter-panel__inline-filter:hover{border-color:var(--primary-color)}.search-filter-panel__inline-filter:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff33}.search-filter-panel__page-size{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--panel-radius);background:var(--panel-bg);color:var(--text-color);font-size:14px;min-width:100px;cursor:pointer;transition:all .2s ease}.search-filter-panel__page-size:hover{border-color:var(--primary-color)}.search-filter-panel__page-size:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff33}.search-filter-panel__action-btn{padding:8px 16px;border:1px solid var(--border-color);border-radius:var(--panel-radius);background:var(--panel-bg);color:var(--text-color);font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.search-filter-panel__action-btn:hover{background:#f0f0f0;border-color:var(--primary-color)}.search-filter-panel__action-btn--primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.search-filter-panel__action-btn--primary:hover{background:#1c7ed6;border-color:#1c7ed6}.search-filter-panel__action-btn--success{background:#28a745;color:#fff;border-color:#28a745}.search-filter-panel__action-btn--success:hover{background:#218838;border-color:#218838}.search-filter-panel__action-btn--secondary{background:#6c757d;color:#fff;border-color:#6c757d}.search-filter-panel__action-btn--secondary:hover{background:#5a6268;border-color:#5a6268}.search-filter-panel--sidebar .search-filter-panel__sidebar-content{display:flex;flex-direction:column;height:100%}.search-filter-panel--sidebar .search-filter-panel__search{flex-shrink:0}.search-filter-panel--sidebar .search-filter-panel__sidebar-filters{flex:1;padding:var(--panel-padding);border-bottom:1px solid var(--border-color);overflow-y:auto}.search-filter-panel--sidebar .search-filter-panel__sidebar-filters h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-color)}.search-filter-panel--sidebar .search-filter-panel__sidebar-filters .filter{border:none;box-shadow:none;background:transparent;padding:0;margin:0}.search-filter-panel--sidebar .search-filter-panel__stats{flex-shrink:0;max-height:50vh;overflow-y:auto}.quick-search-filter{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--panel-radius)}.quick-search-filter .search-bar{margin:0}.quick-search-filter__tags{display:flex;gap:8px;flex-wrap:wrap}.quick-search-filter__tag{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:16px;padding:4px 12px;font-size:12px;color:#475569;cursor:pointer;transition:all .2s ease;white-space:nowrap}.quick-search-filter__tag:hover{background:#e2e8f0;border-color:#94a3b8;color:#334155}.quick-search-filter__tag:active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}@media(max-width:1024px){.search-filter-panel--sidebar{width:280px}}@media(max-width:768px){.search-filter-panel--sidebar{position:static;width:100%;min-height:auto}.search-filter-panel__search{flex-direction:column;align-items:stretch;gap:8px}.search-filter-panel__search .search-bar{flex:none}.search-filter-panel__tools{justify-content:space-between}.search-filter-panel__filter-toggle{flex:1;justify-content:center}.search-filter-panel--compact .search-filter-panel__compact-row{flex-direction:column;align-items:stretch}.quick-search-filter__tags{justify-content:center}}@media(max-width:480px){.search-filter-panel{--panel-padding: 12px;border-radius:0;border-left:none;border-right:none}.search-filter-panel__search{gap:8px;padding:12px}.search-filter-panel__tools{gap:4px}.search-filter-panel__tool-btn,.search-filter-panel__collapse-btn{width:32px;height:32px;font-size:14px}.search-filter-panel__filter-header{padding:12px}.search-filter-panel__filter-panel .filter{margin:12px}.search-filter-panel__stats{padding:12px}.quick-search-filter{padding:12px;border-radius:0;border-left:none;border-right:none}.quick-search-filter__tag{font-size:11px;padding:3px 8px}}@media print{.search-filter-panel{box-shadow:none;border:1px solid #000}.search-filter-panel__tools,.search-filter-panel__filter-toggle,.search-filter-panel__filter-close{display:none}.search-filter-panel__filter-panel{background:#fff}}@media(prefers-contrast:high){.search-filter-panel,.search-filter-panel__filter-toggle,.search-filter-panel__tool-btn,.search-filter-panel__collapse-btn{border-width:2px;border-color:#000}.search-filter-panel__filter-header h3{color:#000;font-weight:700}}.receiving-page{padding:24px;background:#f0f2f5;min-height:100vh}.ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.ant-card-head{border-bottom:1px solid #f0f0f0;background:#fafafa}.ant-card-head-title{font-size:18px;font-weight:600;color:#262626}.ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#595959;border-bottom:2px solid #f0f0f0}.ant-table-tbody>tr>td{border-bottom:1px solid #f5f5f5}.ant-table-tbody>tr:hover>td{background:#f5f7fa}.ant-input-affix-wrapper{border-radius:6px}.ant-select-selector{border-radius:6px!important}.ant-picker{border-radius:6px}.ant-btn{border-radius:6px;font-weight:500;box-shadow:0 2px #0000000b}.ant-btn-primary{background:#1890ff;border-color:#1890ff}.ant-btn-primary:hover,.ant-btn-primary:focus{background:#40a9ff;border-color:#40a9ff}.ant-table-cell{padding:12px 16px}.ant-tag{border-radius:4px;font-weight:500;font-size:12px}.ant-modal{border-radius:8px}.ant-modal-header{border-radius:8px 8px 0 0;background:#fafafa}.ant-modal-title{font-size:16px;font-weight:600;color:#262626}.ant-form-item-label>label{font-weight:500;color:#595959}@media(max-width:768px){.receiving-page{padding:16px}.ant-card-head-title{font-size:16px}.ant-table-cell{padding:8px 12px;font-size:12px}.ant-btn{font-size:12px;padding:4px 8px}}@media(max-width:576px){.receiving-page{padding:12px}.ant-card{margin-bottom:16px}.ant-table{font-size:11px}.ant-table-cell{padding:6px 8px}}.ant-spin-container{position:relative}.ant-empty-description{color:#8c8c8c;font-size:14px}.ant-pagination-total-text{color:#595959;font-size:14px}.ant-tooltip-inner{background:#303030;border-radius:6px;font-size:12px}.ant-space-item .ant-btn-link{padding:0;height:auto;font-size:12px}.scan-features{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.scan-feature-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;color:#595959}.scan-feature-icon{font-size:16px}.data-cell{display:flex;flex-direction:column;gap:4px}.data-primary{font-weight:500;color:#262626;font-size:14px}.data-secondary{font-size:12px;color:#8c8c8c}.progress-display{display:flex;flex-direction:column;gap:4px}.progress-value{font-weight:500;font-size:14px}.progress-percentage{font-size:12px}.status-indicator{display:inline-flex;align-items:center;gap:4px}.amount-display{font-weight:600;color:#52c41a;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.table-link{color:#1890ff;cursor:pointer;text-decoration:none}.table-link:hover{color:#40a9ff;text-decoration:underline}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.action-buttons .ant-btn{font-size:12px;padding:0 8px;height:28px;line-height:26px}.receiving-detail{background:#f5f7fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.unified-scan-container{display:flex;gap:24px;align-items:flex-start;background:#fff;padding:24px;border-radius:12px;border:2px solid #e6f7ff;box-shadow:0 2px 8px #0000000a}.scan-input-area{flex:1}.section-description{font-size:14px;color:#666;margin-top:4px}.scan-input-group{display:flex;gap:12px;align-items:center;margin-bottom:16px}.scan-input{flex:1;padding:12px 16px;border:2px solid #d9d9d9;border-radius:8px;font-size:16px;transition:all .3s ease;background:#fafafa}.scan-input:focus{outline:none;border-color:#1890ff;background:#fff;box-shadow:0 0 0 3px #1890ff1a}.scan-btn{padding:12px 24px;background:linear-gradient(135deg,#52c41a,#73d13d);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.scan-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #52c41a66}.scan-btn:disabled{background:#f5f5f5;color:#bfbfbf;cursor:not-allowed;transform:none;box-shadow:none}.scan-hints{display:flex;flex-direction:column;gap:8px}.hint-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.hint-icon{font-size:14px}.scan-stats{display:flex;gap:16px}.stat-card{text-align:center;padding:16px;background:#f8faff;border-radius:8px;border:1px solid #e6f7ff;min-width:80px}.stat-value{font-size:24px;font-weight:700;color:#1890ff;margin-bottom:4px}.stat-label{font-size:12px;color:#666;font-weight:500}.receiving-detail .page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a;display:flex;align-items:center}.receiving-detail .breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.2rem}.receiving-detail .breadcrumb-link{color:#ffffffe6;cursor:pointer;text-decoration:none;transition:color .2s ease;white-space:nowrap}.receiving-detail .breadcrumb-link:hover{color:#fff}.receiving-detail .breadcrumb-separator{color:#ffffffb3}.receiving-detail .header-content h1{font-size:2rem;font-weight:700;margin:0 0 1rem;letter-spacing:-.02em}.receiving-detail .header-meta{display:flex;gap:2rem;flex-wrap:wrap;opacity:.9}.receiving-detail .meta-item{font-size:.875rem;display:flex;align-items:center}.receiving-detail .page-content{max-width:100%;margin:0 auto;padding:0 2rem}.receiving-detail .content-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;overflow:hidden}.receiving-detail .section-header{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative}.receiving-detail .section-header:after{content:"";position:absolute;bottom:0;left:2rem;right:2rem;height:2px;background:linear-gradient(90deg,#667eea,transparent);opacity:.6}.receiving-detail .section-header h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0;display:flex;align-items:center;gap:.5rem}.receiving-detail .section-header h2:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.receiving-detail .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;padding:2rem}.receiving-detail .workflow-container{padding:2rem}.receiving-detail .workflow-steps{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;position:relative}.receiving-detail .workflow-steps:before{content:"";position:absolute;top:25px;left:50px;right:50px;height:3px;background:linear-gradient(90deg,#e5e7eb 0% 100%);border-radius:1.5px;z-index:1}.receiving-detail .workflow-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;cursor:pointer;transition:transform .2s ease}.receiving-detail .workflow-step:hover{transform:translateY(-2px)}.receiving-detail .step-circle{width:50px;height:50px;border-radius:50%;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;position:relative;z-index:2;box-shadow:0 2px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid #e5e7eb}.receiving-detail .step-circle.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 16px #667eea4d;border-color:#667eea;transform:scale(1.05)}.receiving-detail .step-circle.completed{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;box-shadow:0 4px 16px #10b9814d;border-color:#10b981}.receiving-detail .step-title{margin-top:.75rem;font-size:.875rem;font-weight:600;color:#1f2937;text-align:center;max-width:120px}.receiving-detail .step-approver{margin-top:.25rem;font-size:.75rem;color:#6b7280;text-align:center}.receiving-detail .step-time{margin-top:.25rem;font-size:.75rem;color:#9ca3af;text-align:center}.receiving-detail .workflow-progress-bar{width:100%;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.receiving-detail .workflow-progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#10b981);border-radius:4px;transition:width .5s ease}.receiving-detail .scan-progress-container{padding:2rem}.receiving-detail .scan-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.receiving-detail .progress-text{font-size:.875rem;color:#4b5563;font-weight:500}.receiving-detail .progress-percentage{font-size:.875rem;color:#667eea;font-weight:600}.receiving-detail .progress-bar{width:100%;height:12px;background:#f3f4f6;border-radius:6px;overflow:hidden}.receiving-detail .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:6px;transition:width .5s ease}.receiving-detail .materials-table,.receiving-detail .materials-table .data-table{margin:0}.receiving-detail .material-name-cell{display:flex;flex-direction:column;gap:.25rem}.receiving-detail .material-name{font-weight:600;color:#1f2937;font-size:.875rem}.receiving-detail .material-spec{font-size:.75rem;color:#6b7280}.receiving-detail .quantity-cell{display:flex;flex-direction:column;gap:.25rem}.receiving-detail .quantity-expected{font-size:.875rem;color:#4b5563}.receiving-detail .quantity-scanned{font-size:.875rem;color:#059669;font-weight:500}.receiving-detail .packages-count{font-size:.875rem;color:#4b5563}.receiving-detail .batch-number{font-size:.875rem;color:#4b5563;font-family:monospace}.receiving-detail .alert-container{padding:2rem}.receiving-detail .alert{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:8px;border:1px solid #fbbf24;background:#fef3c7}.receiving-detail .alert-icon{font-size:1.5rem;flex-shrink:0}.receiving-detail .alert-content{flex:1}.receiving-detail .alert-title{font-size:1rem;font-weight:600;color:#92400e;margin-bottom:.5rem}.receiving-detail .alert-message{font-size:.875rem;color:#92400e;margin-bottom:.75rem}.receiving-detail .alert-details{font-size:.8rem;color:#a16207;padding:.75rem;background:#f59e0b1a;border-radius:4px}.receiving-detail .action-buttons-container{padding:2rem;display:flex;gap:1rem;flex-wrap:wrap}.receiving-detail .loading-container,.receiving-detail .error-container{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.receiving-detail .loading-spinner{text-align:center}.receiving-detail .spinner{width:48px;height:48px;border:3px solid #f3f4f6;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.receiving-detail .loading-spinner p{color:#6b7280;font-size:.875rem;margin:0}.receiving-detail .error-content{text-align:center;max-width:400px}.receiving-detail .error-content h3{color:#dc2626;font-size:1.5rem;margin-bottom:1rem}.receiving-detail .error-content p{color:#6b7280;margin-bottom:2rem}.receiving-detail .error-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.error-actions .btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.error-actions .btn-primary{background-color:#1890ff;color:#fff}.error-actions .btn-primary:hover{background-color:#40a9ff}.error-actions .btn-secondary{background-color:#f5f5f5;color:#666;border:1px solid #d9d9d9}.error-actions .btn-secondary:hover{background-color:#e6f7ff;border-color:#91d5ff}.error-details{margin-top:20px;text-align:left}.error-details summary{cursor:pointer;font-weight:500;color:#666;margin-bottom:8px}.debug-info{background-color:#fafafa;padding:12px;border-radius:4px;font-family:monospace;font-size:12px;line-height:1.6}.debug-info p{margin:4px 0;color:#666}.debug-info strong{color:#333}.receiving-detail .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.receiving-detail .modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.receiving-detail .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.receiving-detail .modal-header h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.receiving-detail .modal-close{background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.receiving-detail .modal-close:hover{background:#f3f4f6;color:#374151}.receiving-detail .modal-body{padding:2rem}.receiving-detail .modal-footer{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e5e7eb;justify-content:flex-end}.receiving-detail .form-group{margin-bottom:1.5rem}.receiving-detail .form-group label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.875rem}.receiving-detail .form-control{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#fff}.receiving-detail .form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.receiving-detail .form-control::placeholder{color:#9ca3af}.receiving-detail .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.receiving-detail .material-info{padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;color:#4b5563}.receiving-detail .btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:100px}.receiving-detail .btn-primary{background:#667eea;color:#fff}.receiving-detail .btn-primary:hover{background:#5a67d8;transform:translateY(-1px)}.receiving-detail .btn-secondary{background:#f3f4f6;color:#374151}.receiving-detail .btn-secondary:hover{background:#e5e7eb}@media(max-width:768px){.receiving-detail .page-header{padding:1.5rem 1rem}.receiving-detail .page-content{padding:0 1rem}.receiving-detail .section-header{padding:1rem 1.5rem}.receiving-detail .stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;padding:1.5rem}.receiving-detail .workflow-container{padding:1.5rem}.receiving-detail .workflow-steps{flex-direction:column;gap:1rem}.receiving-detail .workflow-steps:before{display:none}.receiving-detail .workflow-step{flex-direction:row;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:8px}.receiving-detail .step-circle{width:40px;height:40px;font-size:.8rem}.receiving-detail .step-title{margin-top:0;text-align:left;max-width:none}.receiving-detail .header-meta{flex-direction:column;gap:.5rem}.receiving-detail .scan-progress-container{padding:1.5rem}.receiving-detail .scan-progress-info{flex-direction:column;align-items:flex-start;gap:.25rem}.receiving-detail .alert-container,.receiving-detail .action-buttons-container{padding:1.5rem}.receiving-detail .modal-container{width:95%;max-height:90vh}.receiving-detail .modal-header,.receiving-detail .modal-body,.receiving-detail .modal-footer{padding:1.5rem}.receiving-detail .form-row{grid-template-columns:1fr}}@media(max-width:480px){.receiving-detail .stats-grid{grid-template-columns:1fr}.receiving-detail .workflow-container{padding:1rem}.receiving-detail .workflow-step{padding:.75rem}.receiving-detail .step-circle{width:36px;height:36px;font-size:.75rem}.receiving-detail .modal-header,.receiving-detail .modal-body,.receiving-detail .modal-footer{padding:1rem}.receiving-detail .btn{padding:.625rem 1rem;font-size:.8rem}}.receiving-detail .quantity-info{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.receiving-detail .quantity-info span{font-size:14px;color:#555}.receiving-detail .quantity-info span:first-child{font-weight:600;color:#333}.receiving-detail .quantity-info-enhanced{background:#f8f9fa;border-radius:8px;padding:16px;border:1px solid #e9ecef;box-shadow:0 2px 4px #0000000d}.receiving-detail .quantity-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.receiving-detail .quantity-row:last-child{border-bottom:none}.receiving-detail .quantity-label{font-weight:500;color:#666;font-size:14px}.receiving-detail .quantity-value{font-weight:600;font-size:16px;padding:4px 8px;border-radius:4px;min-width:80px;text-align:right}.receiving-detail .quantity-value.expected{background:#e3f2fd;color:#1976d2}.receiving-detail .quantity-value.scanned.has-quantity{background:#e8f5e8;color:#2e7d32}.receiving-detail .quantity-value.scanned.no-quantity{background:#fafafa;color:#999}.receiving-detail .quantity-value.remaining.has-remaining{background:#fff3e0;color:#f57c00}.receiving-detail .quantity-value.remaining.no-remaining{background:#e8f5e8;color:#2e7d32}.receiving-detail .scan-status-indicator{margin-top:12px;padding:8px 12px;border-radius:6px;text-align:center;border:1px solid #e0e0e0}.receiving-detail .status-text{font-size:14px;font-weight:500}.receiving-detail .status-text.pending{color:#ed6c02;background:#fff8e1}.receiving-detail .status-text.processing{color:#0288d1;background:#e1f5fe}.receiving-detail .scan-mode-selector{display:flex;flex-direction:column;gap:12px}.receiving-detail .radio-option{display:flex;align-items:flex-start;gap:8px;padding:12px;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .2s}.receiving-detail .radio-option:hover{background:#f8f9fa;border-color:#dee2e6}.receiving-detail .radio-option input[type=radio]{margin-top:2px}.receiving-detail .radio-option input[type=radio]:checked+span{color:#007bff;font-weight:600}.receiving-detail .radio-option span{display:block;font-size:14px;color:#333;margin-bottom:4px}.receiving-detail .radio-option small{display:block;font-size:12px;color:#666;line-height:1.3}.receiving-detail .form-hint{display:block;margin-top:6px;font-size:12px;color:#007bff;font-weight:500}.receiving-detail .material-info{padding:8px 12px;background:#e3f2fd;border-radius:4px;font-size:14px;color:#1976d2;font-weight:500}.receiving-detail{padding:20px;background-color:#f5f5f5;min-height:100vh}.error-container{display:flex;justify-content:center;align-items:center;min-height:400px}.error-content{text-align:center;padding:30px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.error-content h3{margin:0 0 16px;color:#ff4d4f}.error-content p{margin:0 0 24px;color:#666}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #1890ff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{color:#666}.materials-table{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.material-code-cell{display:flex;align-items:center;gap:8px}.material-code{font-family:monospace}.exception-icon{color:#faad14}.material-name-cell{display:flex;flex-direction:column;gap:4px}.material-spec{font-size:12px;color:#666}.material-brand,.material-category{font-size:12px;color:#999}.quantity-cell{display:flex;flex-direction:column;gap:4px}.quantity-expected,.quantity-received,.quantity-scanned{font-size:12px}.quantity-progress{font-weight:500;color:#1890ff}.action-cell{display:flex;gap:8px}.btn-sm{padding:4px 8px;font-size:12px;border-radius:4px}.btn-primary{background-color:#1890ff;border-color:#1890ff;color:#fff}.btn-primary:hover{background-color:#40a9ff;border-color:#40a9ff}.btn-primary:disabled{background-color:#bae7ff;border-color:#bae7ff;cursor:not-allowed}.btn-warning{background-color:#faad14;border-color:#faad14;color:#fff}.btn-warning:hover{background-color:#ffc53d;border-color:#ffc53d}.stats-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #00000014;display:flex;align-items:center;gap:20px;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--card-accent-color, #667eea),var(--card-accent-secondary, #764ba2));opacity:0;transition:opacity .3s ease}.stats-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.stats-card:hover:before{opacity:1}.stats-card-blue{--card-accent-color: #1890ff;--card-accent-secondary: #40a9ff;background:linear-gradient(135deg,#1890ff05,#40a9ff05)}.stats-card-green{--card-accent-color: #52c41a;--card-accent-secondary: #73d13d;background:linear-gradient(135deg,#52c41a05,#73d13d05)}.stats-card-orange{--card-accent-color: #faad14;--card-accent-secondary: #ffc53d;background:linear-gradient(135deg,#faad1405,#ffc53d05)}.stats-card-red{--card-accent-color: #ff4d4f;--card-accent-secondary: #ff7875;background:linear-gradient(135deg,#ff4d4f05,#ff787505)}.stats-card-purple{--card-accent-color: #722ed1;--card-accent-secondary: #9254de;background:linear-gradient(135deg,#722ed105,#9254de05)}.stats-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--card-accent-color, #667eea);color:#fff;flex-shrink:0;position:relative;box-shadow:0 4px 12px #00000026}.stats-icon:after{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(135deg,#fff3,#ffffff0d);pointer-events:none}.stats-content{flex:1;display:flex;flex-direction:column;gap:4px}.stats-title{font-size:14px;font-weight:500;color:#6b7280;margin:0;line-height:1.4}.stats-value{font-size:28px;font-weight:700;color:#1f2937;margin:0;line-height:1.2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,SF Pro Display,sans-serif}@media(max-width:768px){.receiving-detail .stats-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}.stats-card{padding:20px;gap:16px}.stats-icon{width:48px;height:48px;font-size:20px}.stats-value{font-size:24px}}@media(max-width:1200px)and (min-width:769px){.receiving-detail .stats-grid{grid-template-columns:repeat(3,1fr)}}.stats-card-blue .stats-icon{background:linear-gradient(135deg,#1890ff,#40a9ff)}.stats-card-green .stats-icon{background:linear-gradient(135deg,#52c41a,#73d13d)}.stats-card-orange .stats-icon{background:linear-gradient(135deg,#faad14,#ffc53d)}.stats-card-red .stats-icon{background:linear-gradient(135deg,#ff4d4f,#ff7875)}.stats-card-purple .stats-icon{background:linear-gradient(135deg,#722ed1,#9254de)}.scan-progress-container{padding:24px}.scan-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.progress-text{font-size:16px;font-weight:500;color:#1f2937}.progress-percentage{font-size:18px;font-weight:700;color:var(--card-accent-color, #667eea)}.progress-bar{width:100%;height:12px;background:#f3f4f6;border-radius:6px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:6px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.2),transparent,rgba(255,255,255,.1));animation:shimmer 2s infinite}.remaining-stats-value{font-size:24px;font-weight:600;color:#333}.status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;text-transform:none;letter-spacing:.5px}.status-completed{background-color:#52c41a;color:#fff;border:1px solid #389e0d}.status-active,.status-in_progress,.status-processing{background-color:#1890ff;color:#fff;border:1px solid #096dd9}.status-pending{background-color:#faad14;color:#fff;border:1px solid #d48806}.status-exception{background-color:#ff4d4f;color:#fff;border:1px solid #cf1322}.completed-actions,.receiving-actions,.pending-actions{display:flex;align-items:center;gap:20px}.action-hint{color:#666;font-size:14px;font-style:italic}.completed-actions .btn{font-size:16px;padding:10px 24px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column}.modal-content h3{margin:0 0 16px;font-size:18px;color:#333}.modal-content p{margin:0 0 16px;color:#666}.modal-content input,.modal-content textarea,.modal-content select{width:100%;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;margin-bottom:16px;font-size:14px}.modal-content input:focus,.modal-content textarea:focus,.modal-content select:focus{border-color:#40a9ff;outline:none;box-shadow:0 0 0 2px #1890ff33}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal-actions button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.modal-actions button:first-child{background-color:#f5f5f5;color:#666;border:1px solid #d9d9d9}.modal-actions button:first-child:hover{background-color:#e6f7ff;border-color:#91d5ff}.modal-actions button:last-child{background-color:#1890ff;color:#fff}.modal-actions button:last-child:hover{background-color:#40a9ff}.quantity-confirm-modal{max-width:500px;width:90%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.quantity-confirm-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f0f0f0;background:#fafafa}.quantity-confirm-modal .modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1890ff}.quantity-confirm-modal .modal-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.quantity-confirm-modal .modal-close:hover{background:#f0f0f0;color:#666}.quantity-confirm-modal .modal-body{padding:24px;flex:1;overflow-y:auto}.material-info{margin-bottom:24px}.material-card{background:#f8faff;border:1px solid #e6f7ff;border-radius:8px;padding:16px}.material-title{display:flex;align-items:center;gap:8px;margin-bottom:8px}.material-name{font-weight:600;font-size:16px;color:#262626}.material-code{font-size:14px;color:#8c8c8c}.material-specs{margin-bottom:12px;font-size:14px;color:#595959}.material-progress{display:flex;flex-direction:column;gap:4px;font-size:14px}.material-progress span{color:#262626}.material-progress .remaining{color:#1890ff;font-weight:500}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#262626;font-size:14px}.quantity-input-group{display:flex;align-items:center;border:1px solid #d9d9d9;border-radius:6px;overflow:hidden;transition:all .2s ease}.quantity-input-group:focus-within{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.quantity-input{flex:1;padding:12px 16px;border:none;outline:none;font-size:16px;background:#fff}.unit-label{padding:12px 16px;background:#fafafa;color:#8c8c8c;font-size:14px;border-left:1px solid #f0f0f0;font-weight:500}.quantity-input-simple{display:flex;align-items:center;gap:12px}.quantity-input-field{flex:1;min-width:0}.unit-text{color:#8c8c8c;font-size:14px;font-weight:500;flex-shrink:0}.input-hint{margin-top:6px;font-size:12px;color:#8c8c8c}.form-input{width:100%;padding:12px 16px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;transition:all .2s ease}.form-input:focus{outline:none;border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.form-textarea{width:100%;padding:12px 16px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;resize:vertical;transition:all .2s ease}.form-textarea:focus{outline:none;border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.quantity-confirm-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #f0f0f0;background:#fafafa}.btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:80px}.btn-secondary{background:#fff;color:#595959;border-color:#d9d9d9}.btn-secondary:hover{color:#40a9ff;border-color:#40a9ff}.btn-primary:disabled{background:#f5f5f5;color:#bfbfbf;border-color:#d9d9d9;cursor:not-allowed}.quality-task-actions{margin-top:16px;padding:16px;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px}.quality-task-actions .alert{display:flex;align-items:center;gap:8px;margin-bottom:12px}.quality-task-actions .alert-warning{color:#ea580c;font-weight:500}.quality-task-actions .action-buttons{display:flex;gap:12px}.quality-task-actions .action-button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.quality-task-actions .retry-button{background:#fbbf24;color:#78350f;border-color:#fbbf24}.quality-task-actions .retry-button:hover{background:#f59e0b;border-color:#f59e0b}.quality-task-actions .manual-button{background:#3b82f6;color:#fff;border-color:#3b82f6}.quality-task-actions .manual-button:hover{background:#2563eb;border-color:#2563eb}.inspection-status-info{margin-top:16px}.inspection-status-info .status-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.inspection-status-info .status-card h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.inspection-status-info .status-content{display:flex;flex-direction:column;gap:8px}.inspection-status-info .status-item{display:flex;align-items:center;gap:12px}.inspection-status-info .status-label{font-size:14px;color:#6b7280;min-width:80px}.inspection-status-info .status-value{font-size:14px;color:#1f2937;font-weight:500}.inspection-status-info .status-badge{padding:4px 12px;border-radius:4px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:4px}.inspection-status-info .status-success{background:#d1fae5;color:#065f46}.inspection-status-info .status-warning{background:#fee2e2;color:#991b1b}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.task-count-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;box-shadow:0 2px 4px #667eea33}.quality-tasks-list{display:flex;flex-direction:column;gap:16px}.quality-task-item{background:#fafbfc;border:1px solid #e1e8ed;border-radius:12px;padding:16px;transition:all .3s ease;position:relative;overflow:hidden}.quality-task-item:hover{border-color:#1890ff;box-shadow:0 4px 12px #1890ff1a;transform:translateY(-2px)}.quality-task-item:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(135deg,#1890ff,#52c41a);border-radius:0 2px 2px 0}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.task-number{font-weight:600;color:#1890ff;font-size:14px}.task-status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.task-status-badge.status-pending{background:#fff7e6;color:#d48806;border:1px solid #ffd666}.task-status-badge.status-inspecting{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff;animation:pulse 2s infinite}.task-status-badge.status-completed{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.task-details{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.task-info{display:flex;align-items:center;font-size:13px}.info-label{color:#666;font-weight:500;min-width:80px;margin-right:8px}.info-value{color:#333;flex:1}.task-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid #f0f0f0}.btn-outline{background:transparent;border:1px solid #d9d9d9;color:#666;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.btn-outline:hover{border-color:#1890ff;color:#1890ff;background:#f6f9ff;transform:translateY(-1px);box-shadow:0 2px 4px #1890ff1a}.quick-scan-btn{padding:6px 12px;font-size:13px;border-radius:4px;background-color:#1890ff;color:#fff;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .3s ease;white-space:nowrap}.quick-scan-btn:hover:not(:disabled){background-color:#40a9ff;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff4d}.quick-scan-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #1890ff33}.quick-scan-btn:disabled{background-color:#d9d9d9;color:#8c8c8c;cursor:not-allowed;opacity:.6}.action-buttons{display:flex;gap:8px;justify-content:center;align-items:center}.ww-stats-cell{display:flex;flex-direction:column;gap:6px}.ww-stat-value{font-size:14px;font-weight:600;color:#1890ff}.ww-stat-detail{font-size:12px;color:#8c8c8c}.ww-pick-qty-cell{display:flex;align-items:center;justify-content:center}.ww-pick-qty-value{font-size:14px;font-weight:600;color:#52c41a;padding:6px 14px;background:#f6ffed;border:1px solid #b7eb8f;border-radius:6px;display:inline-block}.quantity-warning{border-color:#ff7875!important;background-color:#fff2f0!important}.quantity-warning:focus{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f33!important}.quantity-hints{margin-top:8px}.quantity-warning-text{color:#ff4d4f;font-size:12px;background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px;padding:8px 12px;margin-top:4px;display:flex;align-items:center;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.input-hint{color:#8c8c8c;font-size:12px;margin-top:4px}.advanced-scan-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.advanced-scan-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;border-bottom:1px solid #f0f0f0}.header-left h3{margin:0 0 4px;font-size:20px;font-weight:600;color:#262626}.header-left p{margin:0;color:#8c8c8c;font-size:14px}.header-right{display:flex;gap:8px;align-items:center}.history-btn{background:#f6f6f6;border:1px solid #d9d9d9;border-radius:6px;padding:6px 12px;font-size:12px;cursor:pointer;transition:all .2s}.history-btn:hover{background:#e6f7ff;border-color:#1890ff;color:#1890ff}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#8c8c8c;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-btn:hover{background:#f5f5f5;color:#ff4d4f}.statistics-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 24px;background:linear-gradient(135deg,#f6f9fc,#f0f8ff);margin:0}.stat-card{background:#fff;border-radius:8px;padding:16px;text-align:center;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0;position:relative}.stat-label{font-size:12px;color:#8c8c8c;margin-bottom:8px;font-weight:500}.stat-value{font-size:24px;font-weight:600;color:#262626;margin-bottom:4px}.stat-unit{font-size:12px;color:#8c8c8c}.stat-indicator{position:absolute;top:8px;right:8px;font-size:14px}.stat-indicator.complete{color:#52c41a}.stat-indicator.incomplete{color:#faad14}.packaging-info{padding:16px 24px;background:#fafafa;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.packaging-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#595959}.packaging-icon{font-size:16px}.equivalent-text{color:#8c8c8c;font-size:13px;margin-left:8px}.packaging-suggestions{margin:16px 24px;border:1px solid #e6f7ff;border-radius:8px;background:#f6f9fc}.suggestions-header{padding:12px 16px;border-bottom:1px solid #e6f7ff;background:#e6f7ff}.suggestions-header h4{margin:0;font-size:14px;font-weight:600;color:#1890ff}.suggestions-list{padding:8px}.suggestion-item{background:#fff;border-radius:6px;margin-bottom:8px;overflow:hidden;border:1px solid #f0f0f0}.suggestion-item:last-child{margin-bottom:0}.suggestion-item.priority-high{border-left:4px solid #ff4d4f}.suggestion-item.priority-medium{border-left:4px solid #faad14}.suggestion-item.priority-low{border-left:4px solid #1890ff}.suggestion-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fafafa;border-bottom:1px solid #f0f0f0}.suggestion-icon{font-size:16px}.suggestion-title{flex:1;font-weight:500;color:#262626;font-size:13px}.suggestion-action-btn{background:#1890ff;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:all .2s}.suggestion-action-btn:hover{background:#40a9ff}.suggestion-content{padding:12px 16px}.suggestion-content p{margin:0 0 8px;font-size:13px;color:#595959;line-height:1.4}.suggestion-benefits{margin:8px 0 0;padding:0;list-style:none}.suggestion-benefits li{font-size:12px;color:#52c41a;margin-bottom:4px;display:flex;align-items:center;gap:4px}.suggestion-note{margin-top:8px;padding:8px 12px;background:#f6f9fc;border-radius:4px;display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#595959;border:1px solid #e6f7ff}.note-icon{font-size:14px;margin-top:1px}.scan-input-section{padding:24px}.scan-mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.mode-option{display:flex;flex-direction:column;align-items:center;padding:16px;border:2px solid #f0f0f0;border-radius:8px;cursor:pointer;transition:all .2s;position:relative}.mode-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.mode-option:hover{border-color:#d9d9d9;background:#fafafa}.mode-option.active{border-color:#1890ff;background:#f6f9fc}.mode-option.active .mode-icon{transform:scale(1.1)}.mode-icon{font-size:24px;margin-bottom:8px;transition:transform .2s}.mode-text{font-weight:500;color:#262626;margin-bottom:4px}.mode-desc{font-size:12px;color:#8c8c8c}.scan-form{background:#fafafa;border-radius:8px;padding:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-field{display:flex;flex-direction:column}.form-field label{font-size:13px;font-weight:500;color:#595959;margin-bottom:6px}.form-field input{padding:10px 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;transition:all .2s}.form-field input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.btn{padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-primary{background:#1890ff;color:#fff;border-color:#1890ff}.btn-primary:hover:not(:disabled){background:#40a9ff;border-color:#40a9ff}.btn-secondary{background:#f6f6f6;color:#595959;border-color:#d9d9d9}.btn-secondary:hover:not(:disabled){background:#e6f7ff;border-color:#1890ff;color:#1890ff}.scan-records-section{padding:0 24px 24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h4{margin:0;font-size:16px;font-weight:600;color:#262626}.empty-records{text-align:center;padding:40px 20px;color:#8c8c8c}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-text{font-size:14px}.records-list{max-height:300px;overflow-y:auto;border:1px solid #f0f0f0;border-radius:8px}.record-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;border-bottom:1px solid #f0f0f0;transition:background .2s}.record-item:last-child{border-bottom:none}.record-item:hover{background:#fafafa}.record-main{display:flex;gap:12px;flex:1}.record-icon{font-size:20px;width:32px;text-align:center}.record-info{flex:1}.record-title{font-weight:500;color:#262626;margin-bottom:4px}.record-units{color:#1890ff;font-size:13px;margin-left:8px}.record-details{display:flex;gap:16px;font-size:12px;color:#8c8c8c;margin-bottom:4px}.record-remarks{font-size:12px;color:#595959;font-style:italic}.record-delete-btn{background:none;border:none;font-size:14px;cursor:pointer;color:#8c8c8c;padding:4px 8px;border-radius:4px;transition:all .2s}.record-delete-btn:hover{background:#fff2f0;color:#ff4d4f}.history-section{padding:16px 24px 24px;border-top:1px solid #f0f0f0;margin-top:16px}.history-list{max-height:200px;overflow-y:auto;background:#fafafa;border-radius:6px;padding:8px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;color:#595959;border-radius:4px;margin-bottom:4px}.history-item:last-child{margin-bottom:0}.history-item:hover{background:#fff}.history-icon{margin-right:8px}.history-info{flex:1}.history-time{color:#8c8c8c;font-size:12px}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #f0f0f0;background:#fafafa}.footer-left{flex:1}.completion-status{font-size:14px;font-weight:500}.status-complete{color:#52c41a}.status-partial{color:#faad14}.status-incomplete{color:#8c8c8c}.footer-right{display:flex;gap:12px}@media(max-width:768px){.advanced-scan-modal-content{margin:10px;max-height:95vh}.statistics-panel{grid-template-columns:1fr;gap:12px;padding:16px}.scan-mode-selector,.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column;gap:12px;align-items:stretch}.footer-right{justify-content:stretch}.footer-right .btn{flex:1}}.records-list::-webkit-scrollbar,.history-list::-webkit-scrollbar,.advanced-scan-modal-content::-webkit-scrollbar{width:6px}.records-list::-webkit-scrollbar-track,.history-list::-webkit-scrollbar-track,.advanced-scan-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.records-list::-webkit-scrollbar-thumb,.history-list::-webkit-scrollbar-thumb,.advanced-scan-modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.records-list::-webkit-scrollbar-thumb:hover,.history-list::-webkit-scrollbar-thumb:hover,.advanced-scan-modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.batch-quality-task-modal .modal-header{margin-bottom:16px;padding:12px;background-color:#f5f5f5;border-radius:6px}.batch-quality-task-modal .control-bar{margin-bottom:16px;padding:12px;background-color:#fafafa;border-radius:6px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.batch-quality-task-modal .material-name{font-weight:500;color:#262626}.batch-quality-task-modal .material-code{font-size:12px;color:#8c8c8c;margin-top:2px}.batch-quality-task-modal .material-used{opacity:.7}.batch-quality-task-modal .material-used .material-name,.batch-quality-task-modal .material-used .material-code{text-decoration:line-through;color:#999}.batch-quality-task-modal .used-indicator{margin-top:4px}.batch-quality-task-modal .used-indicator .ant-tag{font-size:10px;padding:0 4px;height:18px;line-height:16px}.batch-quality-task-modal .scan-time{font-size:12px;color:#8c8c8c}.batch-quality-task-modal .ant-table-tbody>tr>td{vertical-align:middle}.batch-quality-task-modal .ant-table-tbody>tr:hover>td{background-color:#e6f7ff}.batch-quality-task-modal .ant-table-tbody>tr.ant-table-row-selected>td{background-color:#bae7ff}.batch-quality-task-modal .ant-table-tbody>tr.row-selected.row-has-related>td{background-color:#e6f7ff}.batch-quality-task-modal .ant-table-tbody>tr.row-disabled>td{background-color:#fafafa!important;cursor:not-allowed!important}.batch-quality-task-modal .ant-tag{margin:0;border-radius:4px}@media(max-width:768px){.batch-quality-task-modal .control-bar{flex-direction:column;align-items:stretch}.batch-quality-task-modal .ant-table-wrapper{overflow-x:auto}}.batch-quality-task-modal .ant-table-placeholder .ant-table-expanded-row-fixed{margin:0}.batch-quality-task-modal .ant-pagination{margin-top:16px;text-align:center}.batch-quality-task-modal .ant-modal-footer{text-align:right;border-top:1px solid #f0f0f0;padding:10px 24px;margin-top:16px}.batch-quality-task-modal .ant-modal-footer .ant-btn+.ant-btn{margin-left:8px}.batch-quality-task-modal .ant-modal-footer>div{display:flex;justify-content:space-between;align-items:center;width:100%}.batch-quality-task-modal .control-bar .ant-space-vertical{width:100%}.batch-quality-task-modal .ant-tag{display:inline-flex;align-items:center}.batch-quality-task-modal .ant-table-cell .ant-typography{margin:0}.scan-receiving-modal .ant-alert{border-radius:4px}.scan-receiving-modal .ant-alert-info{background-color:#e6f7ff;border:1px solid #91d5ff}.scan-receiving-modal .ant-alert-warning{background-color:#fffbe6;border:1px solid #ffe58f}.scan-receiving-modal .ant-alert-success{background-color:#f6ffed;border:1px solid #b7eb8f}.scan-receiving-modal .ant-form-item{margin-bottom:16px}.scan-receiving-modal .ant-input-number{width:100%}.scan-receiving-modal .ant-btn-dashed{border-color:#d9d9d9;color:#595959}.scan-receiving-modal .ant-btn-dashed:hover{border-color:#40a9ff;color:#40a9ff}.scan-receiving-modal .ant-tag{margin-left:8px}.scan-receiving-modal .ant-input-number-handler-wrap{opacity:1}.scan-receiving-modal .ant-input-number-focused{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.scan-receiving-modal .over-quantity-warning{color:#ff4d4f;font-weight:700;font-size:14px}.scan-receiving-modal .gift-quantity-wrapper{position:relative;background-color:#f5f5f5;padding:16px;border-radius:4px;margin-bottom:16px}.scan-receiving-modal .gift-quantity-wrapper .ant-form-item{margin-bottom:0}.scan-receiving-modal .ant-input-number-group-addon .ant-btn-link{padding:0;height:auto;line-height:1}.issuing-page{padding:24px;background-color:#f5f5f5}.sync-progress-section{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;padding:16px;margin-bottom:20px}.progress-spinner{width:20px;height:20px;border:2px solid #e0f2fe;border-top:2px solid #0ea5e9;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.issuing-page{padding:12px}}.issuing-detail-page{padding:20px;background:#f5f7fa;min-height:100vh}.order-info-section{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a}.order-info-section h2{margin:0 0 20px;color:#333;font-size:20px}.order-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.materials-section,.records-section{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a}.materials-section h2,.records-section h2{margin:0 0 20px;color:#333;font-size:20px}.materials-table,.records-table{overflow-x:auto}.issued-qty{color:#1890ff;font-weight:600}.remaining-qty{color:#faad14;font-weight:600}.completed-text{color:#52c41a;font-weight:600}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block}.status-pending{background:#fff7e6;color:#d46b08}.status-processing{background:#e6f7ff;color:#0050b3}.status-completed{background:#f6ffed;color:#389e0d}.status-paused{background:#f5f5f5;color:#666}.batch-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.batch-modal .modal-content{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:800px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 10px 30px #0000004d}.batch-modal .close-btn{position:absolute;top:15px;right:20px;font-size:28px;font-weight:700;cursor:pointer;color:#aaa;transition:color .2s}.batch-modal .close-btn:hover{color:#000}.batch-modal h2{margin-bottom:20px;color:#333;font-size:24px}.material-info{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:20px}.material-info h3{margin:0 0 8px;color:#1890ff}.material-info p{margin:0;color:#666}.batch-list h4{margin:0 0 16px;color:#333}.batch-item{background:#f5f5f5;border:2px solid #e8e8e8;border-radius:8px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all .2s}.batch-item:hover{border-color:#1890ff;background:#f0f8ff}.batch-item.selected{border-color:#1890ff;background:#e6f7ff}.batch-info{display:flex;flex-direction:column;gap:4px}.batch-no{font-weight:600;color:#333}.batch-details{font-size:14px;color:#666}.issuing-form{margin-top:20px;padding-top:20px;border-top:1px solid #e8e8e8}.form-group input{width:100%;padding:12px;border:2px solid #e8e8e8;border-radius:6px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#1890ff}.form-actions{display:flex;gap:12px;justify-content:flex-end}@media(max-width:1200px){.issuing-detail-page{padding:16px}.order-info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:768px){.issuing-detail-page{padding:12px}.page-header{flex-direction:column;gap:16px;align-items:flex-start}.header-left{width:100%;justify-content:space-between}.header-right{width:100%;justify-content:flex-end}.order-info-grid{grid-template-columns:1fr}.workflow-steps{flex-direction:column;gap:16px}.workflow-step{flex-direction:row;min-width:auto;width:100%;text-align:left}.step-circle{margin-bottom:0;margin-right:12px}.step-connector{display:none}.data-table th,.data-table td{padding:8px;font-size:12px}.batch-modal .modal-content{padding:20px;width:95%}.form-actions{flex-direction:column;gap:8px}.form-actions .btn{width:100%;justify-content:center}}@media(max-width:480px){.info-row{flex-direction:column;align-items:flex-start;gap:4px}.batch-item{padding:12px}.batch-details{font-size:12px}}.issuing-create-page{background:#f5f7fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.issuing-create-page .page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a}.issuing-create-page .breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.2rem}.issuing-create-page .breadcrumb-link{color:#ffffffe6;cursor:pointer;text-decoration:none;transition:color .2s ease;white-space:nowrap}.issuing-create-page .breadcrumb-link:hover{color:#fff}.issuing-create-page .breadcrumb-separator{color:#ffffffb3}.issuing-create-page .page-description{font-size:.9rem;color:#ffffffe6;margin-top:.5rem}.issuing-create-page .page-content{max-width:1400px;margin:0 auto;padding:0 2rem}.issuing-create-page .content-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;overflow:hidden}.issuing-create-page .section-header{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative;display:flex;justify-content:space-between;align-items:center}.issuing-create-page .section-header:after{content:"";position:absolute;bottom:0;left:2rem;right:2rem;height:2px;background:linear-gradient(90deg,#667eea,transparent);opacity:.6}.issuing-create-page .section-header h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0;display:flex;align-items:center;gap:.5rem}.issuing-create-page .create-form{padding:2rem}.issuing-create-page .form-section{margin-bottom:2rem}.issuing-create-page .form-section:last-child{margin-bottom:0}.issuing-create-page .form-group{margin-bottom:1.5rem}.issuing-create-page .form-group label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.875rem}.issuing-create-page .form-group input,.issuing-create-page .form-group select,.issuing-create-page .form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#fff}.issuing-create-page .form-group input:focus,.issuing-create-page .form-group select:focus,.issuing-create-page .form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.issuing-create-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.issuing-create-page .materials-list{display:flex;flex-direction:column;gap:1.5rem}.issuing-create-page .material-item{background:#f8fafc;border-radius:8px;padding:1.5rem;border:1px solid #e5e7eb}.issuing-create-page .material-header{margin-bottom:1rem}.issuing-create-page .material-header h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.issuing-create-page .material-title{display:flex;align-items:center;gap:1rem;width:100%}.issuing-create-page .material-title select{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff}.issuing-create-page .btn-text{background:none;border:none;padding:.5rem;font-size:.875rem;cursor:pointer;color:#374151}.issuing-create-page .btn-text.btn-danger{color:#dc2626}.issuing-create-page .btn-text.btn-danger:hover{color:#b91c1c}.issuing-create-page .btn-outline{background:none;border:1px solid #667eea;color:#667eea;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.issuing-create-page .btn-outline:hover{background:#667eea;color:#fff}.issuing-create-page .empty-materials{padding:3rem;text-align:center;background:#f9fafb;border-radius:8px;border:2px dashed #e5e7eb}.issuing-create-page .empty-materials p{color:#6b7280;font-size:.875rem;margin:0}.issuing-create-page .form-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;background:#f8fafc;border-top:1px solid #e5e7eb}.issuing-create-page .btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.issuing-create-page .btn:disabled{opacity:.6;cursor:not-allowed}.issuing-create-page .btn-primary{background:#667eea;color:#fff}.issuing-create-page .btn-primary:hover:not(:disabled){background:#5a67d8}.issuing-create-page .btn-secondary{background:#f3f4f6;color:#374151}.issuing-create-page .btn-secondary:hover:not(:disabled){background:#e5e7eb}@media(max-width:768px){.issuing-create-page .page-header{padding:1.5rem}.issuing-create-page .page-content{padding:0 1rem}.issuing-create-page .form-row{grid-template-columns:1fr}.issuing-create-page .create-form{padding:1.5rem}.issuing-create-page .form-actions{padding:1.5rem;flex-direction:column}.issuing-create-page .btn{width:100%;justify-content:center}}.issuing-picking-page{background-color:#f5f5f5;min-height:100vh}.issuing-picking-page .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.issuing-picking-page .ant-table-thead>tr>th{background-color:#fafafa;font-weight:600}.issuing-picking-page .ant-progress-line{margin:0}.issuing-picking-page .ant-btn-primary{background-color:#1890ff;border-color:#1890ff}.issuing-picking-page .ant-btn-primary:hover{background-color:#40a9ff;border-color:#40a9ff}.material-info{display:flex;flex-direction:column;gap:4px}.material-code{font-weight:700;color:#1890ff}.material-name{color:#666;font-size:12px}.material-spec{color:#999;font-size:11px}.progress-container{display:flex;flex-direction:column;gap:4px}.progress-text{font-size:12px;color:#666}.status-tag{font-size:12px}.inventory-table{margin-bottom:16px}.inventory-table .ant-table-tbody>tr:hover>td{background-color:#e6f7ff}.inventory-table .ant-table-tbody>tr.ant-table-row-selected>td{background-color:#bae7ff}@media(max-width:768px){.issuing-picking-page{padding:16px}.issuing-picking-page .ant-table{font-size:12px}.issuing-picking-page .ant-btn{font-size:12px;padding:4px 8px}}.fifo-alert{border-left:4px solid #1890ff}.picking-form{margin-top:16px}.picking-form .ant-form-item{margin-bottom:16px}.complete-button{background:linear-gradient(135deg,#52c41a,#73d13d);border:none;box-shadow:0 4px 12px #52c41a4d}.complete-button:hover{background:linear-gradient(135deg,#73d13d,#95de64);transform:translateY(-2px);box-shadow:0 6px 16px #52c41a66}.complete-button:disabled{background:#f5f5f5;color:#bfbfbf;transform:none;box-shadow:none}.requisition-detail-page{padding:20px;background-color:#f0f2f5;min-height:100vh}.page-header{background:#fff;padding:16px 24px;margin-bottom:20px;border-radius:8px;box-shadow:0 2px 8px #0000000f}.header-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.header-row h1{margin:0;font-size:24px;font-weight:600;flex:1}.back-button{margin-right:16px}.page-content{display:flex;flex-direction:column;gap:20px}.info-card,.items-card,.related-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f}.info-card .ant-descriptions-item-label{background-color:#fafafa;font-weight:500}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f}.error-container h2{margin-bottom:16px;color:#ff4d4f}.error-container p{margin-bottom:24px;color:#666}@media print{.page-header .back-button,.page-header .ant-btn,.page-header .ant-space{display:none!important}.requisition-detail-page{padding:0;background:#fff}.page-header{box-shadow:none;border-bottom:2px solid #333;margin-bottom:20px;page-break-after:avoid}.info-card,.items-card,.related-card{box-shadow:none;border:1px solid #d9d9d9;page-break-inside:avoid}.ant-card-head{background:#f5f5f5}}@media(max-width:768px){.header-row{flex-wrap:wrap}.header-row h1{width:100%;margin-top:10px;margin-bottom:10px}.ant-descriptions-item{padding:8px 12px!important}.requisition-detail-page{padding:10px}}.requisition-scan-page{padding:20px;max-width:1200px;margin:0 auto;min-height:100vh;background:#f5f5f5}.page-header{margin-bottom:30px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.page-header h1{margin:10px 0;color:#1890ff;font-size:24px}.page-description{color:#666;font-size:14px}.scan-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;min-height:600px}.scan-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.scan-area{position:relative;height:400px;background:#000;display:flex;align-items:center;justify-content:center}.camera-container{position:relative;width:100%;height:100%}.camera-video{width:100%;height:100%;object-fit:cover}.scan-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.scan-frame{width:200px;height:200px;border:2px solid #1890ff;border-radius:8px;position:relative;background:#ffffff1a}.scan-frame:before,.scan-frame:after{content:"";position:absolute;width:20px;height:20px;border:3px solid #52c41a}.scan-frame:before{top:-3px;left:-3px;border-right:none;border-bottom:none}.scan-frame:after{bottom:-3px;right:-3px;border-left:none;border-top:none}.scan-line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:2px;background:linear-gradient(90deg,transparent,#52c41a,transparent);animation:scanLine 2s linear infinite}@keyframes scanLine{0%{transform:translate(-50%,-100px)}to{transform:translate(-50%,100px)}}.scan-placeholder{text-align:center;color:#999}.scan-icon{font-size:48px;margin-bottom:16px}.scan-placeholder h3{margin:16px 0 8px;color:#666}.scan-controls{padding:20px;display:flex;gap:12px;justify-content:center;border-top:1px solid #f0f0f0}.manual-input-section{padding:20px;border-top:1px solid #f0f0f0;background:#fafafa}.input-group{display:flex;gap:12px}.form-input{flex:1;padding:8px 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px}.form-input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.result-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;display:flex;align-items:center;justify-content:center}.loading-container{text-align:center;color:#1890ff}.loading-spinner{width:40px;height:40px;border:4px solid #f0f0f0;border-left:4px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.error-container{text-align:center;color:#ff4d4f}.error-icon{font-size:48px;margin-bottom:16px}.error-container h3{margin:16px 0 8px;color:#ff4d4f}.requisition-info{width:100%;max-width:500px}.info-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.info-header h3{margin:0;color:#1890ff;font-size:18px}.status-badge{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.status-synced{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.info-content{margin-bottom:24px}.info-row{display:flex;align-items:center;margin-bottom:12px;font-size:14px}.info-row label{width:100px;color:#666;font-weight:500;flex-shrink:0}.info-row span{color:#333;flex:1}.action-buttons{display:flex;gap:12px}.btn-large{padding:12px 24px;font-size:16px;font-weight:500}.scan-hint{text-align:center;color:#999;width:100%}.hint-icon{font-size:48px;margin-bottom:16px}.scan-hint h3{margin:16px 0 8px;color:#666}.supported-codes{margin-top:24px;text-align:left;background:#fafafa;padding:16px;border-radius:6px}.supported-codes p{margin:0 0 8px;font-weight:500;color:#666}.supported-codes ul{margin:0;padding-left:20px}.supported-codes li{margin-bottom:4px;font-size:13px;color:#666}@media(max-width:768px){.scan-container{grid-template-columns:1fr;gap:20px}.page-header{padding:16px}.scan-area{height:300px}.scan-controls,.action-buttons{flex-direction:column}}.requisition-pick-page{padding:20px;max-width:1400px;margin:0 auto;min-height:100vh;background:#f5f5f5}.page-header{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin-bottom:30px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.header-info h1{margin:0 0 4px;color:#1890ff;font-size:24px}.header-info p{margin:0;color:#666;font-size:14px}.progress-info{text-align:right;min-width:200px}.progress-text{margin-bottom:8px;font-size:14px;color:#666;font-weight:500}.progress-bar{width:200px;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#52c41a,#73d13d);transition:width .3s ease}.pick-container{display:grid;grid-template-columns:1fr 400px;gap:30px}.current-item-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #f0f0f0;background:#fafafa}.section-header h3{margin:0;color:#1890ff;font-size:18px}.item-counter{background:#1890ff;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.current-item-card{padding:20px}.item-info{margin-bottom:24px}.item-row{display:flex;align-items:center;margin-bottom:12px;font-size:14px}.item-row label{width:100px;color:#666;font-weight:500;flex-shrink:0}.item-row span{color:#333;flex:1}.highlight{background:#fff2e8;color:#fa8c16;padding:2px 8px;border-radius:4px;font-weight:500;font-family:monospace}.quantity{font-weight:500}.quantity.picked{color:#52c41a}.quantity.remaining{color:#fa8c16}.location{background:#f6ffed;color:#52c41a;padding:2px 8px;border-radius:4px;font-weight:500}.pick-actions{border-top:1px solid #f0f0f0;padding-top:20px}.scanning-area{text-align:center;padding:20px;background:#f9f9f9;border-radius:8px;border:2px dashed #1890ff}.scan-input-container,.scan-hint{margin-bottom:20px}.scan-hint .scan-icon{font-size:48px;margin-bottom:16px}.scan-hint h3{color:#1890ff;margin:16px 0 8px;font-size:18px}.scan-hint p{color:#666;font-size:14px;margin:0}.scan-input{width:100%;max-width:400px;padding:12px 16px;border:2px solid #1890ff;border-radius:8px;font-size:16px;font-family:monospace;text-align:center;background:#fff;color:#333;outline:none;transition:all .3s ease}.scan-input:focus{border-color:#52c41a;box-shadow:0 0 0 3px #52c41a33}.scan-input::placeholder{color:#999;font-style:italic}.scan-controls{display:flex;justify-content:center;gap:12px}.action-buttons{display:flex;flex-direction:column;gap:12px}.btn-large{padding:16px 24px;font-size:16px;font-weight:500}.no-items{padding:60px 20px;text-align:center;color:#52c41a}.empty-icon{font-size:64px;margin-bottom:20px}.no-items h3{margin:20px 0 8px;color:#52c41a}.items-list-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;max-height:800px;overflow-y:auto}.items-list-section h3{margin:0 0 20px;color:#1890ff;font-size:18px}.items-list{display:flex;flex-direction:column;gap:12px}.item-card{border:1px solid #f0f0f0;border-radius:8px;padding:16px;cursor:pointer;transition:all .3s ease;background:#fff}.item-card:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff1a}.item-card.active{border-color:#1890ff;background:#f6ffed;box-shadow:0 2px 8px #1890ff26}.item-card.completed{background:#f6ffed;border-color:#b7eb8f}.item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.item-code{font-family:monospace;font-weight:500;color:#1890ff;font-size:13px}.status-badge{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.status-pending{background:#fff2e8;color:#fa8c16;border:1px solid #ffec8b}.status-picking{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.status-completed{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.item-name{color:#333;font-size:14px;margin-bottom:8px;font-weight:500}.item-quantity{font-size:12px;color:#666}.quantity-progress{width:100%;height:4px;background:#f0f0f0;border-radius:2px;margin-top:4px;overflow:hidden}.quantity-progress .progress-fill{height:100%;background:#52c41a;transition:width .3s ease}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:400;line-height:1.5;text-decoration:none;cursor:pointer;transition:all .3s ease;background:none}.btn-success{background:#52c41a;border-color:#52c41a;color:#fff}.btn-success:hover{background:#73d13d;border-color:#73d13d}.btn-danger{background:#ff4d4f;border-color:#ff4d4f;color:#fff}.btn-danger:hover{background:#ff7875;border-color:#ff7875}.btn-outline{background:#fff;border-color:#d9d9d9;color:#595959}.btn-outline:hover{border-color:#1890ff;color:#1890ff}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:#fff;border-radius:8px;margin:20px}.loading-spinner{width:40px;height:40px;border:4px solid #f0f0f0;border-left:4px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media(max-width:1200px){.pick-container{grid-template-columns:1fr;gap:20px}.items-list-section{max-height:400px}}@media(max-width:768px){.page-header{grid-template-columns:1fr;text-align:center;gap:16px}.progress-info{text-align:center}.progress-bar{width:100%;max-width:300px;margin:0 auto}.pick-container{gap:16px}.section-header{flex-direction:column;gap:12px;text-align:center}.action-buttons{gap:8px}.btn-large{padding:14px 20px;font-size:15px}}.quality-detail-page{padding:20px;background:#f5f7fa;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.back-btn{background:#f0f0f0;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.back-btn:hover{background:#e0e0e0}.page-header h1{margin:0;color:#333;font-size:24px}.header-right{display:flex;gap:12px}.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s;display:inline-flex;align-items:center;gap:4px}.btn-primary{background:#1890ff;color:#fff}.btn-primary:hover{background:#40a9ff}.btn-success{background:#52c41a;color:#fff}.btn-success:hover{background:#73d13d}.btn-info{background:#13c2c2;color:#fff}.btn-info:hover{background:#36cfc9}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover{background:#5a6268}.btn-sm{padding:4px 8px;font-size:12px}.page-content{display:flex;flex-direction:column;gap:24px}.task-info-section{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a}.task-info-section h2{margin:0 0 20px;color:#333;font-size:20px}.task-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.info-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.info-card h4{margin:0 0 16px;color:#1890ff;font-size:16px}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.info-row .label{font-weight:500;color:#666}.info-row .value{font-weight:600;color:#333}.passed-count{color:#52c41a;font-weight:600;margin-right:8px}.failed-count{color:#ff4d4f;font-weight:600}.workflow-section{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a}.workflow-section h2{margin:0 0 20px;color:#333;font-size:20px}.workflow-steps{display:flex;align-items:center;gap:20px;overflow-x:auto;padding:20px 0}.workflow-step{display:flex;flex-direction:column;align-items:center;min-width:120px;position:relative}.workflow-step.completed .step-circle{background:#52c41a;color:#fff}.workflow-step.processing .step-circle{background:#1890ff;color:#fff}.workflow-step.pending .step-circle{background:#f0f0f0;color:#666}.step-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;margin-bottom:8px}.step-content{text-align:center}.step-title{font-weight:600;color:#333;margin-bottom:4px;font-size:14px}.step-time{font-size:12px;color:#666}.step-connector{position:absolute;top:20px;left:100%;width:20px;height:2px;background:#e8e8e8}.workflow-step.completed+.workflow-step .step-connector{background:#52c41a}.inspection-section,.records-section{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a}.inspection-section h2,.records-section h2{margin:0 0 20px;color:#333;font-size:20px}.inspection-table,.records-table{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;background:#fff}.data-table th,.data-table td{padding:12px;text-align:left;border-bottom:1px solid #e8e8e8}.data-table th{background:#fafafa;font-weight:600;color:#333}.data-table tr:hover{background:#f9f9f9}.item-name{font-weight:600;color:#333}.item-standard{color:#666;font-size:14px;max-width:200px;word-wrap:break-word}.item-notes{color:#666;font-size:14px;max-width:150px;word-wrap:break-word}.status-badge,.result-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block}.status-pending,.result-pending{background:#fff7e6;color:#d46b08}.status-testing,.result-testing{background:#e6f7ff;color:#0050b3}.status-passed,.result-passed{background:#f6ffed;color:#389e0d}.status-failed,.result-failed{background:#fff2f0;color:#cf1322}.status-urgent{background:#fff0f6;color:#c41d7f}.priority-high{color:#cf1322;font-weight:600}.priority-medium{color:#d46b08;font-weight:600}.priority-low{color:#389e0d;font-weight:600}.result-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.result-modal .modal-content{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:700px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 10px 30px #0000004d}.result-modal .close-btn{position:absolute;top:15px;right:20px;font-size:28px;font-weight:700;cursor:pointer;color:#aaa;transition:color .2s}.result-modal .close-btn:hover{color:#000}.result-modal h2{margin-bottom:20px;color:#333;font-size:24px}.item-info{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:20px}.item-info h3{margin:0 0 12px;color:#1890ff}.item-info p{margin:8px 0;color:#666}.result-form{margin-top:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid #e8e8e8;border-radius:6px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#1890ff}.form-group textarea{resize:vertical;min-height:80px}.image-upload{border:2px dashed #d9d9d9;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:border-color .3s}.image-upload:hover{border-color:#1890ff}.upload-placeholder{color:#666;font-size:16px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid #e8e8e8}@media(max-width:1200px){.quality-detail-page{padding:16px}.task-info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:768px){.quality-detail-page{padding:12px}.page-header{flex-direction:column;gap:16px;align-items:flex-start}.header-left{width:100%;justify-content:space-between}.header-right{width:100%;justify-content:flex-end}.task-info-grid{grid-template-columns:1fr}.workflow-steps{flex-direction:column;gap:16px}.workflow-step{flex-direction:row;min-width:auto;width:100%;text-align:left}.step-circle{margin-bottom:0;margin-right:12px}.step-connector{display:none}.data-table th,.data-table td{padding:8px;font-size:12px}.item-standard,.item-notes{max-width:120px}.result-modal .modal-content{padding:20px;width:95%}.form-actions{flex-direction:column;gap:8px}.form-actions .btn{width:100%;justify-content:center}}@media(max-width:480px){.info-row{flex-direction:column;align-items:flex-start;gap:4px}.data-table{font-size:11px}.data-table th,.data-table td{padding:6px}.item-standard,.item-notes{max-width:100px;font-size:11px}}.quality-related-order{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:16px;transition:all .3s ease}.quality-related-order:hover{box-shadow:0 2px 8px #00000014;border-color:#e0e0e0}.quality-related-order .order-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.quality-related-order .order-icon{font-size:20px}.quality-related-order .order-label{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.quality-related-order .order-content{flex:1}.quality-related-order .order-main{margin-bottom:8px}.quality-related-order .order-number{font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.quality-related-order .order-number .clickable{color:#1890ff;cursor:pointer;text-decoration:none;transition:color .3s}.quality-related-order .order-number .clickable:hover{color:#40a9ff;text-decoration:underline}.quality-related-order .supplier-name{font-size:14px;color:#666}.quality-related-order .order-extra{font-size:12px;color:#999;margin-top:4px;padding-top:4px;border-top:1px dashed #f0f0f0}.quality-related-order .order-actions{margin-top:12px;text-align:right}.quality-related-order .btn-link{background:none;border:none;color:#1890ff;font-size:14px;cursor:pointer;padding:4px 8px;transition:all .3s}.quality-related-order .btn-link:hover{color:#40a9ff;background:#f0f8ff;border-radius:4px}.quality-related-order-empty{background:#fafafa;border:1px dashed #d9d9d9;border-radius:8px;padding:24px;text-align:center;color:#999}.quality-related-order-empty .empty-icon{font-size:24px;display:block;margin-bottom:8px;opacity:.5}.quality-related-order-empty .empty-text{font-size:14px}.info-card .quality-related-order{border:none;padding:0;background:transparent}.info-card .quality-related-order:hover{box-shadow:none}.info-card .quality-related-order .order-header{margin-bottom:8px}.info-card .quality-related-order .order-actions{margin-top:8px}@media(max-width:768px){.quality-related-order{padding:12px}.quality-related-order .order-number{font-size:14px}.quality-related-order .supplier-name{font-size:12px}}.quality-task-detail-page{padding:20px;background-color:#f5f5f5;min-height:100vh}.page-header{display:flex;align-items:center;margin-bottom:20px;padding:16px 24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.header-content{display:flex;align-items:center;justify-content:space-between;flex:1;margin-left:16px}.header-content h1{margin:0;font-size:24px;font-weight:600;color:#262626}.quality-alert-section,.quality-summary-section{margin-bottom:24px}.alert{display:flex;align-items:flex-start;padding:16px;border-radius:8px;background:#fff;box-shadow:0 2px 8px #0000001a;border-left:4px solid}.alert-warning{border-left-color:#faad14;background-color:#fffbe6}.alert-success{border-left-color:#52c41a;background-color:#f6ffed}.alert-icon{font-size:24px;margin-right:12px;line-height:1}.alert-content{flex:1}.alert-content h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#d48806}.alert-content p{margin:0 0 12px;color:#595959;line-height:1.5}.alert-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-sm{padding:4px 12px;font-size:12px;height:auto;line-height:1.4}.failed-items-summary{margin:12px 0;padding:8px;background-color:#fff2e8;border-radius:4px;border:1px solid #ffec99}.failed-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #ffe58f}.failed-item:last-child{border-bottom:none}.material-name{font-weight:500;color:#8c4a00}.failed-quantity{color:#cf1322;font-weight:600;font-size:12px}.passed-items-summary{margin:12px 0;padding:8px;background-color:#f0f9ff;border-radius:4px;border:1px solid #b7eb8f}.passed-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #d9f7be}.passed-item:last-child{border-bottom:none}.passed-item .material-name{font-weight:500;color:#135200}.passed-quantity{color:#389e0d;font-weight:600;font-size:12px}.task-info-section{margin-bottom:24px}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.info-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.card-header{padding:16px 20px;background-color:#fafafa;border-bottom:1px solid #f0f0f0}.card-header h3{margin:0;font-size:16px;font-weight:600;color:#262626}.card-content{padding:20px}.info-row{display:flex;align-items:center;margin-bottom:12px}.info-row:last-child{margin-bottom:0}.info-row label{width:80px;font-weight:500;color:#8c8c8c;margin-right:12px}.info-row span{color:#262626;flex:1}.material-item{background:#fafafa;border-radius:6px;padding:16px;margin-bottom:16px}.material-item:last-child{margin-bottom:0}.item-header h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#262626}.item-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.detail-row{display:flex;align-items:center}.detail-row label{width:80px;font-weight:500;color:#8c8c8c;margin-right:8px}.detail-row span{color:#262626}.inspection-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.section-header{padding:16px 24px;background-color:#fafafa;border-bottom:1px solid #f0f0f0}.section-header h3{margin:0;font-size:18px;font-weight:600;color:#262626}.section-content{padding:24px}.return-order-info{padding:12px;background-color:#f0f9ff;border-radius:6px;border:1px solid #91caff}.return-order-status{display:flex;align-items:center;margin-bottom:8px}.return-order-status .status-icon{font-size:16px;margin-right:6px;color:#52c41a}.return-order-status .status-text{font-weight:600;color:#135200;font-size:14px}.return-order-numbers,.return-order-count{margin-bottom:8px;font-size:13px;color:#595959}.return-order-numbers .label,.return-order-count .label{font-weight:500;color:#262626}.return-order-numbers .return-number{background-color:#e6f7ff;padding:2px 6px;border-radius:3px;font-family:Consolas,Monaco,monospace;font-size:12px;color:#0958d9;font-weight:500}.return-order-count .count{font-weight:600;color:#0958d9}.btn-primary:hover{background-color:#40a9ff}.btn-success:hover{background-color:#73d13d}.btn-warning{background-color:#faad14;color:#fff}.btn-warning:hover{background-color:#ffc53d}@media(max-width:768px){.quality-task-detail-page{padding:12px}.page-header{flex-direction:column;align-items:stretch;gap:12px}.header-content{flex-direction:column;align-items:stretch;margin-left:0;gap:12px}.header-actions{justify-content:center}.info-cards,.item-details{grid-template-columns:1fr}}.stock-in-order-info{display:flex;flex-direction:column;gap:8px;padding:12px;background-color:#f6ffed;border:1px solid #b7eb8f;border-radius:6px}.stock-in-order-status{display:flex;align-items:center;gap:6px;font-weight:500}.stock-in-order-status .status-icon,.stock-in-order-status .status-text{color:#52c41a;font-size:14px}.stock-in-order-numbers,.stock-in-order-count{display:flex;align-items:center;gap:4px;font-size:12px}.stock-in-order-numbers .label,.stock-in-order-count .label{color:#666}.stock-in-number{color:#0958d9;font-family:monospace;font-weight:500}.stock-in-order-count .count{color:#0958d9;font-weight:500}.quality-kingdee-actions{padding:12px;background-color:#fafafa;border-radius:4px;border:1px solid #d9d9d9}.quality-kingdee-actions .ant-space{width:100%}.quality-kingdee-actions .ant-btn-sm{font-size:12px;height:28px;padding:0 12px}.quality-kingdee-actions .ant-tag{margin:0}.quality-kingdee-actions .ant-modal{top:20px}.quality-kingdee-actions .ant-form-item{margin-bottom:12px}.quality-kingdee-actions .ant-input-number{width:100%}.quality-kingdee-actions .detail-item{background-color:#f5f5f5;padding:12px;border-radius:4px;margin-bottom:12px}.quality-kingdee-actions .detail-item h4{margin:0 0 12px;font-size:14px;color:#262626;font-weight:600}.quality-inspection-page{padding:20px;min-height:100vh;background-color:#f5f5f5}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.page-header h1{margin:0;font-size:20px;font-weight:600;color:#262626}.inspection-items-list{max-height:600px;overflow-y:auto}.inspection-item{padding:12px;margin-bottom:8px;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;transition:all .3s ease;background-color:#fafafa}.inspection-item:hover{border-color:#1890ff;box-shadow:0 2px 4px #1890ff1a}.inspection-item.active{border-color:#1890ff;background-color:#e6f7ff;box-shadow:0 2px 8px #1890ff33}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.item-name{font-weight:600;color:#262626;font-size:14px}.item-details{font-size:12px;color:#8c8c8c;line-height:1.5}.item-details>div{margin-bottom:2px}.material-info{padding:16px;background-color:#fafafa;border-radius:6px;margin-bottom:16px}.material-info>div>div{margin-bottom:8px;font-size:14px;line-height:1.5}.material-info strong{color:#262626;min-width:80px;display:inline-block}.header-content{flex:1;margin-left:16px}.header-content h1{margin:0 0 8px;font-size:24px;font-weight:600;color:#262626}.header-stats{display:flex;gap:24px;color:#8c8c8c;font-size:14px}.header-actions{display:flex;gap:8px}.task-overview{margin-bottom:24px}.overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.overview-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.card-title{padding:12px 16px;background-color:#fafafa;border-bottom:1px solid #f0f0f0;font-weight:600;color:#262626}.card-content{padding:16px}.info-item{display:flex;align-items:center;margin-bottom:8px}.info-item:last-child{margin-bottom:0}.info-item label{width:80px;font-weight:500;color:#8c8c8c;margin-right:8px}.info-item span{color:#262626;flex:1}.inspection-items-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.inspection-items-section h2{margin:0;padding:20px 24px;background-color:#fafafa;border-bottom:1px solid #f0f0f0;font-size:18px;font-weight:600;color:#262626}.material-section{padding:24px;border-bottom:1px solid #f0f0f0}.material-section:last-child{border-bottom:none}.material-section h3{margin:0 0 20px;font-size:16px;font-weight:600;color:#262626;padding-bottom:8px;border-bottom:2px solid #1890ff}.inspection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.inspection-card{border:2px solid #f0f0f0;border-radius:8px;background:#fafafa;transition:all .3s}.inspection-card.completed{border-color:#52c41a;background:#f6ffed}.inspection-card .card-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border-bottom:1px solid #f0f0f0}.inspection-card .card-header h4{margin:0;font-size:16px;font-weight:600;color:#262626}.inspection-card .card-content{padding:16px}.inspection-info{margin-bottom:16px}.inspection-info .info-row{display:flex;align-items:flex-start;margin-bottom:8px}.inspection-info .info-row:last-child{margin-bottom:0}.inspection-info .info-row label{width:80px;font-weight:500;color:#8c8c8c;margin-right:8px;flex-shrink:0}.inspection-info .info-row span{color:#262626;flex:1}.inspection-form{border-top:1px solid #f0f0f0;padding-top:16px}.form-group{margin-bottom:12px}.form-group:last-child{margin-bottom:16px}.form-group label{display:block;margin-bottom:4px;font-weight:500;color:#262626;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:8px 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.action-buttons{display:flex;gap:8px}.inspection-result{border-top:1px solid #f0f0f0;padding-top:16px}.result-summary{display:flex;flex-direction:column;gap:8px}.result-badge{margin-bottom:8px}.result-badge .passed{color:#52c41a;font-weight:600;font-size:16px}.result-badge .failed{color:#ff4d4f;font-weight:600;font-size:16px}.test-value,.remark{display:flex;align-items:flex-start}.test-value label,.remark label{width:60px;font-weight:500;color:#8c8c8c;margin-right:8px;flex-shrink:0}.test-value span,.remark span{color:#262626;flex:1}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-primary{background-color:#1890ff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#40a9ff}.btn-success{background-color:#52c41a;color:#fff}.btn-success:hover:not(:disabled){background-color:#73d13d}.btn-danger{background-color:#ff4d4f;color:#fff}.btn-danger:hover:not(:disabled){background-color:#ff7875}.btn-outline{background-color:transparent;color:#1890ff;border:1px solid #d9d9d9}.btn-outline:hover{color:#40a9ff;border-color:#40a9ff}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center}.loading-spinner{font-size:24px;margin-bottom:16px}.error-message{font-size:16px;color:#ff4d4f;margin-bottom:16px}.page-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px}.header-left,.header-right{display:flex;align-items:center;gap:16px}.progress-info{font-size:14px;color:#666;font-weight:500}.task-info-card{margin-bottom:16px}.task-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.inspection-list-card{background:#fff}.material-info{background:#f5f5f5;padding:16px;border-radius:6px;margin-bottom:16px}.material-info p{margin:8px 0;color:#262626}.material-info strong{color:#1890ff;margin-right:12px;min-width:80px;display:inline-block}@media(max-width:768px){.quality-inspection-page{padding:12px}.page-header{flex-direction:column;align-items:stretch;gap:12px}.header-content{margin-left:0}.header-stats,.header-actions{justify-content:center}.overview-cards,.inspection-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.result-summary{gap:4px}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.inspection-card{animation:slideIn .3s ease-out}.inspection-card:nth-child(2){animation-delay:.1s}.inspection-card:nth-child(3){animation-delay:.2s}.result-badge .passed{animation:successPulse .6s ease-out}.result-badge .failed{animation:errorShake .6s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.return-recommendation-page{padding:24px;background:#f0f2f5;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px 0}.header-left{display:flex;align-items:center;gap:16px}.header-left h1{margin:0;color:#262626;font-size:24px;font-weight:600}.header-right{display:flex;align-items:center;gap:8px}.filter-card{margin-bottom:16px}.filter-card .ant-card-body{padding:16px}.table-card .ant-card-head{border-bottom:1px solid #f0f0f0}.table-card .ant-card-body{padding:0}.table-card .ant-table{background:#fff}.table-card .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#262626}.table-card .ant-table-tbody>tr:hover>td{background:#f5f5f5}.ant-tag{border:none;font-weight:500}.ant-modal-header{border-bottom:1px solid #f0f0f0;margin-bottom:16px}.ant-modal-body{padding:24px}@media(max-width:768px){.return-recommendation-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.header-left,.header-right,.filter-card .ant-space{width:100%;justify-content:space-between}}.ant-table-body::-webkit-scrollbar{height:8px}.ant-table-body::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.ant-table-body::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:4px}.ant-table-body::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.material-info{display:flex;flex-direction:column}.material-info .material-code{font-weight:700;color:#262626}.material-info .material-name{font-size:12px;color:#8c8c8c;margin-top:2px}.supplier-info{display:flex;flex-direction:column}.supplier-info .supplier-name{color:#262626}.supplier-info .supplier-code{font-size:12px;color:#8c8c8c;margin-top:2px}.failed-quantity{color:#ff4d4f!important;font-weight:700}.selected-items-list{max-height:200px;overflow-y:auto;border:1px solid #d9d9d9;padding:8px;border-radius:4px;background:#fafafa}.selected-item{padding:4px 0;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.selected-item:last-child{border-bottom:none}.selected-item .item-info{display:flex;gap:8px;align-items:center}.selected-item .material-code{font-weight:700;color:#262626}.selected-item .batch-info{color:#8c8c8c}.selected-item .failed-count{color:#ff4d4f;font-weight:700}.returns-page *{box-sizing:border-box}.returns-page{font-family:var(--font-family-base);background:var(--color-bg-layout);min-height:100vh;padding:24px;width:100%;position:relative}.returns-page .container{width:100%;margin:0 auto}.returns-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;padding:32px;background:linear-gradient(135deg,#722ed1,#9254de);color:#fff;margin:0 0 24px;border-radius:16px;box-shadow:0 4px 12px #722ed126;position:relative;overflow:hidden}.returns-page .page-header:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.returns-page .page-header h1{font-size:28px;font-weight:600;margin:0;display:flex;align-items:center;gap:12px;color:#fff}.returns-page .page-description{font-size:14px;color:#ffffffe6;margin:4px 0 0}.returns-page .page-header .ant-btn{background:#ffffffe6;border:none;color:#722ed1;height:40px;padding:0 24px;border-radius:8px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.returns-page .page-header .ant-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.returns-page .filter-card{background:#fff;border-radius:12px;border:1px solid #f0f0f0;box-shadow:0 2px 8px #0000000a;margin-bottom:24px;padding:24px}.returns-page .filter-card .ant-space{width:100%;flex-wrap:wrap}.returns-page .filter-card .ant-input,.returns-page .filter-card .ant-select-selector,.returns-page .filter-card .ant-picker{border-radius:8px;border-color:#e8e8e8;transition:all .3s ease}.returns-page .filter-card .ant-input:hover,.returns-page .filter-card .ant-select:not(.ant-select-disabled):hover .ant-select-selector,.returns-page .filter-card .ant-picker:hover{border-color:#b37feb}.returns-page .filter-card .ant-input:focus,.returns-page .filter-card .ant-select-focused:not(.ant-select-disabled) .ant-select-selector,.returns-page .filter-card .ant-picker-focused{border-color:#722ed1;box-shadow:0 0 0 2px #722ed11a}.returns-page .filter-card .ant-btn-primary{background:#722ed1;border-color:#722ed1;border-radius:8px;height:36px;font-weight:500}.returns-page .filter-card .ant-btn-primary:hover{background:#5b23b3;border-color:#5b23b3;transform:translateY(-1px);box-shadow:0 2px 8px #722ed133}.returns-page .filter-card .ant-btn-default{border-radius:8px;height:36px}.returns-page .filter-card .ant-btn-default:hover{color:#722ed1;border-color:#722ed1}.returns-page .ant-card{background:#fff;border-radius:12px;border:1px solid #f0f0f0;box-shadow:0 2px 8px #0000000a}.returns-page .ant-card-body{padding:0}.returns-page .ant-table{font-size:14px}.returns-page .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#595959;border-bottom:1px solid #f0f0f0;padding:16px}.returns-page .ant-table-tbody>tr>td{padding:16px;border-bottom:1px solid #f0f0f0}.returns-page .ant-table-tbody>tr:hover>td{background:#fafafa}.returns-page .ant-table-cell a{color:#722ed1;font-weight:500;text-decoration:none;transition:all .3s ease}.returns-page .ant-table-cell a:hover{color:#5b23b3;text-decoration:underline}.returns-page .ant-tag{border-radius:6px;padding:2px 12px;font-size:12px;font-weight:500;border:none}.returns-page .ant-tag-orange{background:#fff7e6;color:#fa8c16}.returns-page .ant-tag-green{background:#f6ffed;color:#52c41a}.returns-page .ant-tag-blue{background:#e6f7ff;color:#1890ff}.returns-page .ant-tag-red{background:#fff1f0;color:#f5222d}.returns-page .ant-tag-gray{background:#fafafa;color:#8c8c8c}.returns-page .ant-btn-link{color:#722ed1;padding:4px 8px;height:auto}.returns-page .ant-btn-link:hover{color:#5b23b3}.returns-page .ant-pagination{padding:16px;text-align:right}.returns-page .ant-pagination-item-active{border-color:#722ed1}.returns-page .ant-pagination-item-active a{color:#722ed1}.returns-page .ant-pagination-item:hover{border-color:#722ed1}.returns-page .ant-pagination-item:hover a{color:#722ed1}.returns-page .ant-spin-nested-loading{min-height:400px}.returns-page .ant-empty{padding:60px 0}@media(max-width:1200px){.returns-page .filter-card .ant-space-item{margin-bottom:8px}}@media(max-width:768px){.returns-page{padding:16px}.returns-page .page-header{flex-direction:column;gap:16px;text-align:center;padding:24px}.returns-page .page-header h1{font-size:24px}.returns-page .filter-card{padding:16px}.returns-page .ant-table{font-size:12px}.returns-page .ant-table-thead>tr>th,.returns-page .ant-table-tbody>tr>td{padding:12px 8px}}.returns-page:before{content:"";position:fixed;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(114,46,209,.03) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.returns-page:after{content:"";position:fixed;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(146,84,222,.03) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.returns-page>*{position:relative;z-index:1}.return-detail-page{padding:24px}.return-detail-page .page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.return-detail-page .page-header h1{margin:0;flex:1;font-size:24px;font-weight:600}.return-detail-page .detail-card{margin-bottom:16px}.return-detail-page .ant-descriptions-item-label{font-weight:500;color:#666}.return-detail-page .ant-timeline-item-content{padding-bottom:20px}.return-detail-loading{display:flex;justify-content:center;align-items:center;min-height:400px}.return-detail-page .ant-table{margin-top:16px}.return-detail-page .ant-tag{border-radius:4px;padding:2px 8px}.return-detail-page .ant-descriptions{background:#fafafa;padding:16px;border-radius:8px}.return-detail-page .ant-timeline{padding:16px}.document-page{padding:20px;background:#f5f7fa;min-height:100vh}.document-page .container{max-width:1400px;margin:0 auto}.document-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.document-page .header-left{display:flex;align-items:center;gap:16px}.document-page .back-btn{background:#f0f0f0;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.document-page .back-btn:hover{background:#e0e0e0}.document-page .page-header h1{margin:0;color:#333;font-size:24px}.document-page .page-header p{margin:4px 0 0;color:#666;font-size:14px}.document-page .header-right{display:flex;gap:12px}.document-page .error-banner{background:#fff2f0;border:1px solid #ffccc7;border-radius:6px;padding:12px 16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.document-page .error-message{color:#cf1322;font-size:14px}.document-page .error-close{background:none;border:none;color:#cf1322;cursor:pointer;font-size:16px;font-weight:700}.document-page .stats-section{margin-bottom:24px}.document-page .type-stats-section{background:#fff;border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 2px 4px #0000001a}.document-page .type-stats-section h3{margin:0 0 16px;color:#333;font-size:18px;font-weight:600}.document-page .type-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.document-page .type-card{background:#fff;border:2px solid #e8e8e8;border-radius:8px;padding:16px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.document-page .type-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.document-page .type-card.active{border-color:#1890ff;background:#f0f8ff}.document-page .type-card.active:after{content:"✓";position:absolute;top:8px;right:12px;color:#1890ff;font-weight:700}.document-page .type-icon{font-size:24px;margin-bottom:8px}.document-page .type-name{font-size:14px;color:#333;margin-bottom:4px}.document-page .type-count{font-size:18px;font-weight:600;color:#1890ff}.document-page .search-filter-section{background:#fff;border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 2px 4px #0000001a}.document-page .table-section{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a}.document-page .data-table-container{overflow-x:auto}.document-page .data-table{width:100%;border-collapse:collapse;border-spacing:0}.document-page .data-table th,.document-page .data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #f0f0f0}.document-page .data-table th{background:#fafafa;font-weight:600;color:#333;font-size:14px}.document-page .data-table td{font-size:14px;color:#666}.document-page .data-table tr:hover{background:#f5f5f5}.document-page .doc-info{display:flex;flex-direction:column;gap:4px}.document-page .doc-number{font-weight:600;color:#333}.document-page .doc-meta{font-size:12px;color:#999}.document-page .doc-notes{font-size:12px;color:#666;font-style:italic}.document-page .operator-info{display:flex;flex-direction:column;gap:2px}.document-page .operator-name{font-weight:500;color:#333}.document-page .operator-dept{font-size:12px;color:#999}.document-page .material-info{display:flex;flex-direction:column;gap:2px}.document-page .material-types{font-weight:500;color:#333}.document-page .material-quantity{font-size:12px;color:#666}.document-page .status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.document-page .status-pending{background:#fff7e6;color:#d46b08}.document-page .status-processing{background:#e6f7ff;color:#0050b3}.document-page .status-completed{background:#f6ffed;color:#389e0d}.document-page .status-cancelled{background:#fff2f0;color:#cf1322}.document-page .priority-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.document-page .priority-high{background:#fff2f0;color:#cf1322}.document-page .priority-medium{background:#fff7e6;color:#d46b08}.document-page .priority-low{background:#e6f7ff;color:#0050b3}.document-page .time-info{display:flex;flex-direction:column;gap:2px}.document-page .date-part{color:#333;font-weight:500}.document-page .time-part{color:#666;font-size:12px}.document-page .pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid #f0f0f0}.document-page .pagination-info{color:#666;font-size:14px}.document-page .pagination-controls{display:flex;align-items:center;gap:8px}.document-page .page-btn{padding:8px 12px;border:1px solid #d9d9d9;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.document-page .page-btn:hover:not(:disabled){border-color:#1890ff;color:#1890ff}.document-page .page-btn:disabled{background:#f5f5f5;color:#bfbfbf;cursor:not-allowed}.document-page .page-info{color:#666;font-size:14px;margin:0 8px}@media(max-width:1200px){.document-page{padding:16px}.document-page .type-cards{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media(max-width:768px){.document-page{padding:12px}.document-page .page-header{flex-direction:column;gap:16px;padding:16px}.document-page .header-left{flex-direction:column;gap:8px;align-items:flex-start}.document-page .header-right{width:100%;justify-content:flex-start;flex-wrap:wrap}.document-page .type-cards{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.document-page .type-card{padding:12px}.document-page .data-table th,.document-page .data-table td{padding:8px 12px;font-size:13px}.document-page .pagination{flex-direction:column;gap:12px}}@media(max-width:480px){.document-page .type-cards{grid-template-columns:repeat(2,1fr)}.document-page .type-card{padding:8px}.document-page .type-icon{font-size:20px}.document-page .type-count{font-size:16px}}.document-detail{font-family:Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 20px}.document-detail *{margin:0;padding:0;box-sizing:border-box}.document-detail .container{max-width:1600px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;overflow:hidden}.document-detail .header{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:40px 30px;text-align:center;position:relative}.document-detail .header h1{font-size:32px;margin-bottom:8px;font-weight:600}.document-detail .header p{font-size:16px;opacity:.9;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.document-detail .back-btn{position:absolute;top:20px;left:20px;background:#fff3;border:none;color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.document-detail .back-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.document-detail .header-actions{position:absolute;top:20px;right:20px;display:flex;gap:12px}.document-detail .content{padding:0}.document-detail .tabs{display:flex;background:#f8f9fa;border-bottom:1px solid #e8e8e8;overflow-x:auto}.document-detail .tab{background:none;border:none;padding:16px 24px;cursor:pointer;font-size:14px;color:#666;transition:all .3s ease;white-space:nowrap;border-bottom:2px solid transparent;font-weight:500}.document-detail .tab:hover{color:#1890ff;background:#1890ff0d}.document-detail .tab.active{color:#1890ff;border-bottom-color:#1890ff;background:#fff;font-weight:600}.document-detail .tab-content{padding:30px;min-height:500px}.document-detail .info-cards{display:grid;gap:24px}.document-detail .info-card{background:#f8f9fa;padding:24px;border-radius:12px;border:1px solid #e9ecef}.document-detail .info-card h3{margin:0 0 20px;color:#333;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.document-detail .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.document-detail .info-item{display:flex;flex-direction:column;gap:6px}.document-detail .info-item label{font-size:13px;color:#666;font-weight:500}.document-detail .info-item span{font-size:15px;color:#333;font-weight:500}.document-detail .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px}.document-detail .stat-item{text-align:center;background:#fff;padding:20px;border-radius:8px;border:1px solid #e8e8e8}.document-detail .stat-value{font-size:24px;font-weight:700;color:#1890ff;margin-bottom:6px}.document-detail .stat-label{font-size:13px;color:#666}.document-detail .notes-content{background:#fff;padding:20px;border-radius:8px;border:1px solid #e8e8e8;color:#333;line-height:1.6}.document-detail .materials-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.document-detail .materials-header h3{margin:0;color:#333;font-size:20px;font-weight:600}.document-detail .materials-summary{font-size:14px;color:#666}.document-detail .table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000014}.document-detail .data-table{width:100%;border-collapse:collapse;min-width:1000px}.document-detail .data-table th,.document-detail .data-table td{padding:16px 20px;text-align:left;border-bottom:1px solid #e8e8e8}.document-detail .data-table th{background:#fafafa;font-weight:600;color:#333;font-size:14px}.document-detail .data-table tr:hover{background:#f9f9f9}.document-detail .material-code{font-size:12px;color:#666;margin-bottom:4px}.document-detail .material-name{font-size:14px;color:#333;font-weight:500}.document-detail .material-spec{font-size:12px;color:#666}.document-detail .quantity-info{font-size:14px;color:#333}.document-detail .quantity-info.received{color:#52c41a;font-weight:500}.document-detail .quantity-info.remaining{color:#faad14;font-weight:500}.document-detail .price-info,.document-detail .amount-info{font-size:14px;color:#333;font-weight:500}.document-detail .batch-info,.document-detail .location-info{font-size:12px;color:#666}.document-detail .process-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.document-detail .process-header h3{margin:0;color:#333;font-size:20px;font-weight:600}.document-detail .process-summary{font-size:14px;color:#666}.document-detail .process-flow{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.document-detail .process-step{display:flex;align-items:flex-start;gap:20px;padding:20px;background:#f8f9fa;border-radius:12px;border-left:4px solid #e8e8e8;position:relative}.document-detail .process-step.active{border-left-color:#1890ff;background:#e6f7ff}.document-detail .process-step.completed{border-left-color:#52c41a;background:#f6ffed}.document-detail .process-step.completed .step-icon{background:#52c41a;color:#fff}.document-detail .process-step.active .step-icon{background:#1890ff;color:#fff}.document-detail .step-icon{width:36px;height:36px;background:#e8e8e8;color:#666;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.document-detail .step-content{flex:1}.document-detail .step-title{font-size:16px;font-weight:600;color:#333;margin-bottom:6px}.document-detail .step-desc{font-size:14px;color:#666;margin-bottom:8px}.document-detail .step-time{font-size:12px;color:#999}.document-detail .process-actions{display:flex;gap:16px;justify-content:center;padding:24px;background:#f8f9fa;border-radius:12px}.document-detail .history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.document-detail .history-header h3{margin:0;color:#333;font-size:20px;font-weight:600}.document-detail .history-summary{font-size:14px;color:#666}.document-detail .history-timeline{position:relative;padding-left:40px}.document-detail .history-timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:#e8e8e8}.document-detail .timeline-item{position:relative;margin-bottom:30px}.document-detail .timeline-marker{position:absolute;left:-30px;top:12px;width:12px;height:12px;background:#1890ff;border-radius:50%;border:3px solid white;box-shadow:0 0 0 2px #1890ff}.document-detail .timeline-content{background:#f8f9fa;padding:20px;border-radius:12px;border:1px solid #e9ecef}.document-detail .timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.document-detail .timeline-title{font-size:16px;font-weight:600;color:#333}.document-detail .timeline-time{font-size:12px;color:#666}.document-detail .timeline-operator{font-size:12px;color:#666;margin-bottom:6px}.document-detail .timeline-details{font-size:14px;color:#333}.document-detail .status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block}.document-detail .status-pending{background:#fff7e6;color:#d46b08}.document-detail .status-processing{background:#e6f7ff;color:#0050b3}.document-detail .status-completed{background:#f6ffed;color:#389e0d}.document-detail .status-cancelled{background:#fff2f0;color:#cf1322}.document-detail .priority-high{color:#ff4d4f;font-weight:600}.document-detail .priority-medium{color:#faad14;font-weight:500}.document-detail .priority-low{color:#52c41a;font-weight:500}.document-detail .btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px;line-height:1.5;vertical-align:middle}.document-detail .btn-sm{padding:6px 12px;font-size:12px}.document-detail .btn-primary{background:#1890ff;color:#fff}.document-detail .btn-primary:hover{background:#40a9ff;transform:translateY(-2px)}.document-detail .btn-success{background:#52c41a;color:#fff}.document-detail .btn-success:hover{background:#73d13d;transform:translateY(-2px)}.document-detail .btn-warning{background:#faad14;color:#fff}.document-detail .btn-warning:hover{background:#ffc53d;transform:translateY(-2px)}.document-detail .btn-info{background:#13c2c2;color:#fff}.document-detail .btn-info:hover{background:#36cfc9;transform:translateY(-2px)}.document-detail .btn-danger{background:#ff4d4f;color:#fff}.document-detail .btn-danger:hover{background:#ff7875;transform:translateY(-2px)}.document-detail .btn-secondary{background:#f5f5f5;color:#333;border:1px solid #d9d9d9}.document-detail .btn-secondary:hover{background:#e8e8e8;transform:translateY(-2px)}.document-detail .modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.document-detail .modal-content{background:#fff;border-radius:16px;padding:30px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d}.document-detail .close-btn{position:absolute;top:20px;right:20px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:4px;border-radius:50%;transition:all .3s ease}.document-detail .close-btn:hover{background:#f0f0f0;color:#333}.document-detail .modal-content h2{margin:0 0 24px;color:#333;font-size:20px;font-weight:600}.document-detail .process-form{display:flex;flex-direction:column;gap:20px}.document-detail .form-field{display:flex;flex-direction:column;gap:8px}.document-detail .form-field label{font-size:14px;font-weight:500;color:#333}.document-detail .form-field select,.document-detail .form-field textarea{padding:10px 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;transition:border-color .3s}.document-detail .form-field select:focus,.document-detail .form-field textarea:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.document-detail .form-field textarea{resize:vertical;min-height:100px}.document-detail .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.document-detail .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.document-detail .detail-item{display:flex;flex-direction:column;gap:6px}.document-detail .detail-item label{font-size:12px;color:#666;font-weight:500}.document-detail .detail-item span{font-size:14px;color:#333;font-weight:500}.document-detail .print-options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.document-detail .print-option{display:flex;align-items:center;gap:10px}.document-detail .print-option input[type=checkbox]{width:16px;height:16px}.document-detail .print-option label{font-size:14px;color:#333;cursor:pointer}.document-detail .print-actions{display:flex;gap:12px;justify-content:flex-end}@media(max-width:1200px){.document-detail .container{margin:0 20px;border-radius:16px}.document-detail .header{padding:30px 20px}.document-detail .header h1{font-size:28px}.document-detail .info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.document-detail .stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media(max-width:768px){.document-detail{padding:20px 10px}.document-detail .container{margin:0;border-radius:12px}.document-detail .header{padding:24px 20px;text-align:left}.document-detail .header h1{font-size:24px;margin-bottom:12px}.document-detail .header p{justify-content:flex-start;font-size:14px}.document-detail .back-btn{position:static;margin-bottom:16px;display:inline-block}.document-detail .header-actions{position:static;margin-top:16px;justify-content:flex-start}.document-detail .tabs{overflow-x:auto}.document-detail .tab{padding:12px 16px;font-size:12px}.document-detail .tab-content{padding:20px}.document-detail .info-grid{grid-template-columns:1fr}.document-detail .stats-grid{grid-template-columns:repeat(2,1fr)}.document-detail .table-container{overflow-x:auto}.document-detail .data-table th,.document-detail .data-table td{padding:12px 16px}.document-detail .process-step{padding:16px}.document-detail .step-title{font-size:14px}.document-detail .step-desc{font-size:12px}.document-detail .process-actions{flex-direction:column;gap:12px}.document-detail .timeline-content{padding:16px}.document-detail .timeline-title{font-size:14px}.document-detail .timeline-details{font-size:12px}.document-detail .modal-content{width:95%;padding:24px}.document-detail .form-actions,.document-detail .print-actions{flex-direction:column;gap:8px}}@media(max-width:480px){.document-detail .stats-grid,.document-detail .detail-grid{grid-template-columns:1fr}.document-detail .data-table{font-size:12px}.document-detail .data-table th,.document-detail .data-table td{padding:8px 12px}}.unified-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px;width:100%}.unified-stats-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;text-align:center;min-height:140px;justify-content:center;cursor:pointer;position:relative;overflow:hidden}.unified-stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#722ed1,#9254de);opacity:0;transition:opacity .3s ease}.unified-stats-card:hover:before{opacity:1}.unified-stats-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014;border-color:#e6e6e6}.unified-stats-card.active{border-color:#722ed1;background:linear-gradient(135deg,#f9f0ff,#efdbff)}.unified-stats-card.active:before{opacity:1}.unified-stats-card .stat-icon{font-size:32px;margin-bottom:8px;height:40px;display:flex;align-items:center;justify-content:center}.unified-stats-card .stat-value{font-size:28px;font-weight:600;color:#1f1f1f;margin:4px 0;line-height:1.2}.unified-stats-card .stat-label{font-size:14px;color:#666;font-weight:500;margin:0}.unified-stats-card .stat-trend{position:absolute;top:12px;right:12px;font-size:12px;color:#52c41a;font-weight:500}.unified-stats-card .stat-trend:starts-with("-"){color:#ff4d4f}@media(min-width:1600px){.unified-stats-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:1600px)and (min-width:1200px){.unified-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:1200px){.unified-stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media(max-width:768px){.unified-stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.unified-stats-card{padding:16px;min-height:120px}}@media(max-width:480px){.unified-stats-grid{grid-template-columns:1fr}}.report-page *{box-sizing:border-box}.report-page{font-family:var(--font-family-base);background:var(--color-bg-layout);min-height:100vh;padding:24px;width:100%;position:relative;box-sizing:border-box}.report-page .container{width:100%;margin:0 auto}.report-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;padding:32px;background:linear-gradient(135deg,#722ed1,#9254de);color:#fff;margin:0 0 24px;border-radius:16px;box-shadow:0 4px 12px #722ed126;position:relative;overflow:hidden}.report-page .page-header:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.report-page .page-title h1{font-size:28px;font-weight:var(--font-weight-bold);margin:0;display:flex;align-items:center;gap:var(--spacing-sm);color:#fff}.report-page .page-description{font-size:var(--font-size-sm);color:#ffffffe6;margin:var(--spacing-xs) 0 0 0}.report-page .page-actions{display:flex;gap:var(--spacing-sm);position:relative;z-index:1}.report-page .page-actions .btn{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--motion-duration-normal);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.report-page .page-actions .btn:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.report-page .page-actions .btn-primary{background:#ffffffe6;color:#722ed1;border-color:transparent}.report-page .page-actions .btn-primary:hover{background:#fff;box-shadow:0 4px 12px #fff3}.report-page .mock-data-banner{background:linear-gradient(135deg,#e6f7ff,#bae7ff);border:1px solid #91d5ff;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:0 2px 8px #1890ff14}.report-page .mock-icon{font-size:20px}.report-page .mock-text{flex:1;color:#0050b3;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.report-page .mock-note{background:#1890ff;color:#fff;padding:4px 12px;border-radius:12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.report-page .stats-section{margin-bottom:var(--spacing-xl)}.report-page .statistics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.report-page .stats-card{background:#fff;border:1px solid #f0f0f0;border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 2px 8px #0000000a;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:140px;justify-content:center;cursor:pointer;position:relative;overflow:hidden}.report-page .stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#722ed1,#9254de);opacity:0;transition:opacity .3s ease}.report-page .stats-card:hover:before{opacity:1}.report-page .stats-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014;border-color:#e6e6e6}.report-page .stats-card.active{border-color:#722ed1;background:linear-gradient(135deg,#f9f0ff,#efdbff)}.report-page .stats-card.active:before{opacity:1}.report-page .stats-card .stat-icon{font-size:32px;margin-bottom:var(--spacing-sm);height:40px;display:flex;align-items:center;justify-content:center}.report-page .stats-card .stat-value{font-size:28px;font-weight:var(--font-weight-bold);color:var(--color-text);margin:var(--spacing-xs) 0;line-height:1.2}.report-page .stats-card .stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);margin:0}.report-page .stats-card .stat-trend{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);font-size:var(--font-size-xs);color:#52c41a;font-weight:var(--font-weight-medium)}.report-page .category-stats-section{margin-bottom:var(--spacing-xl)}.report-page .category-stats-section h3{font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-lg) 0;display:flex;align-items:center;gap:var(--spacing-xs)}.report-page .category-stats-grid{margin-top:var(--spacing-md)}.report-page .category-stats-grid .unified-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);width:100%}.report-page .category-stats-grid .stats-card{min-height:120px;background:linear-gradient(135deg,#fafafa,#f5f5f5)}.report-page .category-stats-grid .stats-card:hover{background:#fff}.report-page .category-stats-grid .stats-card.active{background:linear-gradient(135deg,#722ed1,#9254de);color:#fff;border-color:transparent}.report-page .category-stats-grid .stats-card.active .stat-label,.report-page .category-stats-grid .stats-card.active .stat-value{color:#fff}.report-page .tabs-section{margin-bottom:var(--spacing-lg)}.report-page .tabs-nav{display:flex;background:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid #f0f0f0;border-bottom:none;overflow:hidden;box-shadow:0 2px 8px #0000000a}.report-page .tab-btn{flex:1;padding:var(--spacing-md) var(--spacing-lg);border:none;background:transparent;cursor:pointer;transition:all .3s ease;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-bottom:3px solid transparent;position:relative}.report-page .tab-btn:hover{background:#fafafa;color:var(--color-text)}.report-page .tab-btn.active{background:#fff;color:#722ed1;border-bottom-color:#722ed1;font-weight:var(--font-weight-semibold)}.report-page .tab-content{background:#fff;border:1px solid #f0f0f0;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:0 2px 8px #0000000a;min-height:400px}.report-page .list-section{padding:0}.report-page .search-filter-panel{background:#fafafa;padding:var(--spacing-lg);border-bottom:1px solid #f0f0f0}.report-page .data-table-wrapper{padding:var(--spacing-lg)}.report-page .data-table{background:#fff;border-radius:var(--radius-lg);overflow:hidden}.report-page .data-table tbody tr{transition:all .2s ease}.report-page .data-table tbody tr:hover{background:#fafafa;transform:scale(1.002)}.report-page .action-buttons-cell{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.report-page .action-buttons-cell .btn{padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px;border:1px solid transparent}.report-page .btn-sm{padding:4px 12px;font-size:12px}.report-page .btn-primary{background:#722ed1;color:#fff;border-color:#722ed1}.report-page .btn-primary:hover{background:#5b23b3;transform:translateY(-1px);box-shadow:0 2px 8px #722ed133}.report-page .btn-outline{background:#fff;color:#722ed1;border:1px solid #d3adf7}.report-page .btn-outline:hover{background:#f9f0ff;border-color:#b37feb}.report-page .btn-warning{background:#faad14;color:#fff;border-color:#faad14}.report-page .btn-warning:hover{background:#d48806}.report-page .templates-section{padding:var(--spacing-xl)}.report-page .template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.report-page .template-card{background:#fff;border:1px solid #f0f0f0;border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:all .3s ease;cursor:pointer}.report-page .template-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014;border-color:#d3adf7}.report-page .template-icon{font-size:48px;margin-bottom:var(--spacing-md)}.report-page .template-card h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-sm) 0}.report-page .template-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0}.report-page .use-template-btn{background:#722ed1;color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease}.report-page .use-template-btn:hover{background:#5b23b3;transform:translateY(-1px)}.report-page .schedule-section{padding:var(--spacing-xl)}.report-page .schedule-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.report-page .schedule-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.report-page .schedule-item:hover{background:#fff;box-shadow:0 2px 8px #0000000a}.report-page .schedule-info h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-xs) 0}.report-page .schedule-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0}.report-page .schedule-info .status{display:inline-block;padding:2px 8px;border-radius:12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.report-page .schedule-info .status.active{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.report-page .schedule-info .status.paused{background:#fff7e6;color:#faad14;border:1px solid #ffd591}.report-page .analytics-section{padding:var(--spacing-xl)}.report-page .analytics-charts{margin-top:var(--spacing-lg)}.report-page .chart-placeholder{background:linear-gradient(135deg,#fafafa,#f5f5f5);border:2px dashed #d9d9d9;border-radius:var(--radius-lg);padding:var(--spacing-xxl);text-align:center}.report-page .chart-placeholder p{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:var(--spacing-sm) 0}@media(max-width:1600px){.report-page .statistics-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1200px){.report-page .statistics-grid{grid-template-columns:repeat(3,1fr)}.report-page .template-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:768px){.report-page{padding:var(--spacing-md)}.report-page .page-header{flex-direction:column;gap:var(--spacing-md);text-align:center;padding:var(--spacing-lg)}.report-page .statistics-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.report-page .page-actions{flex-wrap:wrap;justify-content:center;width:100%}.report-page .tabs-nav{flex-wrap:wrap}.report-page .tab-btn{flex:1 1 50%}}@media(max-width:480px){.report-page .statistics-grid{grid-template-columns:1fr}.report-page .page-actions .btn{flex:1}.report-page .template-grid{grid-template-columns:1fr}.report-page .schedule-item{flex-direction:column;gap:var(--spacing-md);text-align:center}.report-page .schedule-actions{width:100%;display:flex;gap:var(--spacing-sm)}.report-page .schedule-actions .btn{flex:1}}.report-page .page-background-decoration{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.report-page .page-background-decoration:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(114,46,209,.05) 0%,transparent 70%);border-radius:50%}.report-page .page-background-decoration:after{content:"";position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(146,84,222,.05) 0%,transparent 70%);border-radius:50%}.report-page .container{position:relative;z-index:1}.report-page .btn{position:relative}.modern-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px}.modern-loading-small{gap:8px;padding:8px}.modern-loading-large{gap:24px;padding:24px}.modern-loading-dots{display:flex;gap:8px;align-items:center}.modern-loading-dots .dot{width:12px;height:12px;border-radius:50%;background:var(--color-primary, #722ed1);animation:dotPulse 1.4s ease-in-out infinite both}.modern-loading-dots .dot:nth-child(1){animation-delay:-.32s}.modern-loading-dots .dot:nth-child(2){animation-delay:-.16s}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.modern-loading-small .modern-loading-dots .dot{width:8px;height:8px;gap:6px}.modern-loading-large .modern-loading-dots .dot{width:16px;height:16px;gap:12px}.modern-loading-spinner{width:50px;height:50px}.modern-loading-spinner svg{animation:rotate 2s linear infinite;width:100%;height:100%}.modern-loading-spinner .path{stroke:var(--color-primary, #722ed1);stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.modern-loading-small .modern-loading-spinner{width:32px;height:32px}.modern-loading-large .modern-loading-spinner{width:64px;height:64px}.modern-loading-pulse{position:relative;width:60px;height:60px}.modern-loading-pulse .pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:3px solid var(--color-primary, #722ed1);opacity:0;animation:pulseRing 2s cubic-bezier(.215,.61,.355,1) infinite}.modern-loading-pulse .pulse-ring:nth-child(2){animation-delay:.5s}.modern-loading-pulse .pulse-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background:var(--color-primary, #722ed1);animation:pulseCore 2s ease-in-out infinite}@keyframes pulseRing{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes pulseCore{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.modern-loading-small .modern-loading-pulse{width:40px;height:40px}.modern-loading-small .modern-loading-pulse .pulse-core{width:14px;height:14px}.modern-loading-large .modern-loading-pulse{width:80px;height:80px}.modern-loading-large .modern-loading-pulse .pulse-core{width:28px;height:28px}.modern-loading-bars{display:flex;gap:4px;align-items:center;height:40px}.modern-loading-bars .bar{width:4px;height:100%;background:var(--color-primary, #722ed1);animation:barWave 1.2s ease-in-out infinite}.modern-loading-bars .bar:nth-child(1){animation-delay:-.5s}.modern-loading-bars .bar:nth-child(2){animation-delay:-.4s}.modern-loading-bars .bar:nth-child(3){animation-delay:-.3s}.modern-loading-bars .bar:nth-child(4){animation-delay:-.2s}.modern-loading-bars .bar:nth-child(5){animation-delay:-.1s}@keyframes barWave{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}.modern-loading-small .modern-loading-bars{height:24px;gap:3px}.modern-loading-small .modern-loading-bars .bar{width:3px}.modern-loading-large .modern-loading-bars{height:56px;gap:6px}.modern-loading-large .modern-loading-bars .bar{width:6px}.modern-loading-text{color:var(--color-text-secondary, #666);font-size:14px;text-align:center;margin-top:8px;animation:fadeInOut 2s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.modern-loading-small .modern-loading-text{font-size:12px;margin-top:4px}.modern-loading-large .modern-loading-text{font-size:16px;margin-top:12px}.modern-loading-overlay{position:fixed;inset:0;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modern-page-loading{width:100%;min-height:400px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-container, #fff)}.modern-inline-loading{display:inline-flex;align-items:center;vertical-align:middle}.modern-inline-loading .modern-loading-container{padding:0;gap:8px;flex-direction:row}.skeleton-loading{padding:20px;background:var(--color-bg-container, #fff);border-radius:8px}.skeleton-header{display:flex;gap:16px;margin-bottom:20px}.skeleton-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-header-content{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-line{height:16px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;margin-bottom:12px}.skeleton-line:last-child{margin-bottom:0}.skeleton-title{width:40%;height:20px}.skeleton-subtitle{width:60%;height:14px}.skeleton-content .skeleton-line:nth-child(1){width:100%}.skeleton-content .skeleton-line:nth-child(2){width:90%}.skeleton-content .skeleton-line:nth-child(3){width:70%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:768px){.modern-loading-text{font-size:13px}.modern-loading-large .modern-loading-text{font-size:15px}}@media(prefers-color-scheme:dark){.modern-loading-overlay{background:#000000e6}.modern-loading-text{color:#ccc}.modern-page-loading{background:var(--color-bg-container, #1f1f1f)}.skeleton-line,.skeleton-avatar{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%}}.po-status-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.po-status-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;border:1px solid;font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;transition:all .3s ease;-webkit-user-select:none;user-select:none}.po-status-tag--small{padding:2px 6px;font-size:10px;gap:2px}.po-status-tag--medium{padding:4px 8px;font-size:12px;gap:4px}.po-status-tag--large{padding:6px 12px;font-size:14px;gap:6px}.po-status-tag__icon{font-size:1em;line-height:1}.po-status-tag__text{font-weight:500}.po-status--draft{color:#8c8c8c;background-color:#f5f5f5;border-color:#d9d9d9}.po-status--draft:hover{background-color:#e8e8e8;border-color:#bfbfbf}.po-status--pending{color:#faad14;background-color:#fff7e6;border-color:#ffd666}.po-status--pending:hover{background-color:#fff0d6;border-color:#ffc53d}.po-status--confirmed{color:#1890ff;background-color:#e6f7ff;border-color:#91d5ff}.po-status--confirmed:hover{background-color:#d6efff;border-color:#69c0ff}.po-status--processing{color:#1890ff;background-color:#e6f7ff;border-color:#91d5ff}.po-status--processing:hover{background-color:#d6efff;border-color:#69c0ff}.po-status--completed{color:#52c41a;background-color:#f6ffed;border-color:#b7eb8f}.po-status--completed:hover{background-color:#f0ffe0;border-color:#95de64}.po-status--cancelled{color:#ff4d4f;background-color:#fff2f0;border-color:#ffccc7}.po-status--cancelled:hover{background-color:#ffe1df;border-color:#ffa39e}.push-status--pending{color:#faad14;background-color:#fff7e6;border-color:#ffd666}.push-status--pending:hover{background-color:#fff0d6;border-color:#ffc53d}.push-status--partial{color:#1890ff;background-color:#e6f7ff;border-color:#91d5ff}.push-status--partial:hover{background-color:#d6efff;border-color:#69c0ff}.push-status--pushed{color:#722ed1;background-color:#f9f0ff;border-color:#d3adf7}.push-status--pushed:hover{background-color:#f0e6ff;border-color:#b37feb}.push-status--delivered{color:#52c41a;background-color:#f6ffed;border-color:#b7eb8f}.push-status--delivered:hover{background-color:#f0ffe0;border-color:#95de64}.push-progress{width:100%;max-width:200px}.push-progress__info{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;color:#666}.push-progress__text{font-weight:500}.push-progress__percentage{font-weight:600;color:#333}.push-progress__bar{width:100%;height:6px;background-color:#f0f0f0;border-radius:3px;overflow:hidden;position:relative}.push-progress__fill{height:100%;border-radius:3px;transition:width .3s ease;position:relative}.push-progress__fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:768px){.po-status-tags{gap:6px}.po-status-tag{font-size:11px;padding:3px 6px}.po-status-tag--small{font-size:9px;padding:2px 4px}.po-status-tag--large{font-size:13px;padding:5px 10px}.push-progress{max-width:150px}.push-progress__info{font-size:11px}}.po-status--unknown{color:#ff4d4f;background-color:#fff2f0;border-color:#ffccc7;font-weight:700}.po-status--unknown:hover{background-color:#ffe1df;border-color:#ffa39e}@media print{.po-status-tag{border:1px solid #333!important;background:transparent!important;color:#333!important}.po-status-tag__icon{display:none}.push-progress__bar{border:1px solid #333}.push-progress__fill{background:#333!important}}.purchase-order-table{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.batch-actions{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.selected-count{font-size:14px;color:#666;font-weight:500}.batch-buttons{display:flex;gap:8px}.btn{padding:6px 12px;border:1px solid;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:4px;line-height:1.5;vertical-align:middle;white-space:nowrap}.btn-sm{padding:4px 8px;font-size:11px}.btn-default{color:#666;background:#fff;border-color:#d9d9d9}.btn-default:hover{color:#333;border-color:#bfbfbf}.btn-primary{color:#fff;background:#1890ff;border-color:#1890ff}.btn:disabled{opacity:.6;cursor:not-allowed}.table-container{position:relative;overflow-x:auto}.purchase-order-table__table{width:100%;border-collapse:collapse;font-size:14px}.table-header{background:#fafafa;border-bottom:2px solid #e9ecef}.table-th{padding:12px 8px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #e9ecef;white-space:nowrap;-webkit-user-select:none;user-select:none}.table-th.sortable{cursor:pointer;transition:background-color .3s ease}.table-th.sortable:hover{background:#f0f0f0}.table-th.text-center{text-align:center}.table-th.text-right{text-align:right}.th-content{display:flex;align-items:center;justify-content:space-between;gap:4px}.sort-indicators{display:flex;flex-direction:column;gap:1px}.sort-icon{font-size:8px;color:#ccc;line-height:1;transition:color .3s ease}.sort-icon.active{color:#1890ff}.table-body .table-row{border-bottom:1px solid #f0f0f0;transition:background-color .3s ease}.table-body .table-row:hover{background:#f8f9fa}.table-body .table-row.selected{background:#e6f7ff}.table-body .main-order-row{background-color:#fff;font-weight:500}.table-body .main-order-row:hover{background-color:#f8fafc}.table-body .shipment-task-row{background-color:#fafbfc;font-size:13px;color:#666;border-left:3px solid #722ed1}.table-body .shipment-task-row:hover{background-color:#f0f2f5}.table-td{padding:12px 8px;vertical-align:middle;border-bottom:1px solid #f0f0f0}.table-td.text-center{text-align:center}.table-td.text-right{text-align:right}.row-checkbox,.header-checkbox{width:16px;height:16px;margin:0;cursor:pointer}.order-no-cell{font-weight:500}.order-no-link{background:none;border:none;color:#1890ff;cursor:pointer;font-weight:500;text-decoration:none;padding:0;transition:color .3s ease}.order-no-link:hover{color:#40a9ff;text-decoration:underline}.expand-btn{background:none;border:none;color:#666;font-size:12px;margin-right:8px;cursor:pointer;padding:2px 4px;border-radius:2px;transition:all .2s ease}.expand-btn:hover{background-color:#f0f0f0;color:#1890ff}.expand-btn.expanded{color:#1890ff}.order-no-cell{display:flex;align-items:center}.task-count{font-size:11px;color:#999;margin-left:8px}.shipment-task-cell{display:flex;align-items:center;padding-left:20px}.task-indent{color:#ccc;margin-right:8px;font-family:monospace}.task-no{font-weight:500;color:#722ed1}.supplier-cell{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amount-cell{font-weight:600;color:#333;font-family:Courier New,monospace}.item-count{display:inline-block;padding:2px 6px;background:#f0f0f0;border-radius:10px;font-size:12px;font-weight:500;color:#666;min-width:20px;text-align:center}.date-cell{font-size:12px;color:#666}.loading-state{padding:20px;background:var(--color-bg-container, #fff);min-height:400px}.loading-state .skeleton-loading{max-width:100%;background:transparent;padding:0}.loading-state .skeleton-line{height:48px;margin-bottom:16px;border-radius:4px}.loading-state .skeleton-line:nth-child(odd){opacity:.9}.loading-state .skeleton-line:nth-child(2n){opacity:.7;width:95%}.loading-spinner{width:32px;height:32px;border:3px solid #f0f0f0;border-top:3px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-size:14px;color:#666}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.empty-text{font-size:16px;font-weight:500;margin-bottom:8px;color:#333}.empty-subtext{font-size:14px;color:#999}.table-pagination{padding:16px;border-top:1px solid #f0f0f0;background:#fafafa}.pagination-info{text-align:center;font-size:14px;color:#666}@media(max-width:1200px){.table-container{overflow-x:scroll}.purchase-order-table__table{min-width:1000px}}@media(max-width:768px){.batch-actions{flex-direction:column;gap:12px;align-items:stretch}.batch-buttons{justify-content:center}.table-th,.table-td{padding:8px 6px;font-size:12px}.order-no-link,.amount-cell{font-size:12px}.supplier-cell{max-width:80px}}@media print{.purchase-order-table{box-shadow:none;border:1px solid #333}.batch-actions{display:none}.table-th.sortable:hover{background:transparent}.sort-indicators{display:none}.order-no-link{color:#333;text-decoration:none}.table-row:hover,.table-row.selected{background:transparent}.row-checkbox,.header-checkbox,.table-pagination{display:none}}.purchase-order-table .ant-space{justify-content:flex-start}.purchase-order-table .ant-btn{border-radius:4px;font-size:12px;height:28px;padding:0 8px;line-height:1.2}.purchase-order-table .ant-btn-sm{height:24px;padding:0 6px;font-size:11px}.purchase-order-table .ant-btn .anticon{font-size:12px}.purchase-order-table .table-td{vertical-align:middle}.action-buttons-cell{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.action-buttons-cell .btn{min-width:auto}.push-order-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.push-order-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:95%;max-width:1200px;height:90vh;max-height:800px;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0;background:#fff}.modal-title{flex:1}.modal-title h2{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.order-info{display:flex;align-items:center;gap:8px;margin-top:4px}.order-no{font-size:12px;font-weight:500;color:#3b82f6;background:#dbeafe;padding:2px 6px;border-radius:4px}.modal-close-btn{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;line-height:1;flex-shrink:0}.modal-close-btn:hover{color:#ef4444;background:#fef2f2}.modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-content{flex:1;overflow-y:auto;background:#f8fafc}.push-form-section{padding:24px;background:#fff;border-bottom:1px solid #e5e7eb}.push-form-section h3{margin:0 0 20px;font-size:16px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.form-container{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:20px;align-items:flex-start}.form-row.primary-info{background:linear-gradient(135deg,#f8fafc,#e3f2fd);padding:20px;border-radius:8px;border:1px solid #bfdbfe}.form-row.secondary-info{background:#f8f9fa;padding:16px;border-radius:6px;border:1px solid #e9ecef}.form-item{display:flex;flex-direction:column;gap:6px;flex:1}.form-item.full-width{width:100%}.form-label{font-size:14px;font-weight:500;color:#374151;margin:0}.form-label.required:after{content:" *";color:#ef4444}.form-input,.form-textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease;background:#fff}.form-input:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.error,.form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-textarea{resize:vertical;min-height:60px}.error-message{font-size:12px;color:#ef4444;margin-top:4px}.error-message.section-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:12px;margin:16px 0}.materials-section{padding:24px;background:#fff}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px}.section-title{flex:1}.section-title h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.material-stats-compact{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stat-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap}.stat-badge.primary{background:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd}.stat-badge.info{background:#d1fae5;color:#065f46;border:1px solid #86efac}.stat-badge.success{background:#d1fae5;color:#14532d;border:1px solid #86efac}.stat-badge.warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.section-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.demo-notice{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;margin:16px 0}.demo-notice .notice-icon{font-size:18px;flex-shrink:0}.demo-notice .notice-text{flex:1;color:#856404;font-size:14px}.materials-toolbar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin:16px 0;display:flex;flex-direction:column;gap:16px}.search-section{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:300px}.search-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-section{display:flex;gap:8px;align-items:center}.status-filter,.category-filter{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;min-width:120px;transition:border-color .2s}.status-filter:focus,.category-filter:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.quick-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.dropdown-wrapper{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:200px;margin-top:4px}.dropdown-section{padding:8px 0;border-bottom:1px solid #e5e7eb}.dropdown-section:last-child{border-bottom:none}.dropdown-title{padding:4px 12px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.dropdown-item{display:block;width:100%;padding:8px 12px;border:none;background:none;text-align:left;font-size:14px;color:#374151;cursor:pointer;transition:background-color .2s}.dropdown-item:hover{background:#f3f4f6}.btn{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;line-height:1.5;vertical-align:middle}.btn:hover{border-color:#9ca3af;background:#f9fafb}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;border-color:#2563eb}.btn-secondary{background:#6b7280;border-color:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563;border-color:#4b5563}.btn-success{background:#10b981;border-color:#10b981;color:#fff}.btn-success:hover{background:#059669;border-color:#059669}.btn-info{background:#06b6d4;border-color:#06b6d4;color:#fff}.btn-info:hover{background:#0891b2;border-color:#0891b2}.btn-refresh{background:#06b6d4;border-color:#06b6d4;color:#fff}.btn-refresh:hover{background:#0891b2;border-color:#0891b2}.btn-default{background:#fff;border-color:#d1d5db;color:#374151}.btn-default:hover{background:#f9fafb;border-color:#9ca3af}.materials-table-container{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff;margin:16px 0}.materials-table{width:100%;border-collapse:collapse;font-size:14px}.materials-table thead{background:#f9fafb}.materials-table th{padding:12px 8px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap;font-size:13px}.materials-table td{padding:12px 8px;border-bottom:1px solid #f3f4f6;vertical-align:middle;font-size:13px}.materials-table tbody tr{transition:background-color .2s ease}.materials-table tbody tr:hover{background:#f8fafc}.material-row.selected{background:#dbeafe!important;border-left:3px solid #3b82f6}.material-row.selected:hover{background:#bfdbfe!important}.text-right{text-align:right}.material-code{font-weight:500;color:#3b82f6}.material-name{font-weight:500;color:#1f2937;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-spec{font-size:11px;color:#6b7280;font-style:italic;margin-top:2px}.category-tag{display:inline-block;padding:2px 6px;background:#e5e7eb;color:#374151;border-radius:3px;font-size:11px;font-weight:500}.quantity-badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:12px;font-weight:500}.quantity-badge.order{background:#dbeafe;color:#1e40af}.quantity-badge.remaining{background:#d1fae5;color:#065f46}.quantity-input{width:80px;padding:4px 8px;border:1px solid #d9d9d9;border-radius:4px;text-align:center}.quantity-input:not(.disabled){background-color:#fff;cursor:text}.quantity-input.disabled{background-color:#f5f5f5;cursor:not-allowed;color:#999}.quantity-input:focus{border-color:#40a9ff;outline:none;box-shadow:0 0 0 2px #1890ff33}.quantity-input.error{border-color:#ff4d4f}.quantity-input.error:focus{box-shadow:0 0 0 2px #ff4d4f33}.error-message.small{font-size:12px;color:#ff4d4f;margin-top:4px}.batch-input{text-align:left;width:100px}.price-text{font-weight:500;color:#059669}.total-price{font-weight:600;color:#dc2626}.item-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid #f1f5f9;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:16px;color:#6b7280}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.error-icon{font-size:48px;opacity:.7}.error-text{font-size:16px;color:#6b7280}.loading-cell,.empty-cell{padding:40px 20px;text-align:center}.empty-content{display:flex;flex-direction:column;align-items:center;gap:8px}.empty-icon{font-size:32px;opacity:.6;margin-bottom:8px}.empty-text{font-size:16px;font-weight:500;color:#6b7280}.empty-hint{font-size:14px;color:#9ca3af}.empty-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}.loading-content{display:flex;align-items:center;justify-content:center;gap:12px}.summary-section{padding:24px;background:#fff;border-top:1px solid #e5e7eb}.summary-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.summary-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.summary-card.primary{border-color:#3b82f6;background:linear-gradient(135deg,#fff,#f0f9ff)}.summary-card.info{border-color:#06b6d4;background:linear-gradient(135deg,#fff,#f0fdfa)}.summary-card.success{border-color:#10b981;background:linear-gradient(135deg,#fff,#f0fdf4)}.summary-card.filter-info{border-color:#8b5cf6;background:linear-gradient(135deg,#fff,#faf5ff)}.summary-icon{font-size:20px;opacity:.8;flex-shrink:0}.summary-content{flex:1}.summary-label{font-size:12px;color:#6b7280;font-weight:500;margin-bottom:4px}.summary-value{font-size:16px;font-weight:700;color:#1f2937}.summary-value.highlight{color:#dc2626}.operation-tip{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:6px;margin-top:16px}.operation-tip.info{background:#eff6ff;border:1px solid #bfdbfe}.operation-tip.warning{background:#fffbeb;border:1px solid #fed7aa}.operation-tip.success{background:#f0fdf4;border:1px solid #bbf7d0}.tip-icon{font-size:16px;flex-shrink:0}.tip-content{flex:1;font-size:14px;color:#374151}.operation-tip.info .tip-icon{color:#3b82f6}.operation-tip.warning .tip-icon{color:#f59e0b}.operation-tip.success .tip-icon{color:#10b981}.modal-footer{padding:20px 24px;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0}.footer-actions{display:flex;justify-content:flex-end;gap:12px;align-items:center}.footer-actions .error-message{margin-right:auto;font-size:14px;color:#ef4444;font-weight:500}.footer-actions .btn{padding:10px 24px;font-size:14px;font-weight:500;min-width:100px}@media(max-width:768px){.push-order-modal{width:98%;height:95vh;max-height:none}.modal-header{padding:16px 20px}.push-form-section,.materials-section,.summary-section{padding:20px}.form-row{flex-direction:column;gap:16px}.search-section{flex-direction:column;align-items:stretch}.search-box{min-width:auto}.filter-section{justify-content:space-between}.quick-actions{justify-content:center;flex-wrap:wrap}.materials-table{font-size:12px}.materials-table th,.materials-table td{padding:8px 4px}.summary-cards{grid-template-columns:1fr;gap:12px}.summary-card{padding:12px}.summary-icon{font-size:18px}.summary-value{font-size:14px}.quantity-input,.batch-input{width:60px;font-size:11px}.batch-input{width:80px}}@media(max-width:480px){.modal-header{padding:12px 16px}.push-form-section,.materials-section,.summary-section{padding:16px}.materials-table{font-size:11px}.materials-table th,.materials-table td{padding:6px 2px}.btn{font-size:12px;padding:6px 12px}.btn-sm{font-size:11px;padding:4px 8px}}.push-history-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.push-history-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:1200px;height:85vh;max-height:900px;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out;position:relative;margin:auto}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.modal-title h2{margin:0 0 8px;font-size:20px;font-weight:600;color:#333}.order-info{display:flex;align-items:center;gap:12px;margin-top:8px}.order-no{font-size:14px;font-weight:500;color:#1890ff;background:#e6f7ff;padding:4px 8px;border-radius:4px}.modal-close-btn{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease;line-height:1}.modal-close-btn:hover{color:#ff4d4f;background:#fff2f0}.modal-close-btn:disabled{opacity:.6;cursor:not-allowed}.modal-tabs{display:flex;background:#fafafa;border-bottom:1px solid #f0f0f0;flex-shrink:0;padding:0}.tab-btn{flex:1;padding:12px 20px;background:none;border:none;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.tab-btn:hover{color:#1890ff;background:#f8f9fa}.tab-btn.active{color:#1890ff;background:#fff}.tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#1890ff}.tab-icon{font-size:16px}.modal-content{flex:1;overflow:hidden;padding:0;min-height:0;display:flex;flex-direction:column;position:relative}.modal-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#666}.loading-spinner{width:48px;height:48px;border:4px solid #f0f0f0;border-top:4px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-text{font-size:16px;color:#666}.timeline-view{flex:1;display:flex;flex-direction:column;min-height:0}.timeline-content-wrapper{padding:20px;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.filters-stats-section{margin-bottom:20px;background:#f5f7fa;border-radius:8px;padding:16px;border:1px solid #e8e8e8;flex-shrink:0}.timeline-filters{display:flex;gap:16px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px;min-width:auto}.filter-label{font-size:12px;font-weight:500;color:#666;margin:0;white-space:nowrap}.filter-select,.filter-input{padding:6px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;background:#fff;transition:border-color .3s ease;height:32px;box-sizing:border-box}.filter-select:focus,.filter-input:focus{outline:none;border-color:#40a9ff}.date-range{display:flex;align-items:center;gap:6px}.date-separator{font-size:12px;color:#999;white-space:nowrap}.btn{padding:6px 12px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#333;font-size:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;height:32px}.btn-sm{padding:4px 8px;font-size:11px;height:28px}.btn-default{background:#fff;border-color:#d9d9d9;color:#666}.btn-primary:hover{background:#40a9ff;border-color:#40a9ff}.status-stats{display:flex;gap:10px;justify-content:flex-start;flex-wrap:wrap}.status-stat{background:#fff;border:1px solid #e8e8e8;border-radius:4px;padding:8px 12px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;font-size:13px}.status-stat:hover{border-color:#d9d9d9;background:#fafafa}.status-stat.active{border-color:#1890ff;background:#e6f7ff;font-weight:500}.stat-count{font-size:16px;font-weight:600;line-height:1}.stat-label{font-size:13px;color:#666;font-weight:400}.timeline-container{background:#fff;border-radius:8px;border:1px solid #e8e8e8;padding:20px}.empty-timeline{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#666;flex:1;min-height:200px}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-text{font-size:16px;color:#999}.timeline{padding:0}.timeline-item{display:flex;gap:16px;position:relative}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:0 2px 8px #0000001a;z-index:1}.timeline-icon{font-size:14px;color:#fff}.timeline-line{width:2px;flex:1;background:#e9ecef;margin-top:8px;min-height:40px}.timeline-content{flex:1;background:#fafafa;border-radius:6px;padding:16px;margin-bottom:16px;border:1px solid #e8e8e8;overflow:visible}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.timeline-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1;min-width:0}.batch-info{font-size:16px;font-weight:600;color:#333;white-space:nowrap}.timeline-time{font-size:12px;color:#999;white-space:nowrap}.batch-expand-btn{padding:4px 12px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;font-size:12px;color:#666;transition:all .3s ease;white-space:nowrap}.batch-expand-btn:hover{border-color:#1890ff;color:#1890ff;background:#e6f7ff}.timeline-details{border-top:1px solid #e9ecef;padding-top:12px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 16px}.detail-item{display:flex;gap:8px;font-size:13px}.detail-label{color:#666;min-width:70px;flex-shrink:0}.detail-value{color:#333;font-weight:500}.detail-value.highlight{color:#1890ff;font-weight:600}.detail-value.highlight a{color:#1890ff;text-decoration:none;transition:all .2s ease;padding:2px 6px;border-radius:4px;background-color:#1890ff0d;border:1px solid transparent}.detail-value.highlight a:hover{text-decoration:underline;background-color:#1890ff1a;border-color:#1890ff33}.timeline-remarks{margin-top:12px;padding-top:12px;border-top:1px solid #e9ecef;font-size:13px}.timeline-status-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500;margin-left:8px;transition:all .2s ease}.batch-info-section{margin-bottom:20px;padding:16px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.batch-info-row{display:flex;gap:24px;margin-bottom:12px}.batch-info-row:last-child{margin-bottom:0}.info-group{flex:1;display:flex;align-items:center}.info-group.full-width{flex:1 0 100%}.info-label{font-weight:500;color:#606266;margin-right:8px;white-space:nowrap}.info-value{color:#303133;flex:1}.info-value.highlight{color:#1890ff;font-weight:600}.batch-items-table{margin-top:16px;border:1px solid #e8e8e8;border-radius:4px;overflow:auto;max-width:100%;animation:expandIn .3s ease-out}@keyframes expandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.items-table{width:100%;min-width:900px;border-collapse:collapse;font-size:13px;table-layout:fixed}.items-table th{background-color:#f5f7fa;color:#606266;font-weight:600;text-align:left;padding:12px 16px;border-bottom:1px solid #e4e7ed;white-space:nowrap}.items-table td{padding:12px 16px;border-bottom:1px solid #f0f0f0;color:#303133;vertical-align:middle}.items-table tbody tr:hover:not(:last-child){background-color:#f5f7fa}.items-table tbody tr:last-child{background-color:#fafafa}.items-table tbody tr:last-child td{border-bottom:none;font-weight:600;padding-top:16px;padding-bottom:16px}.items-table .text-right{text-align:right}.remarks-label{color:#666;margin-right:8px}.remarks-text{color:#333;font-style:italic}.summary-view{padding:24px;flex:1;overflow-y:auto;min-height:0}.summary-table-container{border:1px solid #f0f0f0;border-radius:8px;overflow:auto;background:#fff}.summary-table{width:100%;border-collapse:collapse;font-size:14px}.summary-table thead{background:#fafafa}.summary-table th{padding:16px 12px;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #f0f0f0;white-space:nowrap}.summary-table td{padding:16px 12px;border-bottom:1px solid #f5f5f5;vertical-align:middle}.summary-table tbody tr:hover{background:#f8f9fa}.text-center{text-align:center}.material-code{font-weight:500;color:#1890ff}.material-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-container{display:flex;align-items:center;gap:8px}.progress-bar{flex:1;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;min-width:60px}.progress-fill{height:100%;transition:width .3s ease;border-radius:4px}.progress-text{font-size:12px;font-weight:500;color:#666;white-space:nowrap}.completion-status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.completion-status.completed{color:#52c41a;background:#f6ffed;border:1px solid #b7eb8f}.completion-status.pending{color:#faad14;background:#fff7e6;border:1px solid #ffd666}.modal-footer{padding:16px 24px;border-top:1px solid #f0f0f0;flex-shrink:0;background:#fafafa;display:flex;justify-content:space-between;align-items:center}.footer-info{font-size:14px;color:#666}.footer-actions{display:flex;gap:12px}@media(max-width:1024px){.push-history-modal{max-width:95vw;margin:10px}.modal-header,.timeline-view,.summary-view,.modal-footer{padding-left:20px;padding-right:20px}.summary-table-container{overflow-x:auto}.summary-table{min-width:800px}}@media(max-width:768px){.push-history-modal-overlay{padding:10px}.push-history-modal{max-height:95vh}.modal-header{flex-direction:column;gap:12px;align-items:stretch}.modal-title{display:flex;justify-content:space-between;align-items:flex-start}.modal-tabs{flex-direction:column}.tab-btn{padding:12px}.timeline-filters{flex-direction:column;gap:12px}.filter-group{min-width:auto}.date-range{flex-direction:column;gap:8px}.date-separator{display:none}.status-stats{gap:8px}.status-stat{padding:12px;min-width:60px}.stat-count{font-size:20px}.detail-grid{grid-template-columns:1fr;gap:8px}.timeline-header{flex-direction:column;gap:8px;align-items:flex-start}.modal-footer{flex-direction:column;gap:12px;align-items:stretch}.footer-actions{justify-content:center}}@media(max-width:480px){.modal-header,.timeline-view,.summary-view,.modal-footer{padding-left:16px;padding-right:16px}.modal-title h2{font-size:18px}.timeline{padding:16px}.timeline-dot{width:28px;height:28px}.timeline-icon{font-size:12px}.timeline-content{padding:12px}.summary-table{font-size:12px}.summary-table th,.summary-table td{padding:12px 8px}.btn{font-size:11px;padding:4px 8px}}@media print{.push-history-modal-overlay{position:static;background:transparent;padding:0}.push-history-modal{box-shadow:none;max-width:none;max-height:none}.modal-close-btn,.modal-tabs,.timeline-filters,.status-stats,.footer-actions{display:none}.timeline-dot{background:#333!important}.timeline-icon{color:#fff!important}.summary-table{font-size:11px}.summary-table th,.summary-table td{padding:8px 6px}}*/ .pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-top:1px solid #f0f0f0;-webkit-user-select:none;user-select:none}.pagination-info{display:flex;align-items:center;gap:16px;color:#595959;font-size:14px;flex-shrink:0}.pagination-info .total-text{color:#262626;font-weight:500}.pagination-info .range-text{color:#8c8c8c}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #d9d9d9;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;color:#595959}.pagination-btn:hover:not(:disabled){border-color:#1890ff;color:#1890ff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:#f5f5f5}.page-numbers{display:flex;align-items:center;gap:4px}.page-number{min-width:32px;height:32px;padding:0 8px;border:1px solid transparent;background:transparent;border-radius:6px;font-size:14px;font-weight:500;color:#595959;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.page-number:hover:not(:disabled){background:#f5f5f5;color:#262626}.page-number.active{background:#1890ff;color:#fff;cursor:default}.page-number:disabled{cursor:default}.page-ellipsis{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#bfbfbf}.pagination-options{display:flex;align-items:center;gap:16px;flex-shrink:0}.page-size-selector{display:flex;align-items:center;gap:8px}.page-size-select{height:32px;padding:0 32px 0 12px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;font-size:14px;color:#262626;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.page-size-select:hover{border-color:#40a9ff}.page-size-select:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.quick-jumper{display:flex;align-items:center;gap:8px;font-size:14px;color:#595959}.jumper-input{width:50px;height:32px;padding:0 8px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;text-align:center;transition:all .2s ease}.jumper-input:hover{border-color:#40a9ff}.jumper-input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}@media(max-width:768px){.pagination-container{flex-wrap:wrap;gap:12px;padding:12px 16px}.pagination-info{order:1;width:100%;justify-content:center}.pagination-controls{order:2;flex:1;justify-content:center}.pagination-options{order:3;width:100%;justify-content:center}.page-number{min-width:28px;height:28px;font-size:13px}.pagination-btn{width:28px;height:28px}.page-size-select,.jumper-input{height:28px;font-size:13px}}:root{--color-primary: #722ed1;--color-primary-light: #9254de;--color-primary-dark: #531dab;--color-primary-bg: #f9f0ff;--color-primary-bg-hover: #efdbff;--color-success: #52c41a;--color-warning: #faad14;--color-error: #ff4d4f;--color-info: #1890ff;--color-success-bg: #f6ffed;--color-warning-bg: #fff7e6;--color-error-bg: #fff2f0;--color-info-bg: #e6f7ff;--color-text: #1f2937;--color-text-primary: #1f2937;--color-text-secondary: #4b5563;--color-text-tertiary: #6b7280;--color-text-quaternary: #9ca3af;--color-text-placeholder: #9ca3af;--color-text-disabled: #d1d5db;--color-white: #ffffff;--color-bg-base: #ffffff;--color-bg-layout: #f0f2f5;--color-bg-container: #ffffff;--color-bg-elevated: #ffffff;--color-bg-subtle: #fafafa;--color-fill-secondary: #fafafa;--color-fill-tertiary: #f5f5f5;--color-fill-quaternary: #f0f0f0;--color-border: #d9d9d9;--color-border-secondary: #f0f0f0;--color-success-border: #b7eb8f;--color-warning-border: #ffe58f;--color-error-border: #ffccc7;--color-info-border: #91d5ff;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-warning: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-danger: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-round: 50%;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .15);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 24px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--motion-duration-fast: .1s;--motion-duration-normal: .2s;--motion-duration-slow: .3s;--motion-easing: cubic-bezier(.4, 0, .2, 1);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--control-height-sm: 24px;--control-height-md: 32px;--control-height-lg: 40px}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-success{background:var(--gradient-success)}.bg-gradient-warning{background:var(--gradient-warning)}.bg-gradient-danger{background:var(--gradient-danger)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-round)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.purchase-order-page{padding:var(--spacing-lg);background:var(--color-bg-layout);min-height:100vh;overflow-x:auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.page-title h1{margin:0 0 8px;font-size:24px;font-weight:600;color:#333}.page-description{font-size:14px;color:#666;margin:0}.filters-section,.stats-section{margin-bottom:20px}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stats-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stats-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.stats-number{font-size:32px;font-weight:700;color:#1890ff;margin-bottom:8px;line-height:1}.stats-label{font-size:14px;color:#666;font-weight:500}.table-section{margin-bottom:20px}.pagination-section{margin-top:20px;padding:10px;background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a}.pagination-info{color:#666;font-size:14px;margin-bottom:10px}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:8px}.pagination-controls .btn{min-width:32px;height:32px;padding:0 8px;font-size:14px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.pagination-controls .btn:hover:not(:disabled){color:#1890ff;border-color:#1890ff}.pagination-controls .btn:disabled{cursor:not-allowed;color:#d9d9d9;background:#f5f5f5}.pagination-controls .btn.active{color:#fff;background:#1890ff;border-color:#1890ff}.page-numbers{display:flex;gap:4px;align-items:center}.page-number{min-width:32px!important;padding:0!important}.page-ellipsis{color:#666;padding:0 4px;-webkit-user-select:none;user-select:none}.page-size-select{margin-left:16px;padding:4px 8px;border:1px solid #d9d9d9;border-radius:4px;color:#666;font-size:14px;cursor:pointer;outline:none;transition:all .3s}.page-size-select:hover{border-color:#1890ff}.page-size-select:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.btn{padding:8px 16px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#333;font-size:14px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px;line-height:1.5;vertical-align:middle}.btn:hover{border-color:#40a9ff;color:#40a9ff}.btn:disabled{opacity:.6;cursor:not-allowed;color:#999}.btn:disabled:hover{border-color:#d9d9d9;color:#999}.btn-primary{background:#1890ff;border-color:#1890ff;color:#fff}.btn-primary:hover{background:#40a9ff;border-color:#40a9ff;color:#fff}.btn-default{background:#fff;border-color:#d9d9d9;color:#333}@media(max-width:1200px){.purchase-order-page{padding:16px}.page-header{padding:16px 20px}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}}@media(max-width:768px){.purchase-order-page{padding:12px}.page-header{flex-direction:column;gap:16px;align-items:stretch;padding:16px}.page-title h1{font-size:20px}.page-actions{justify-content:center}.stats-cards{grid-template-columns:repeat(2,1fr);gap:8px}.stats-card{padding:16px}.stats-number{font-size:24px}.stats-label{font-size:12px}.pagination-controls{flex-direction:column;gap:12px}.pagination-info{order:-1}}@media(max-width:480px){.stats-cards{grid-template-columns:1fr}.btn{padding:6px 12px;font-size:12px}}.loading-overlay{position:fixed;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-spinner{width:40px;height:40px;border:4px solid #f0f0f0;border-top:4px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite}@media print{.purchase-order-page{background:#fff;padding:0}.page-actions,.filters-section,.pagination-section{display:none}.page-header{box-shadow:none;border-bottom:2px solid #333;margin-bottom:20px}.stats-section{page-break-inside:avoid}.stats-card{box-shadow:none;border:1px solid #333}.table-section{page-break-inside:avoid}}.inventory-movements-page{padding:24px;background-color:#f0f2f5;min-height:100vh}.page-icon{font-size:28px;color:#1890ff}.filter-card{margin-bottom:24px;border-radius:8px;box-shadow:0 2px 8px #00000014}.ant-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014}.quantity-positive{color:#52c41a;font-weight:600}.quantity-negative{color:#ff4d4f;font-weight:600}@media(max-width:768px){.inventory-movements-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.filter-card .ant-space{flex-direction:column;width:100%}.filter-card .ant-space>*{width:100%}.statistics-row .ant-col{span:12!important}}a{color:#1890ff;text-decoration:none;transition:color .3s}a:hover{color:#40a9ff}.inventory-alerts-page{padding:24px;background-color:#f0f2f5;min-height:100vh}.page-header-card{margin-bottom:24px}.page-header{display:flex;justify-content:space-between;align-items:center}.page-title{display:flex;align-items:center;gap:12px}.page-title h1{margin:0;font-size:24px;font-weight:600;color:#000000d9}.page-icon{font-size:28px;color:#ff4d4f}.statistics-row .ant-card{border-radius:8px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.statistics-row .ant-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.statistics-row .ant-statistic-title{font-size:14px;color:#000000a6;margin-bottom:8px}.statistics-row .ant-statistic-content{font-size:24px;font-weight:600}.filter-area{margin:16px 0;padding:16px 0;border-bottom:1px solid #f0f0f0}.filter-label{color:#000000a6;margin-right:8px;font-weight:500}.ant-tabs-tab{font-size:16px}.ant-tabs-tab .ant-badge{margin-left:8px}.ant-tabs-tab .ant-badge-count{background-color:#ff4d4f;font-size:12px;height:18px;min-width:18px;line-height:18px}.ant-table-wrapper{margin-top:16px}.ant-table-thead>tr>th{background-color:#fafafa;font-weight:600;color:#000000d9}.ant-table-tbody>tr:hover>td{background-color:#f5f5f5}.ant-progress{margin-top:8px}.ant-progress-text{font-size:12px}.ant-tag{border-radius:4px;font-size:12px;padding:2px 8px}.ant-tag .anticon{margin-right:4px}.alert-info{background-color:#f5f5f5;padding:16px;border-radius:4px;margin-bottom:16px}.alert-info p{margin-bottom:8px}.alert-info p:last-child{margin-bottom:0}@media(max-width:1200px){.statistics-row .ant-col{margin-bottom:16px}}@media(max-width:768px){.inventory-alerts-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.filter-area .ant-space{flex-direction:column;width:100%}.filter-area .ant-space>*{width:100%}.statistics-row .ant-col{span:12!important}}.ant-empty{margin:80px 0}.ant-btn-link:hover{color:#40a9ff}.ant-tag-red{background-color:#fff1f0;border-color:#ffccc7;color:#ff4d4f}.ant-tag-orange{background-color:#fff7e6;border-color:#ffe58f;color:#faad14}.ant-tag-green{background-color:#f6ffed;border-color:#b7eb8f;color:#52c41a}.ant-tag-error{background-color:#fff1f0;border-color:#ffccc7;color:#ff4d4f}.ant-tag-processing{background-color:#e6f7ff;border-color:#91d5ff;color:#1890ff}.ant-tag-success{background-color:#f6ffed;border-color:#b7eb8f;color:#52c41a}.location-management-page{padding:24px;background-color:#f0f2f5;min-height:calc(100vh - 64px)}.page-header{margin-bottom:24px}.page-header h2{margin:16px 0 0;font-size:24px;font-weight:600;color:#000}.statistics-row{margin-bottom:24px}.statistics-row .ant-card{border-radius:8px;transition:all .3s ease}.statistics-row .ant-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.statistics-row .ant-statistic-title{color:#8c8c8c;font-size:14px}.statistics-row .ant-statistic-content{color:#262626}.main-content{margin-top:24px}.tree-card{height:calc(100vh - 380px);overflow-y:auto}.tree-card .ant-card-body{padding:16px}.tree-card .ant-tree{background:transparent}.tree-card .ant-tree-node-content-wrapper{padding:4px 8px;border-radius:4px;transition:all .3s}.tree-card .ant-tree-node-content-wrapper:hover{background-color:#f0f0f0}.tree-card .ant-tree-node-selected{background-color:#e6f7ff}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 0;border-bottom:1px solid #f0f0f0}.ant-table-wrapper{background:#fff;border-radius:8px}.ant-table-thead>tr>th{background:#fafafa;font-weight:600;border-bottom:2px solid #f0f0f0}.ant-table-tbody>tr:hover>td{background:#fafafa}.ant-table-tbody>tr>td{padding:12px 16px}.ant-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:4px;font-size:12px}.ant-tag-blue{background:#e6f7ff;border-color:#91d5ff;color:#1890ff}.ant-tag-green{background:#f6ffed;border-color:#b7eb8f;color:#52c41a}.ant-tag-orange{background:#fff7e6;border-color:#ffd591;color:#fa8c16}.ant-btn-link{padding:0 4px}.ant-btn-link:hover{background:transparent}.ant-empty{margin:40px 0}.ant-modal-body .ant-form{margin-top:24px}.ant-modal-body .ant-form-item{margin-bottom:16px}@media(max-width:1200px){.main-content .ant-col-6{width:100%;margin-bottom:24px}.main-content .ant-col-18{width:100%}.tree-card{height:400px}}@media(max-width:768px){.location-management-page{padding:16px}.statistics-row .ant-col{width:50%;margin-bottom:16px}.toolbar{flex-direction:column;gap:16px;align-items:stretch}.toolbar .ant-space{width:100%}.toolbar .ant-input-search,.toolbar .ant-select{width:100%!important}}.ant-progress-circle{position:absolute;right:0;top:0}.tree-card::-webkit-scrollbar{width:6px}.tree-card::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.tree-card::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.tree-card::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.anticon-barcode{color:#1890ff;margin-right:4px}.ant-tag-success{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #52c41a66}70%{box-shadow:0 0 0 8px #52c41a00}to{box-shadow:0 0 #52c41a00}}.ant-table-tbody>tr>td:nth-child(4){text-align:center;font-weight:500;color:#1890ff}.ant-table-tbody>tr>td:nth-child(5){text-align:center;font-weight:500}.ant-popconfirm{max-width:300px}.ant-spin-container{min-height:400px}.ant-pagination{margin-top:24px;text-align:right}.ant-pagination-total-text{position:absolute;left:0}.ant-tree-switcher-icon{font-size:12px}.ant-table-ping-right .ant-table-cell-fix-right-first:after{box-shadow:inset 10px 0 8px -8px #00000026}.ant-tooltip-inner{max-width:300px}.ant-card{box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005;border-radius:8px;border:1px solid #f0f0f0}.ant-form-item-label>label{color:#262626;font-weight:500}.purchase-order-create-page{padding:24px;background:#f5f5f5;min-height:100vh}.page-description{color:#6b7280;font-size:14px}.btn{padding:10px 20px;border-radius:6px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;line-height:1.5;vertical-align:middle}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:6px 12px;font-size:12px}.create-form{display:flex;flex-direction:column;gap:24px}.form-section{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a}.form-section h3{margin:0 0 20px;font-size:16px;color:#333}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group.full-width{grid-column:1 / -1}.form-label{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-label.required:after{content:" *";color:#ff4d4f}.form-control{width:100%;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;transition:all .3s}.form-control:focus{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.items-table-container{width:100%;overflow-x:auto;margin:20px 0;position:relative;border:1px solid #e8e8e8;border-radius:4px}.items-table{width:100%;min-width:1200px;border-collapse:collapse;background-color:#fff}.items-table th{background-color:#fafafa;padding:12px 8px;text-align:left;font-weight:500;color:#333;border-bottom:1px solid #e8e8e8;white-space:nowrap}.items-table td{padding:12px 8px;border-bottom:1px solid #f0f0f0}.items-table tr:hover{background-color:#fafafa}.items-table input,.items-table select{width:100%;padding:6px 8px;border:1px solid #d9d9d9;border-radius:4px;transition:all .3s}.items-table input:focus,.items-table select:focus{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.items-table th[width],.items-table td[width]{width:var(--width);min-width:var(--width)}.items-table-container::-webkit-scrollbar{height:8px}.items-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.items-table-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.items-table-container::-webkit-scrollbar-thumb:hover{background:#555}.scroll-hint{position:absolute;right:10px;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;opacity:0;transition:opacity .3s;pointer-events:none}.items-table-container:hover .scroll-hint{opacity:1}.table-actions{margin-top:15px;display:flex;justify-content:flex-start;gap:10px}.total-price{font-weight:500;color:#333}.btn-danger{color:#fff;background-color:#ff4d4f;border-color:#ff4d4f}.btn-danger:hover{background-color:#ff7875;border-color:#ff7875}.btn-danger:disabled{background-color:#ffccc7;border-color:#ffccc7;cursor:not-allowed}.order-summary{display:flex;justify-content:flex-end;padding:16px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.summary-item{color:#1f2937;font-size:16px}@media(max-width:768px){.purchase-order-create-page{padding:16px}.page-header{flex-direction:column;gap:16px;align-items:stretch}.page-actions{justify-content:flex-end}.form-grid{grid-template-columns:1fr}.items-table{font-size:12px}.table th,.table td{padding:8px 4px}}.purchase-order-detail-page{padding:24px;background:#f5f5f5;min-height:100vh}.btn{padding:10px 20px;border-radius:6px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.header-actions .force-update-btn,.kingdee-basic-card .header-actions button.force-update-btn{display:inline-flex!important}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn.btn-success{background:linear-gradient(45deg,#10b981,#059669);border:1px solid #10b981;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.btn.btn-success:hover{background:linear-gradient(45deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-default{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-default:hover{background:#e5e7eb}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-draft{background:#fef3c7;color:#92400e}.status-confirmed{background:#d1fae5;color:#065f46}.status-cancelled{background:#fee2e2;color:#991b1b}.push-pending{background:#fef3c7;color:#92400e}.push-partial{background:#dbeafe;color:#1e40af}.push-completed{background:#d1fae5;color:#065f46}.push-delivered{background:#ede9fe;color:#5b21b6}.kingdee-created{background:#f3f4f6;color:#374151}.kingdee-approving{background:#fef3c7;color:#92400e}.kingdee-approved{background:#d1fae5;color:#065f46}.kingdee-reapproving{background:#dbeafe;color:#1e40af}.kingdee-open{background:#d1fae5;color:#065f46}.kingdee-closed{background:#fecaca;color:#991b1b}.status-unknown,.push-unknown,.kingdee-unknown,.fulfillment-unknown{background:#f3f4f6;color:#6b7280}.info-card,.push-progress-card,.order-items-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.sync-time{font-size:12px;color:#6b7280;font-style:italic}.header-actions{display:flex;align-items:center;gap:12px}.btn.btn-link.btn-sm{font-size:12px;padding:4px 8px;color:#2563eb;text-decoration:none;border:none;background:none;cursor:pointer;transition:color .2s}.btn.btn-link.btn-sm:hover{color:#1d4ed8}.empty-state{text-align:center;padding:40px;color:#6b7280}.empty-state p{margin:0;font-size:14px}.info-item span,.info-item p{color:#1f2937;font-size:14px;margin:0}.order-no{font-family:Consolas,Monaco,monospace;font-weight:600;color:#3b82f6}.amount{font-weight:600;color:#059669;font-size:16px}.remark{background:#f9fafb;padding:12px;border-radius:4px;border:1px solid #e5e7eb;line-height:1.5}.fulfillment-info-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.fulfillment-info-card .card-header{display:flex;justify-content:space-between;align-items:center}.fulfillment-info-card .btn-link{background:none;border:none;color:#3b82f6;padding:8px 12px;font-size:14px;cursor:pointer;transition:color .2s ease}.fulfillment-info-card .btn-link:hover{color:#2563eb;text-decoration:underline}.fulfillment-no{font-weight:600;color:#3b82f6}.fulfillment-stages{margin-top:20px;padding-top:20px;border-top:1px solid #f3f4f6}.stages-list{display:flex;gap:16px;flex-wrap:wrap}.stage-item{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f8f9fa;border-radius:20px;font-size:14px;transition:all .2s ease}.stage-item.completed{background:#d4edda;color:#155724}.stage-item.in_progress{background:#cce5ff;color:#004085}.stage-item.pending{background:#f8f9fa;color:#6c757d}.stage-name{font-weight:500}.stage-status{font-size:16px}.status-badge.fulfillment-created{background:#e3f2fd;color:#1976d2}.status-badge.fulfillment-progress{background:#fff3cd;color:#856404}.status-badge.fulfillment-completed{background:#d4edda;color:#155724}.status-badge.fulfillment-cancelled{background:#f8d7da;color:#721c24}.push-progress-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:20px}.progress-item{text-align:center}.progress-label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}.progress-value{display:block;font-size:20px;font-weight:600;color:#1f2937}.progress-bar{width:100%;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);transition:width .3s ease}.items-count{font-size:14px;color:#6b7280;background:#f9fafb;padding:4px 8px;border-radius:4px}.items-table-container{overflow-x:auto}.items-table{width:100%;border-collapse:collapse;font-size:14px}.items-table th,.items-table td{padding:12px 8px;text-align:left;border-bottom:1px solid #f3f4f6}.items-table th{background:#f9fafb!important;font-weight:600;color:#374151!important;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.items-table td{color:#1f2937}.items-table tbody tr:hover{background:#f9fafb}.items-table thead tr:hover{background:transparent!important}.items-table thead th:hover{background:#f9fafb!important;color:#374151!important}.material-code{font-family:Consolas,Monaco,monospace;font-weight:500;color:#3b82f6}.material-name{font-weight:500}.material-spec-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;cursor:help}.material-spec-cell:hover{overflow:visible;white-space:normal;word-break:break-all;background:#fffbeb!important;color:#78350f!important;z-index:10;box-shadow:0 2px 8px #00000026;padding:8px;border-radius:4px;font-weight:500}.material-spec-cell:hover span,.material-spec-cell:hover *{color:#78350f!important}.items-table th:nth-child(4),.items-table td:nth-child(4){max-width:200px;min-width:150px;width:180px}.quantity,.price,.total-price,.pushed-qty,.remaining-qty{text-align:right;font-family:Consolas,Monaco,monospace}.pushed-qty{color:#10b981;font-weight:600}.remaining-qty{color:#f59e0b;font-weight:600}.total-price{font-weight:600;color:#059669}.total-row{background:#f9fafb;font-weight:600}.total-label{text-align:right;color:#374151}.total-amount{text-align:right;color:#059669;font-size:16px;font-family:Consolas,Monaco,monospace}.empty-items{text-align:center;padding:40px;color:#6b7280}@media(max-width:768px){.purchase-order-detail-page{padding:16px}.page-header{flex-direction:column;gap:16px;align-items:stretch}.page-actions{justify-content:stretch}.page-actions .btn{flex:1;justify-content:center}.info-grid{grid-template-columns:1fr;gap:16px}.progress-stats{grid-template-columns:repeat(2,1fr)}.items-table{font-size:12px}.items-table th,.items-table td{padding:8px 4px}}@media(max-width:480px){.progress-stats{grid-template-columns:1fr}.status-group{flex-direction:column;align-items:flex-end}}.kingdee-detail-modal{max-width:90vw;width:1200px;max-height:90vh}.kingdee-detail-modal .modal-body{max-height:70vh;overflow-y:auto;padding:20px}.kingdee-detail-content{display:flex;flex-direction:column;gap:24px}.kingdee-basic-info,.kingdee-finance-info{background:#f8f9fa;padding:16px;border-radius:8px;border-left:4px solid #1890ff}.kingdee-basic-info h3,.kingdee-finance-info h3,.kingdee-order-items h3{margin:0 0 16px;color:#1f2937;font-size:16px;font-weight:600}.kingdee-items-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.kingdee-items-table th{background:#f8f9fa;color:#374151;font-weight:600;padding:12px 8px;text-align:left;border-bottom:2px solid #e5e7eb;font-size:13px}.kingdee-items-table td{padding:10px 8px;border-bottom:1px solid #f3f4f6;font-size:13px;color:#374151}.kingdee-items-table tr:hover{background:#f9fafb}.kingdee-items-table tr:last-child td{border-bottom:none}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;max-height:90vh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;color:#1f2937;font-size:18px;font-weight:600}.modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-footer{padding:16px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.btn-info{background:#06b6d4;color:#fff}.btn-info:hover{background:#0891b2;transform:translateY(-1px)}.kingdee-section-header label{font-weight:700!important;color:#1890ff!important;border-bottom:1px solid #1890ff;padding-bottom:4px;width:100%}.kingdee-finance-card{margin:24px 0}.kingdee-finance-card .card-header h2{color:#1890ff}.kingdee-basic-card{margin:24px 0}.kingdee-basic-card .card-header h2{color:#1890ff}.items-table .kingdee-qty,.items-table .kingdee-price,.items-table .kingdee-tax-price{background-color:#f0f8ff;font-weight:500;color:#1890ff}.items-table thead th:nth-child(11),.items-table thead th:nth-child(12),.items-table thead th:nth-child(13){background-color:#e6f7ff;color:#1890ff;font-weight:600}.items-table .kingdee-only-row{background-color:#f0f8ff}.items-table .kingdee-only-row td{border-left:3px solid #1890ff}.debug-info{background:#f8f9fa;padding:16px;border-radius:8px;border-left:4px solid #ffc107;margin:16px 0}.debug-info pre{background:#fff;padding:12px;border-radius:4px;border:1px solid #e5e7eb;max-height:300px;overflow:auto;font-size:12px;color:#374151;white-space:pre-wrap;word-break:break-word}.shipment-task-detail-page{padding:24px;background:#f5f5f5;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.page-title{display:flex;align-items:center;gap:16px}.page-title h1{margin:0 0 8px;color:#1f2937;font-size:24px;font-weight:600}.page-description{color:#6b7280;font-size:14px;margin:0}.page-actions{display:flex;gap:12px}.back-btn{color:#6b7280;font-size:14px;padding:0;margin-right:8px}.back-btn:hover{color:#1890ff}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner{text-align:center}.spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.error-content{text-align:center;background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.error-icon{font-size:48px;margin-bottom:16px;display:block}.error-content h3{margin:0 0 12px;color:#1f2937}.error-content p{color:#6b7280;margin:0 0 24px}.error-actions{display:flex;gap:12px;justify-content:center}.status-group{display:flex;gap:8px}.info-card,.task-detail-card,.remarks-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0;border-bottom:1px solid #f3f4f6;margin-bottom:20px}.card-header h2{margin:0;color:#1f2937;font-size:18px;font-weight:600}.card-content{padding:0 20px 20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.info-item label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:14px;color:#1f2937;font-weight:500;word-break:break-all}.task-no{color:#3b82f6!important;font-weight:600!important}.order-link .ant-btn-link{padding:0;height:auto;font-size:14px;font-weight:500}.material-code{color:#7c3aed!important;font-weight:600!important}.material-name{color:#1f2937!important;font-weight:600!important}.price,.total-price{color:#dc2626!important;font-weight:600!important}.quantity{color:#3b82f6!important;font-weight:600!important}.received-qty{color:#0891b2!important;font-weight:600!important}.inspected-qty{color:#d97706!important;font-weight:600!important}.stocked-qty{color:#059669!important;font-weight:600!important}.detail-table-container{overflow-x:auto;margin-bottom:20px;border-radius:8px;border:1px solid #e5e7eb}.detail-table{width:100%;border-collapse:collapse;font-size:14px}.detail-table th{background:#f8fafc;color:#374151;font-weight:600;padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb;white-space:nowrap}.detail-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle;white-space:nowrap}.detail-table tbody tr:hover{background:#f8fafc}.detail-table .material-code{color:#7c3aed;font-weight:600}.detail-table .material-name{color:#1f2937;font-weight:600;min-width:150px}.detail-table .quantity{color:#3b82f6;font-weight:600}.detail-table .price,.detail-table .total-price{color:#dc2626;font-weight:600}.detail-table .received-qty{color:#0891b2;font-weight:600}.detail-table .inspected-qty{color:#d97706;font-weight:600}.detail-table .stocked-qty{color:#059669;font-weight:600}.detail-table tfoot .total-row{background:#f8fafc;font-weight:600}.detail-table .total-label{text-align:right;color:#374151}.detail-table .total-amount{color:#dc2626;font-weight:700}.empty-items{text-align:center;padding:40px 20px;color:#6b7280}.empty-icon{font-size:48px;margin-bottom:16px;display:block}.empty-items p{margin:0;font-size:16px}.items-count{color:#6b7280;font-size:14px;font-weight:500}.remarks-content{font-size:14px;color:#4b5563;line-height:1.6;background:#f9fafb;padding:16px;border-radius:6px;border:1px solid #e5e7eb}.ant-tag{border-radius:4px;font-size:12px;font-weight:500;padding:2px 8px;border:none}.ant-btn{border-radius:6px;font-weight:500;transition:all .2s ease}.ant-btn-primary{background:#3b82f6;border-color:#3b82f6}.ant-btn-primary:hover{background:#2563eb;border-color:#2563eb}@media(max-width:768px){.shipment-task-detail-page{padding:16px}.page-header{flex-direction:column;gap:16px;align-items:stretch}.page-title{justify-content:flex-start}.page-actions{justify-content:flex-end}.info-grid{grid-template-columns:1fr;gap:16px}.card-header,.card-content{padding:16px}.card-header{padding-bottom:0;margin-bottom:16px}.detail-table th,.detail-table td{padding:8px 12px;font-size:13px}}@media(max-width:480px){.shipment-task-detail-page{padding:12px}.page-header{padding:16px}.page-title h1{font-size:20px}}.quality-inspection-detail-page{padding:24px;background-color:#f9f9f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1{font-size:28px;font-weight:600;color:#333}.status-badge-lg{padding:8px 16px;border-radius:16px;font-size:16px;font-weight:500;color:#fff}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}.card-header h3{font-size:18px;font-weight:600;color:#333}.task-id{font-size:14px;color:#666}.task-summary-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.task-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;font-size:14px}.task-info-grid div{color:#444}.task-info-grid div strong{color:#000;margin-right:8px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px;text-align:left;border-bottom:1px solid #eee;vertical-align:middle}.data-table th{font-weight:600;background-color:#f7f7f7}.checklist-table th,.checklist-table td{font-size:14px}.result-select{padding:6px 8px;border-radius:4px;border:1px solid #ccc;width:100px;background-color:#fff;font-weight:500}.notes-input{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:4px;transition:border-color .2s}.notes-input:focus{outline:none;border-color:#007bff}.btn-icon{background:none;border:none;cursor:pointer;font-size:20px;opacity:.6}.btn-icon:hover{opacity:1}.status-pass{color:#fff;background-color:#28a745;border-color:#28a745}.status-fail{color:#fff;background-color:#dc3545;border-color:#dc3545}.status-pending{color:#212529;background-color:#ffc107;border-color:#ffc107}.status-na{color:#6c757d;background-color:#f8f9fa;border-color:#ced4da}.result-select.status-pass{color:#28a745;border-color:#b8e9c3;background-color:#f0fff4}.result-select.status-fail{color:#dc3545;border-color:#f5c6cb;background-color:#fff5f5}.result-select.status-pending{color:#e49b0f;border-color:#ffeeba;background-color:#fffbf2}.empty-state{text-align:center;padding:32px;color:#888}.attachment-list{list-style:none;padding:0}.attachment-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.attachment-list li:last-child{border-bottom:none}.attachment-list a{color:#007bff;text-decoration:none}.attachment-list a:hover{text-decoration:underline}.btn-icon-delete{background:none;border:none;color:#dc3545;font-size:18px;cursor:pointer;opacity:.7}.btn-icon-delete:hover{opacity:1}.page-footer-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn{padding:10px 20px;border-radius:5px;border:1px solid transparent;font-size:14px;cursor:pointer;transition:all .2s ease-in-out;background-color:#f0f0f0}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 5px #0000001a}.btn-primary{background-color:#007bff;color:#fff;border-color:#007bff}.btn-primary:hover{background-color:#0069d9}.btn-secondary{background-color:#6c757d;color:#fff;border-color:#6c757d}.btn-secondary:hover{background-color:#5a6268}.btn-success{background-color:#28a745;color:#fff;border-color:#28a745}.btn-success:hover{background-color:#218838}.btn-danger{background-color:#dc3545;color:#fff;border-color:#dc3545}.btn-danger:hover{background-color:#c82333}.supplier-app{display:flex;height:100vh;width:100vw}.supplier-app .left-sidebar{width:280px;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;box-shadow:2px 0 8px #00000026;position:relative;z-index:1000;flex-shrink:0}.supplier-app .sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.supplier-app .brand{text-align:center}.supplier-app .brand h2{font-size:32px;margin-bottom:4px}.supplier-app .brand span{font-size:14px;font-weight:500;opacity:.9}.supplier-app .sidebar-nav{flex:1;padding:20px 0}.supplier-app .nav-item{display:flex;align-items:center;padding:16px 24px;cursor:pointer;transition:all .3s ease;position:relative;border-right:3px solid transparent}.supplier-app .nav-item:hover{background:#ffffff1a;border-right-color:#ffffff4d}.supplier-app .nav-item.active{background:#ffffff26;border-right-color:#fff}.supplier-app .nav-item.active:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #fff}.supplier-app .nav-icon{font-size:20px;margin-right:12px;width:24px;text-align:center}.supplier-app .nav-text{font-size:14px;font-weight:500}.supplier-app .sidebar-footer{padding:20px 24px;border-top:1px solid rgba(255,255,255,.1)}.supplier-app .user-info{display:flex;align-items:center;gap:12px;position:relative}.supplier-app .user-avatar{width:36px;height:36px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.supplier-app .user-name{font-size:14px;font-weight:500;opacity:.9;flex:1}.supplier-app .logout-btn{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .3s ease;opacity:.8}.supplier-app .logout-btn:hover{background:#ffffff1a;opacity:1}.supplier-app .main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:#f5f5f5}@media(max-width:768px){.supplier-app{flex-direction:column}.supplier-app .left-sidebar{width:100%;height:auto;background:linear-gradient(90deg,#667eea,#764ba2);order:2}.supplier-app .main-content{order:1;flex:1}.supplier-app .sidebar-header{padding:16px 20px}.supplier-app .brand h2{font-size:24px}.supplier-app .sidebar-nav{display:flex;overflow-x:auto;padding:16px 0}.supplier-app .nav-item{flex-direction:column;min-width:80px;padding:12px 8px;text-align:center;border-right:none;border-top:3px solid transparent}.supplier-app .nav-item:hover{border-top-color:#ffffff4d;border-right-color:transparent}.supplier-app .nav-item.active{border-top-color:#fff;border-right-color:transparent}.supplier-app .nav-icon{margin-right:0;margin-bottom:4px}.supplier-app .nav-text{font-size:12px}.supplier-app .sidebar-footer{padding:16px 20px}.supplier-app .user-avatar{width:32px;height:32px}.supplier-app .user-name{font-size:12px}}.supplier-app .sidebar-nav::-webkit-scrollbar{width:4px}.supplier-app .sidebar-nav::-webkit-scrollbar-track{background:#ffffff1a}.supplier-app .sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.supplier-app .sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff80}.supplier-order-table-unified{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:visible;position:relative;flex:1;min-height:400px}.supplier-order-table-unified .ant-table{font-size:14px}.supplier-order-table-unified .ant-table-wrapper{height:100%;display:flex;flex-direction:column}.supplier-order-table-unified .ant-table-container{flex:1}.supplier-order-table-unified .ant-table-body{overflow:auto!important}.supplier-order-table-unified .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#262626;font-size:13px;padding:10px 8px!important}.supplier-order-table-unified .ant-table-tbody>tr>td{vertical-align:middle;padding:8px!important;font-size:13px}.supplier-order-table-unified .ant-table-tbody>tr:hover>td{background:#f5f7fa}.supplier-order-table-unified .ant-table-selection-column{width:48px!important;min-width:48px!important;max-width:48px!important;padding:8px 12px!important;text-align:center!important}.supplier-order-table-unified .ant-table-thead>tr>th.ant-table-selection-column{width:48px!important;min-width:48px!important;max-width:48px!important;padding:10px 12px!important}.supplier-order-table-unified .ant-table-tbody>tr>td.ant-table-selection-column{width:48px!important;min-width:48px!important;max-width:48px!important;padding:8px 12px!important}.supplier-order-table-unified .ant-checkbox-wrapper{display:inline-flex;align-items:center;justify-content:center;margin:0}.supplier-order-table-unified .ant-checkbox{transform:scale(1.2)}.supplier-order-table-unified .ant-checkbox-inner{width:18px;height:18px;border-width:2px;border-radius:4px}.supplier-order-table-unified .ant-checkbox-checked .ant-checkbox-inner{background-color:#1890ff;border-color:#1890ff}.supplier-order-table-unified .ant-checkbox-disabled .ant-checkbox-inner{background-color:#f5f5f5;border-color:#d9d9d9}.supplier-order-table-unified .ant-table-cell-fix-left,.supplier-order-table-unified .ant-table-cell-fix-right{background:#fff}.supplier-order-table-unified .ant-table-thead .ant-table-cell-fix-left,.supplier-order-table-unified .ant-table-thead .ant-table-cell-fix-right{background:#fafafa}.supplier-order-table-unified .ant-btn-link{padding:0 4px;height:auto;font-size:13px}.supplier-order-table-unified .ant-btn-primary{font-size:13px;padding:2px 8px;height:28px}.supplier-order-table-unified .ant-space{gap:6px!important}.supplier-order-table-unified .ant-tag{font-weight:500;border-radius:4px;padding:1px 6px;font-size:12px;margin:0}.supplier-order-table-unified .ant-table-body::-webkit-scrollbar{height:8px;width:8px}.supplier-order-table-unified .ant-table-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.supplier-order-table-unified .ant-table-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;border:1px solid #f1f1f1}.supplier-order-table-unified .ant-table-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.supplier-order-table-unified .ant-table-tbody-virtual{overflow:auto!important}.supplier-order-table-unified .ant-spin-nested-loading{height:100%;min-height:400px}.supplier-order-table-unified .ant-spin-container{height:100%;display:flex;flex-direction:column}.supplier-order-table-unified .ant-empty{padding:60px 0;margin:auto 0}.supplier-order-table-unified .ant-empty-description{color:#8c8c8c}@media(max-width:1200px){.supplier-order-table-unified{min-height:350px}}@media(max-width:768px){.supplier-order-table-unified{border-radius:8px;margin:0 -8px;min-height:300px}}@media(max-width:480px){.supplier-order-table-unified{border-radius:0;margin:0 -16px;min-height:250px}}@media print{.supplier-order-table-unified{box-shadow:none;border:1px solid #333;height:auto!important;overflow:visible!important}.supplier-order-table-unified .ant-table-body{overflow:visible!important;height:auto!important}.supplier-order-table-unified .ant-btn,.supplier-order-table-unified .ant-pagination{display:none}}.error-boundary{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px}.error-content{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center;max-width:500px;width:100%}.error-icon{font-size:48px;margin-bottom:20px}.error-content h2{color:#333;margin-bottom:16px}.error-content p{color:#666;margin-bottom:24px}.error-actions{margin-top:24px}.retry-button{background:#1890ff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background .3s}.retry-button:hover{background:#40a9ff}.error-details{margin-top:24px;text-align:left}.error-details summary{cursor:pointer;color:#1890ff;margin-bottom:8px}.error-details pre{background:#f5f5f5;padding:12px;border-radius:4px;overflow-x:auto;font-size:12px;line-height:1.5;color:#666}.simple-supplier-workspace{width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc;display:flex;flex-direction:column}.workspace-hero{background:linear-gradient(135deg,#667eea,#764ba2);padding:32px;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:0 4px 12px #00000026}.hero-content h1{font-size:32px;font-weight:700;margin:0 0 8px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-content p{font-size:15px;margin:0;opacity:.95;font-weight:400}.hero-actions{display:flex;gap:16px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;padding:32px;margin-bottom:0;flex-shrink:0}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:16px;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.stat-icon{font-size:32px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:12px}.stat-info{flex:1}.stat-number{font-size:32px;font-weight:700;color:#1a202c;line-height:1;margin-bottom:4px}.stat-label{font-size:14px;color:#718096;margin-bottom:4px}.stat-trend{font-size:12px;color:#a0aec0}.filter-section{padding:0 32px;flex-shrink:0}.filter-section .ant-card{border-radius:8px;box-shadow:0 1px 4px #0000000f}.filter-section .ant-card-body{padding:16px}.filter-section .ant-space{width:100%}.filter-section .ant-input,.filter-section .ant-select,.filter-section .ant-picker{border-radius:6px}.filter-section .ant-btn{border-radius:6px;height:36px}.status-tabs{display:flex;gap:12px;padding:0 32px 20px;flex-shrink:0;flex-wrap:wrap;align-items:center}.tabs-label{font-size:15px;font-weight:600;color:#4a5568;margin-right:8px}.status-tabs .ant-btn{height:40px;padding:8px 20px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:8px;transition:all .3s ease}.status-tabs .ant-btn-primary{box-shadow:0 2px 8px #1890ff4d}.status-tabs .ant-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.tab-count{margin-left:6px;font-weight:600;opacity:.9}.table-container{flex:1;padding:0 32px 32px;display:flex;flex-direction:column;min-height:400px;height:auto;background:transparent;border:none;box-shadow:none;border-radius:0;overflow:visible}.search-section{padding:0 32px 32px;display:flex;justify-content:center}.supplier-search-panel{max-width:800px;margin:0 auto;border:1px solid #e1e5e9;border-radius:12px;background:#fff;box-shadow:0 2px 8px #00000014}.supplier-search-panel .search-filter-panel__search{padding:16px 20px;border-bottom:1px solid #e1e5e9}.supplier-search-panel .search-filter-panel__search input{border:1px solid #d1d5db;border-radius:8px;padding:12px 16px;font-size:14px;transition:all .2s}.supplier-search-panel .search-filter-panel__search input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.supplier-search-panel .search-filter-panel__actions{padding:12px 20px;background:#f8fafc;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.supplier-search-panel .search-clear-btn{background:#e53e3e;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;cursor:pointer;transition:all .2s}.supplier-search-panel .search-clear-btn:hover{background:#c53030}.workspace-hero .refresh-btn,.workspace-hero .logout-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.workspace-hero .refresh-btn:hover,.workspace-hero .logout-btn:hover{background:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.workspace-hero .refresh-btn:focus,.workspace-hero .logout-btn:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d}.workspace-hero .refresh-btn:active,.workspace-hero .logout-btn:active{transform:translateY(0)}.workspace-hero .refresh-btn:hover:not(:disabled){border-color:#ffffff80}.workspace-hero .refresh-btn:disabled{background:#ffffff0d;opacity:.6}.supplier-info-card{background:linear-gradient(to bottom,#fff,#fafbfc);border-radius:16px;padding:24px 28px;margin:-40px 32px 24px;box-shadow:0 8px 24px #0000001f;border:1px solid #e5e7eb;position:relative;z-index:10}.supplier-info-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f3f4f6}.supplier-name{font-size:22px;font-weight:700;color:#1a202c;margin:0 0 6px;letter-spacing:-.5px}.supplier-code{font-size:13px;color:#6b7280;background:#f3f4f6;padding:4px 12px;border-radius:6px;font-weight:500}.supplier-status{display:flex;align-items:center;gap:8px}.supplier-info-content{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 20px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item.full-width{grid-column:1 / -1}.info-label{font-size:13px;color:#6b7280;font-weight:500}.info-value{font-size:14px;color:#1a202c;font-weight:500}@media(max-width:768px){.supplier-info-content{grid-template-columns:1fr}.supplier-info-card{margin:-20px 16px 16px;padding:16px}}.header-title h1{margin:0 0 4px;font-size:24px;font-weight:600;color:#1a202c}.header-title p{margin:0;color:#718096;font-size:14px}.header-stats{display:flex;gap:20px;align-items:center}.stat-item{display:flex;flex-direction:column;align-items:center;padding:8px 16px;background:#f8fafc;border-radius:8px;border-left:4px solid #3182ce}.stat-value{font-size:20px;font-weight:600;color:#3182ce}.header-actions{display:flex;gap:12px}.refresh-btn,.logout-btn{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.refresh-btn{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.refresh-btn:hover:not(:disabled){background:#edf2f7}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.logout-btn{background:#fed7d7;color:#c53030;border:1px solid #feb2b2}.logout-btn:hover{background:#feb2b2}.status-tab{flex:1;min-width:0;padding:16px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;font-size:15px;font-weight:500;color:#4a5568;transition:all .2s;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-tab:hover{border-color:#cbd5e0;background:#f7fafc}.status-tab.active{background:#3182ce;color:#fff;border-color:#3182ce}.batch-actions{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#e6fffa;border-bottom:1px solid #b2f5ea;border-left:4px solid #38b2ac}.batch-actions span{color:#234e52;font-weight:500}.batch-confirm-btn,.batch-clear-btn{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.batch-confirm-btn{background:#38b2ac;color:#fff}.batch-confirm-btn:hover{background:#319795}.batch-clear-btn{background:#fed7d7;color:#c53030}.batch-clear-btn:hover{background:#feb2b2}.orders-list{display:flex;flex-direction:column;gap:16px;flex:1;overflow-y:auto;padding:0 32px 32px}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;color:#a0aec0}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state p{font-size:18px;margin:0}.order-card{display:flex;align-items:center;gap:20px;background:#fff;padding:20px 24px;border-radius:12px;border-left:4px solid #e2e8f0;box-shadow:0 2px 8px #00000014;transition:all .2s;flex-shrink:0}.order-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.order-card.urgent{border-left-color:#ef4444;background:#fef2f2}.order-card.normal{border-left-color:#10b981}.order-checkbox{display:flex;align-items:center}.order-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.order-info{flex:1}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.order-id{margin:0;font-size:18px;font-weight:600;color:#1a202c}.order-priority{display:flex;align-items:center}.priority-urgent{background:#fee2e2;color:#dc2626;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.priority-normal{background:#d1fae5;color:#065f46;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.order-details{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;gap:24px}.detail-item{font-size:14px;color:#4a5568;line-height:1.4}.detail-item.primary{margin-bottom:4px}.detail-item.primary strong{color:#1a202c;font-size:18px;font-weight:600}.detail-item.secondary{font-size:13px;color:#718096;margin-top:4px}.order-actions{display:flex;flex-direction:column;gap:10px;min-width:140px;flex-shrink:0}.action-btn{min-height:44px;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.action-btn.primary{background:#3182ce;color:#fff}.action-btn.primary:hover{background:#2c5aa0;transform:translateY(-1px)}.action-btn.secondary{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.action-btn.secondary:hover{background:#edf2f7;transform:translateY(-1px)}.simple-workspace-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;background:#fff;border-radius:12px;margin:20px;padding:40px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3182ce;border-radius:50%;animation:spin 1s linear infinite}.simple-workspace-loading p{color:#718096;font-size:16px;margin:0;text-align:center}.loading-subtitle{font-size:14px!important;color:#a0aec0!important}.simple-workspace-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px;background:#fff;border-radius:12px;margin:20px;padding:40px;text-align:center}.error-icon{font-size:64px;margin-bottom:8px}.simple-workspace-error h3{margin:0 0 8px;color:#1a202c;font-size:24px;font-weight:600}.simple-workspace-error p{margin:0 0 8px;color:#718096;font-size:16px;line-height:1.5}.error-actions{display:flex;gap:12px;margin:20px 0}.retry-btn,.demo-btn{padding:12px 24px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.retry-btn{background:#3182ce;color:#fff}.retry-btn:hover{background:#2c5aa0}.demo-btn{background:#f7fafc;color:#4a5568;border:1px solid #e2e8f0}.demo-btn:hover{background:#edf2f7}.error-hint{font-size:14px!important;color:#38b2ac!important;background:#e6fffa;padding:8px 16px;border-radius:6px;border-left:4px solid #38b2ac}@media(max-width:1400px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:24px}.workspace-hero{padding:32px 24px}.filter-section{padding:0 24px}.status-tabs{padding:0 24px 16px}.table-container{padding:0 24px 24px}}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.simple-supplier-workspace{height:100vh}.workspace-hero{flex-direction:column;gap:16px;text-align:center;padding:24px 16px}.stats-grid{grid-template-columns:1fr;gap:16px;padding:16px}.filter-section{padding:0 16px}.status-tabs{padding:0 16px 16px;gap:4px}.table-container{padding:0 16px 16px}}.simple-supplier-workspace::-webkit-scrollbar{width:6px}.simple-supplier-workspace::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.simple-supplier-workspace::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.simple-supplier-workspace::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.simple-supplier-workspace{max-height:100vh}@media(min-width:1400px){.workspace-header{padding:24px 32px}.order-card{padding:24px 28px}}@media(max-width:480px){.simple-supplier-workspace{padding:12px}.workspace-header{padding:12px 16px}.header-stats{gap:8px}.stat-item{padding:6px 10px;min-width:50px}.stat-value{font-size:18px}.status-tabs{gap:8px}.status-tab{padding:10px 12px;font-size:13px}.order-card{padding:12px 16px;gap:12px}.action-btn{padding:8px 12px;font-size:12px}}@media print{.workspace-header,.status-tabs,.batch-actions,.order-actions{display:none}.simple-supplier-workspace{background:#fff;padding:0}.order-card{border:1px solid #000;margin-bottom:20px;box-shadow:none;page-break-inside:avoid}}.supplier-page{min-height:100vh;width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5}.supplier-page-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.loading-spinner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{font-size:16px;font-weight:500;margin:0;opacity:.9}@media(max-width:768px){.loading-spinner{gap:15px}.spinner{width:32px;height:32px;border-width:3px}.loading-spinner p{font-size:14px}}@media(max-width:480px){.loading-spinner{gap:12px}.spinner{width:28px;height:28px;border-width:2px}.loading-spinner p{font-size:12px}}.permission-picker{padding:0}.permission-picker-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e8e8e8}.permission-picker-header .title-section h3{margin:0 0 4px;font-size:18px;font-weight:600;color:#262626}.permission-picker-header .description{margin:0;color:#8c8c8c;font-size:14px}.permission-picker-header .stats-section{display:flex;align-items:center;gap:12px}.permission-picker-header .total-count{color:#8c8c8c;font-size:12px}.permission-picker-controls{margin-bottom:20px}.permission-groups{max-height:500px;overflow-y:auto;border:1px solid #e8e8e8;border-radius:8px}.group-header{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:14px;font-weight:600}.group-header .group-icon{font-size:16px;margin-right:4px}.group-header .group-name{color:#262626}.group-header .group-info{color:#bfbfbf;cursor:help}.group-header .group-info:hover{color:#1890ff}.permissions-list{padding:12px 0}.permission-item{border:1px solid #e8e8e8;border-radius:6px;transition:all .3s;cursor:pointer}.permission-item:hover{border-color:#1890ff;box-shadow:0 2px 4px #1890ff33}.permission-item .ant-card-body{padding:12px}.permission-content{display:flex;align-items:flex-start;gap:12px}.permission-info{flex:1;min-width:0}.permission-name{font-weight:500;color:#262626;margin-bottom:4px;display:flex;align-items:center;gap:8px}.permission-name .selected-icon{color:#52c41a;font-size:16px}.permission-description{color:#8c8c8c;font-size:12px;line-height:1.4;margin-bottom:6px}.permission-code{margin-top:4px}.permission-code .ant-tag{font-family:Monaco,Consolas,monospace;font-size:10px;border-radius:3px}.permission-picker-footer{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fafafa;border-radius:8px;margin-top:16px}.selected-summary{color:#595959;font-size:14px}.selected-summary strong{color:#1890ff;font-weight:600}.permission-picker .ant-collapse{border:none;background:transparent}.permission-picker .ant-collapse-item{border-bottom:1px solid #e8e8e8}.permission-picker .ant-collapse-item:last-child{border-bottom:none}.permission-picker .ant-collapse-header{padding:16px!important;background:#fafafa;border-radius:0;align-items:center!important}.permission-picker .ant-collapse-header:hover{background:#f0f0f0}.permission-picker .ant-collapse-content{border-top:1px solid #e8e8e8}.permission-picker .ant-collapse-content-box{padding:16px}.permission-picker .ant-checkbox-wrapper{margin-right:0}.permission-picker .ant-checkbox-checked .ant-checkbox-inner,.permission-picker .ant-checkbox-indeterminate .ant-checkbox-inner{background-color:#1890ff;border-color:#1890ff}.permission-picker .ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:#fff}.permission-picker .ant-tag{border-radius:4px;font-weight:500}.permission-picker .ant-tag.ant-tag-blue{background:#e6f7ff;border-color:#91d5ff;color:#1890ff}.permission-picker .ant-input-search{border-radius:6px}.permission-picker .ant-input-search .ant-input{border-radius:6px 0 0 6px}.permission-picker .ant-input-search .ant-input-search-button{border-radius:0 6px 6px 0}.permission-picker .ant-btn{border-radius:6px;font-weight:500}.permission-picker .ant-btn-primary{background:#1890ff;border-color:#1890ff;box-shadow:0 2px 4px #1890ff4d}.permission-picker .ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff;transform:translateY(-1px);box-shadow:0 4px 8px #1890ff66}.permission-picker .ant-btn:disabled{transform:none;box-shadow:none}.permission-picker .ant-badge{margin-right:8px}.permission-picker .ant-badge-count{background:#1890ff;box-shadow:0 2px 4px #1890ff4d}@media(max-width:768px){.permission-picker-header,.permission-picker-footer{flex-direction:column;gap:12px;align-items:stretch}.permission-groups{max-height:400px}.permission-content{flex-direction:column;gap:8px}}@media(max-width:576px){.permission-picker-header{padding:12px}.permission-picker .ant-collapse-header{padding:12px!important}.permission-picker .ant-collapse-content-box{padding:12px}.permissions-list .ant-col{width:100%!important;max-width:100%!important;flex:0 0 100%!important}}.permission-groups::-webkit-scrollbar{width:6px}.permission-groups::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.permission-groups::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:3px}.permission-groups::-webkit-scrollbar-thumb:hover{background:#999}.permission-picker .ant-empty{margin:40px 0}.permission-picker .ant-empty-description{color:#8c8c8c}.permission-picker.readonly .permission-item{cursor:default}.permission-picker.readonly .permission-item:hover{border-color:#e8e8e8;box-shadow:none}.permission-picker.readonly .group-header{cursor:default}.user-management-page{padding:24px;background-color:#f5f5f5;min-height:calc(100vh - 64px)}.user-management-page .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;border:none}.user-management-page .ant-card-head{border-bottom:1px solid #e8e8e8;background:#fafafa}.user-management-page .ant-card-head-title{font-size:16px;font-weight:600;color:#262626}.user-management-page .ant-table{font-size:14px}.user-management-page .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#262626;border-bottom:1px solid #e8e8e8}.user-management-page .ant-table-tbody>tr:hover>td{background:#f5f9ff}.user-management-page .ant-table-tbody>tr>td{padding:12px 16px;border-bottom:1px solid #f0f0f0}.user-management-page .ant-avatar{background-color:#1890ff;margin-right:8px}.user-management-page .ant-switch{background-color:#d9d9d9}.user-management-page .ant-switch-checked{background-color:#52c41a}.user-management-page .ant-btn{border-radius:6px;font-weight:500}.user-management-page .ant-btn-primary{background:#1890ff;border-color:#1890ff;box-shadow:0 2px 4px #1890ff4d}.user-management-page .ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff;transform:translateY(-1px);box-shadow:0 4px 8px #1890ff66}.user-management-page .ant-btn-link{padding:4px 8px;height:auto}.user-management-page .ant-btn-link:hover{background:#1890ff1a;border-radius:4px}.user-management-page .ant-btn-dangerous.ant-btn-link:hover{background:#ff4d4f1a;color:#ff4d4f}.user-management-page .ant-tag{border-radius:4px;font-weight:500;margin:0}.user-management-page .ant-modal .ant-modal-header{border-bottom:1px solid #e8e8e8;padding:16px 24px}.user-management-page .ant-modal .ant-modal-title{font-size:16px;font-weight:600;color:#262626}.user-management-page .ant-modal .ant-modal-body{padding:24px}.user-management-page .ant-form-item-label>label{font-weight:600;color:#262626}.user-management-page .ant-input,.user-management-page .ant-select-selector{border-radius:6px;border:1px solid #d9d9d9;transition:all .3s}.user-management-page .ant-input:focus,.user-management-page .ant-select-focused .ant-select-selector{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.user-management-page .ant-input-search .ant-input-search-button{border-radius:0 6px 6px 0;background:#1890ff;border-color:#1890ff}.user-management-page .ant-input-search .ant-input-search-button:hover{background:#40a9ff;border-color:#40a9ff}.user-management-page .ant-select-arrow,.user-management-page .ant-select-selection-placeholder{color:#bfbfbf}.user-management-page .ant-pagination{margin-top:16px;text-align:right}.user-management-page .ant-pagination-item-active{background:#1890ff;border-color:#1890ff}.user-management-page .ant-pagination-item-active a{color:#fff}.user-management-page .ant-tooltip-inner{background:#303030;border-radius:6px}@media(max-width:768px){.user-management-page{padding:16px 8px}.user-management-page .ant-card-head-title{font-size:14px}.user-management-page .ant-table-wrapper{overflow-x:auto}.user-management-page .ant-modal{margin:0;padding:16px;max-width:none}}@media(max-width:576px){.user-management-page{padding:12px 4px}.user-management-page .ant-col{margin-bottom:16px}.user-management-page .ant-modal-content{border-radius:0}}.user-management-page .ant-empty{margin:40px 0}.user-management-page .ant-empty-description{color:#8c8c8c}.user-management-page .ant-spin-dot{color:#1890ff}.user-management-page .contact-info{line-height:1.4}.user-management-page .contact-info .anticon{color:#8c8c8c;margin-right:4px}.user-management-page .department-info{line-height:1.4}.user-management-page .department-info .department{font-weight:500;color:#262626}.user-management-page .department-info .position{color:#8c8c8c}.user-management-page .user-info{display:flex;align-items:center}.user-management-page .user-info .user-details{flex:1}.user-management-page .user-info .user-name{font-weight:600;color:#262626;margin-bottom:2px}.user-management-page .user-info .user-real-name{font-size:12px;color:#8c8c8c}.user-management-page .action-buttons{display:flex;gap:8px}.user-management-page .action-buttons .ant-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0}.user-management-page .filter-row{margin-bottom:0}.user-management-page .filter-row .ant-col{display:flex;align-items:center}.user-management-page .ant-table-tbody>tr>td{vertical-align:top;padding:16px 12px}.user-management-page .status-indicator{display:flex;align-items:center;gap:8px}.user-management-page .status-indicator .ant-switch{margin:0}.role-management-page{padding:24px;background-color:#f5f5f5;min-height:calc(100vh - 64px)}.role-management-page .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;border:none}.role-management-page .ant-card-head{border-bottom:1px solid #e8e8e8;background:#fafafa}.role-management-page .ant-card-head-title{font-size:16px;font-weight:600;color:#262626}.role-management-page .ant-table{font-size:14px}.role-management-page .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#262626;border-bottom:1px solid #e8e8e8}.role-management-page .ant-table-tbody>tr:hover>td{background:#f5f9ff}.role-management-page .ant-table-tbody>tr>td{padding:16px 12px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.role-management-page .role-info{display:flex;align-items:center}.role-management-page .role-info .ant-avatar{margin-right:12px;background:transparent;border:1px solid #e8e8e8}.role-management-page .role-info .role-details{flex:1}.role-management-page .role-info .role-name{font-weight:600;color:#262626;margin-bottom:2px;display:flex;align-items:center}.role-management-page .role-info .role-code{font-size:12px;color:#8c8c8c;font-family:Monaco,Consolas,monospace}.role-management-page .ant-tag{border-radius:4px;font-weight:500;margin:0;font-size:11px}.role-management-page .ant-tag.ant-tag-red{background:#fff2f0;border-color:#ffccc7;color:#ff4d4f}.role-management-page .ant-tag.ant-tag-blue{background:#e6f7ff;border-color:#91d5ff;color:#1890ff}.role-management-page .ant-btn{border-radius:6px;font-weight:500}.role-management-page .ant-btn-primary{background:#1890ff;border-color:#1890ff;box-shadow:0 2px 4px #1890ff4d}.role-management-page .ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff;transform:translateY(-1px);box-shadow:0 4px 8px #1890ff66}.role-management-page .ant-btn-link{padding:4px 8px;height:auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.role-management-page .ant-btn-link:hover{background:#1890ff1a;border-radius:4px}.role-management-page .ant-btn-dangerous.ant-btn-link:hover{background:#ff4d4f1a;color:#ff4d4f}.role-management-page .ant-btn:disabled{opacity:.5}.role-management-page .ant-modal .ant-modal-header{border-bottom:1px solid #e8e8e8;padding:16px 24px}.role-management-page .ant-modal .ant-modal-title{font-size:16px;font-weight:600;color:#262626}.role-management-page .ant-modal .ant-modal-body{padding:24px}.role-management-page .ant-form-item-label>label{font-weight:600;color:#262626}.role-management-page .ant-input,.role-management-page .ant-select-selector{border-radius:6px;border:1px solid #d9d9d9;transition:all .3s}.role-management-page .ant-input:focus,.role-management-page .ant-select-focused .ant-select-selector{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.role-management-page .ant-input-group-compact .ant-btn{border-radius:0}.role-management-page .ant-input-group-compact .ant-btn:first-child{border-radius:6px 0 0 6px}.role-management-page .ant-input-group-compact .ant-btn:last-child{border-radius:0 6px 6px 0}.role-management-page .ant-input{border-radius:6px;padding:8px 12px}.role-management-page .ant-input:focus{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.role-management-page .ant-input-data-count{color:#8c8c8c;font-size:12px}.role-management-page .ant-input-search .ant-input-search-button{border-radius:0 6px 6px 0;background:#1890ff;border-color:#1890ff}.role-management-page .ant-input-search .ant-input-search-button:hover{background:#40a9ff;border-color:#40a9ff}.role-management-page .ant-pagination{margin-top:16px;text-align:right}.role-management-page .ant-pagination-item-active{background:#1890ff;border-color:#1890ff}.role-management-page .ant-pagination-item-active a{color:#fff}.role-management-page .ant-tooltip-inner{background:#303030;border-radius:6px}.role-management-page .ant-table-column-sorter{color:#bfbfbf}.role-management-page .ant-table-column-sorter-up.active,.role-management-page .ant-table-column-sorter-down.active{color:#1890ff}@media(max-width:768px){.role-management-page{padding:16px 8px}.role-management-page .ant-card-head-title{font-size:14px}.role-management-page .ant-table-wrapper{overflow-x:auto}.role-management-page .ant-modal{margin:0;padding:16px;max-width:none}}@media(max-width:576px){.role-management-page{padding:12px 4px}.role-management-page .ant-col{margin-bottom:16px}.role-management-page .ant-modal-content{border-radius:0}}.role-management-page .ant-empty{margin:40px 0}.role-management-page .ant-empty-description{color:#8c8c8c}.role-management-page .ant-spin-dot{color:#1890ff}.role-management-page .status-button-group{display:flex;border:1px solid #d9d9d9;border-radius:6px;overflow:hidden}.role-management-page .status-button-group .ant-btn{border-radius:0;border:none;flex:1}.role-management-page .status-button-group .ant-btn:not(:last-child){border-right:1px solid #d9d9d9}.role-management-page .action-buttons{display:flex;gap:8px}.role-management-page .role-icon{font-size:16px;margin-right:8px}.role-management-page .description-text{color:#595959;line-height:1.5}.role-management-page .description-text.empty{color:#bfbfbf;font-style:italic}.fulfillment-detail-page{padding:0}.fulfillment-detail-page .ant-descriptions-item-label{font-weight:500;background-color:#fafafa}.fulfillment-detail-page .ant-timeline-item-content{padding-bottom:20px}.fulfillment-detail-page .ant-steps-item-description{margin-top:8px}.fulfillment-detail-page .ant-card{margin-bottom:16px;box-shadow:0 1px 2px #00000014}.fulfillment-detail-page .ant-statistic-content{display:flex;align-items:center;justify-content:center}.fulfillment-detail-page .ant-progress-circle{margin-right:16px}.stage-status-pending{color:#999}.stage-status-in-progress{color:#1890ff}.stage-status-completed{color:#52c41a}.stage-status-skipped{color:#faad14}.event-log-item{padding:12px;border-radius:4px;background-color:#f5f5f5;margin-bottom:8px}.event-log-item:hover{background-color:#e6f7ff}.fulfillment-progress{display:flex;align-items:center;gap:16px}.fulfillment-progress-text{font-size:24px;font-weight:500;color:#1890ff}.shipment-tracking-page{padding:24px;background:#f0f2f5;min-height:100vh}.shipment-tracking-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.shipment-tracking-page .page-header h1{margin:0;font-size:24px;font-weight:600;color:#000}.shipment-tracking-page .page-header p{margin:8px 0 0;color:#666;font-size:14px}.shipment-tracking-page .order-collapse{background:transparent}.shipment-tracking-page .order-collapse .ant-collapse-item{margin-bottom:16px;background:#fff;border-radius:8px;border:1px solid #f0f0f0;overflow:hidden}.shipment-tracking-page .order-collapse .ant-collapse-header{padding:16px 24px!important;background:#fafafa}.shipment-tracking-page .order-collapse .ant-collapse-content{border-top:1px solid #f0f0f0}.shipment-tracking-page .order-collapse .ant-collapse-content-box{padding:24px}.shipment-tracking-page .order-header{display:flex;justify-content:space-between;align-items:center;width:100%}.shipment-tracking-page .order-info{display:flex;align-items:center;gap:16px}.shipment-tracking-page .order-no{font-size:16px;font-weight:600;color:#1890ff}.shipment-tracking-page .task-count{color:#666;font-size:14px}.shipment-tracking-page .order-actions{display:flex;align-items:center;gap:16px}.shipment-tracking-page .urgent-row{background-color:#fff7e6}.shipment-tracking-page .urgent-row:hover td{background-color:#ffe7ba!important}.shipment-tracking-page .ant-table-small .ant-table-thead>tr>th{background:#fafafa;font-weight:500}.shipment-tracking-page .ant-table-small .ant-table-tbody>tr>td{padding:8px 16px}.shipment-tracking-page .ant-badge-dot{background:#ff4d4f;width:8px;height:8px;top:3px;right:3px}.shipment-tracking-page .ant-progress-text{font-size:12px!important}.shipment-tracking-page .ant-descriptions-small .ant-descriptions-item-label{font-weight:400;color:#666}.shipment-tracking-page .ant-descriptions-small .ant-descriptions-item-content{font-weight:500}.shipment-tracking-page .ant-btn-link.ant-btn-dangerous{color:#ff4d4f}.shipment-tracking-page .ant-btn-link.ant-btn-dangerous:hover{color:#ff7875}.shipment-tracking-page .ant-tag{border-radius:4px;padding:0 8px;line-height:22px}.shipment-tracking-page .ant-alert-warning{background:#fffbe6;border:1px solid #ffe58f}.shipment-tracking-page .ant-empty{padding:60px 0}@media(max-width:768px){.shipment-tracking-page{padding:16px}.shipment-tracking-page .page-header{flex-direction:column;gap:16px}.shipment-tracking-page .order-header{flex-direction:column;align-items:flex-start;gap:12px}.shipment-tracking-page .order-actions{width:100%;justify-content:space-between}}.pmc-delivery-plan-page{padding:16px 24px;background:#f0f2f5;min-height:100vh}.pmc-delivery-plan-page .page-card{border-radius:8px;box-shadow:0 2px 8px #0000000d}.pmc-delivery-plan-page .pmc-tabs .ant-tabs-content{padding-top:16px}.pmc-delivery-plan-page .material-info-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.pmc-delivery-plan-page .material-info-card .ant-statistic-title{color:#ffffffd9;font-size:14px}.pmc-delivery-plan-page .material-info-card .ant-statistic-content{color:#fff;font-size:18px;font-weight:600}.pmc-delivery-plan-page .search-bar{display:flex;align-items:center;padding:12px 16px;background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000014}.pmc-delivery-plan-page .ant-table-wrapper{background:#fff;border-radius:8px}.pmc-delivery-plan-page .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#262626}.pmc-delivery-plan-page .ant-table-tbody>tr:hover>td{background:#f5f7fa}@media(max-width:768px){.pmc-delivery-plan-page{padding:12px}.pmc-delivery-plan-page .search-bar{flex-direction:column;align-items:stretch}.pmc-delivery-plan-page .search-bar>*{width:100%!important;margin-bottom:8px}.pmc-delivery-plan-page .material-info-card .ant-col{margin-bottom:16px}}.pmc-delivery-plan-page .ant-tag{font-weight:500;border-radius:4px;padding:2px 8px}.pmc-delivery-plan-page .ant-space-item button{border-radius:6px}.pmc-delivery-plan-page .ant-form-item{margin-bottom:16px}.pmc-delivery-plan-page .ant-modal-body{max-height:70vh;overflow-y:auto}.pmc-delivery-plan-page .quantity-highlight{font-weight:600;font-size:14px}.pmc-delivery-plan-page .action-buttons{display:flex;gap:8px}.pmc-delivery-plan-page .ant-btn-link{padding:0;height:auto}.pmc-delivery-plan-page .ant-card-head-title{font-weight:600;font-size:16px}.pmc-delivery-plan-page .ant-spin-container{min-height:300px}.pmc-delivery-plan-page .ant-empty{padding:60px 0}.procurement-approval-page{padding:24px;background:#f0f2f5;min-height:100vh}.procurement-approval-page .page-card{border-radius:8px;box-shadow:0 2px 8px #0000000d}.procurement-approval-page .approval-tabs{min-height:600px}.procurement-approval-page .ant-card{border-radius:8px;transition:all .3s ease}.procurement-approval-page .ant-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.procurement-approval-page .ant-statistic{text-align:center}.procurement-approval-page .ant-statistic-title{font-size:14px;color:#000000a6;margin-bottom:8px}.procurement-approval-page .ant-statistic-content{font-size:32px;font-weight:600}.procurement-approval-page .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#262626}.procurement-approval-page .ant-table-tbody>tr:hover>td{background:#f5f7fa}.procurement-approval-page .ant-tag{font-weight:500;border-radius:4px;padding:2px 8px}.procurement-approval-page .ant-badge{color:inherit}.procurement-approval-page .ant-descriptions-item-label{font-weight:600;background:#fafafa}.procurement-approval-page .ant-descriptions-item-content{background:#fff}.procurement-approval-page .ant-radio-group{width:100%}.procurement-approval-page .ant-radio-button-wrapper{width:50%;text-align:center;height:40px;line-height:38px;font-size:16px}.procurement-approval-page .ant-radio-button-wrapper-checked{font-weight:600}.procurement-approval-page .ant-form-item{margin-bottom:20px}.procurement-approval-page .ant-modal-body{max-height:70vh;overflow-y:auto}.procurement-approval-page .ant-btn-link{padding:0;height:auto}.procurement-approval-page .ant-space{gap:8px!important}@media(max-width:768px){.procurement-approval-page{padding:12px}.procurement-approval-page .ant-col{margin-bottom:16px}.procurement-approval-page .ant-statistic-content{font-size:24px}.procurement-approval-page .ant-radio-button-wrapper{width:100%;margin-bottom:8px}}.procurement-approval-page .ant-spin-container{min-height:300px}.procurement-approval-page .ant-empty{padding:60px 0}.procurement-approval-page .ant-card-head-title{font-weight:600;font-size:16px}.procurement-approval-page .ant-form-inline .ant-form-item{margin-bottom:0;margin-right:16px}.procurement-approval-page .action-buttons{display:flex;gap:8px;justify-content:flex-end}.today-monitor-dashboard{padding:24px;background:#f0f2f5;min-height:100vh}.today-monitor-dashboard .page-card{border-radius:8px;box-shadow:0 2px 8px #0000000d}.today-monitor-dashboard .stat-card{border-radius:8px;transition:all .3s ease;cursor:pointer}.today-monitor-dashboard .stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.today-monitor-dashboard .overdue-card{border-left:4px solid #ff4d4f}.today-monitor-dashboard .warning-card{border-left:4px solid #faad14}.today-monitor-dashboard .completed-card{border-left:4px solid #52c41a}.today-monitor-dashboard .rate-card{border-left:4px solid #1890ff}.today-monitor-dashboard .ant-statistic{text-align:center}.today-monitor-dashboard .ant-statistic-title{font-size:14px;color:#000000a6;margin-bottom:12px;font-weight:500}.today-monitor-dashboard .ant-statistic-content{font-size:32px;font-weight:600}.today-monitor-dashboard .row-overdue{background-color:#fff2f0}.today-monitor-dashboard .row-overdue:hover td{background-color:#ffe7e5!important}.today-monitor-dashboard .row-warning{background-color:#fffbe6}.today-monitor-dashboard .row-warning:hover td{background-color:#fff7cc!important}.today-monitor-dashboard .row-completed{background-color:#f6ffed}.today-monitor-dashboard .row-completed:hover td{background-color:#e9f9df!important}.today-monitor-dashboard .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#262626}.today-monitor-dashboard .ant-table-tbody>tr:hover>td{background:#f5f7fa}.today-monitor-dashboard .ant-progress{margin:0}.today-monitor-dashboard .ant-progress-text{font-size:12px}.today-monitor-dashboard .ant-tag{font-weight:500;border-radius:4px;padding:2px 8px}.today-monitor-dashboard .ant-space{display:flex;flex-wrap:wrap}.today-monitor-dashboard .ant-descriptions-item-label{font-weight:600;background:#fafafa}.today-monitor-dashboard .ant-descriptions-item-content{background:#fff}.today-monitor-dashboard .ant-btn-link{padding:0;height:auto}@media(max-width:1200px){.today-monitor-dashboard .stat-card{margin-bottom:16px}}@media(max-width:768px){.today-monitor-dashboard{padding:12px}.today-monitor-dashboard .ant-statistic-content{font-size:24px}.today-monitor-dashboard .ant-space,.today-monitor-dashboard .ant-space-item{width:100%}.today-monitor-dashboard .ant-select,.today-monitor-dashboard .ant-picker,.today-monitor-dashboard .ant-input{width:100%!important}}.today-monitor-dashboard .ant-spin-container{min-height:300px}.today-monitor-dashboard .ant-empty{padding:60px 0}.today-monitor-dashboard .ant-card-head-title{font-weight:600;font-size:16px}.today-monitor-dashboard .ant-modal-body{max-height:70vh;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.today-monitor-dashboard .stat-card{animation:fadeIn .3s ease-in-out}.supplier-confirm-page{padding:24px;background:#f0f2f5;min-height:100vh}.supplier-confirm-page .ant-card{margin-bottom:16px}.supplier-confirm-page .ant-statistic-title{font-size:14px;color:#00000073}.supplier-confirm-page .ant-statistic-content{font-size:24px;font-weight:600}.supplier-confirm-page .ant-table-thead>tr>th{background-color:#fafafa;font-weight:600}.supplier-confirm-page .ant-table-tbody>tr:hover{background-color:#f5f5f5}.supplier-confirm-page .ant-table-selection-column{width:50px!important;min-width:50px!important;padding-left:16px!important;padding-right:8px!important}.supplier-confirm-page .ant-checkbox-wrapper{margin:0}.supplier-confirm-page .ant-table-cell{padding:12px 8px!important}.supplier-confirm-page .ant-tag{font-weight:500;padding:2px 8px}.supplier-confirm-page .ant-btn-sm{font-size:12px;height:28px;padding:0 12px}.supplier-confirm-page .ant-modal-header{background-color:#fafafa;border-bottom:1px solid #f0f0f0}.supplier-confirm-page .ant-divider{margin:16px 0}.supplier-confirm-page .ant-form-item-label>label{font-weight:600}.supplier-confirm-page .ant-form-item-extra{color:#8c8c8c;font-size:12px;margin-top:4px}@media(max-width:768px){.supplier-confirm-page{padding:16px}.supplier-confirm-page .ant-col{margin-bottom:16px}}