@charset "UTF-8";:root{--modal-overlay-bg-opacity: .4;--modal-overlay-blur: 6px;--modal-overlay-bg-color: rgba(0, 0, 0, .4)}.modal{display:flex;flex-direction:column;max-height:calc(100vh - 32px);box-sizing:border-box;overflow:hidden;background:#fff;border-radius:14px;box-shadow:0 18px 50px rgba(15,23,42,.28)}.modal-overlay{padding:16px;box-sizing:border-box;overflow-y:auto}.modal>.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto}.modal>.modal-header,.modal>.modal-footer{flex-shrink:0}@media(max-height:720px){.modal>.modal-header{padding:14px 18px 10px}.modal>.modal-body{padding:16px 18px}.modal>.modal-footer{padding:10px 18px 14px}}.modal-overlay[style*="display: flex"],.modal-overlay[style*="display:flex"]{opacity:1}.modal-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;pointer-events:none;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.modal-dialog-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:var(--modal-overlay-bg-color, rgba(0, 0, 0, .4))!important;display:flex!important;align-items:center;justify-content:center;opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);pointer-events:auto;backdrop-filter:blur(var(--modal-overlay-blur, 6px))!important;-webkit-backdrop-filter:blur(var(--modal-overlay-blur, 6px))!important;z-index:10000!important;will-change:opacity;contain:paint}.modal-dialog-overlay.show{opacity:1}.modal-dialog-overlay.no-backdrop-filter{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(0,0,0,.45)!important}.modal-dialog{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:500px;width:90%;max-height:80vh;overflow:hidden;transform:scale(.9) translateY(20px);transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .2s ease;opacity:0;display:flex;flex-direction:column;position:relative;z-index:10001;will-change:transform,opacity}.modal-dialog-overlay.show .modal-dialog{transform:scale(1) translateY(0);opacity:1}.modal-dialog-small{max-width:400px}.modal-dialog-medium{max-width:500px}.modal-dialog-large{max-width:800px}.modal-dialog-xlarge{max-width:1400px;width:95%}.modal-dialog-fullscreen{max-width:95vw;max-height:95vh;width:95vw;height:95vh}.modal-header{padding:24px 24px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-title{margin:0;font-size:18px;font-weight:600;color:#111827;line-height:1.4}.modal-close{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-close:hover{background:rgba(0,0,0,.05);color:#374151;transform:scale(1.1)}.modal-close:active{transform:scale(.95)}.modal-body{padding:24px;overflow-y:auto;flex:1;min-height:0}.modal-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #e5e7eb;flex-shrink:0}.confirm-dialog-body{display:flex;align-items:flex-start;gap:16px;text-align:left}.confirm-icon{font-size:48px;flex-shrink:0;line-height:1}.confirm-message{flex:1;font-size:16px;line-height:1.6;color:#374151;overflow-wrap:break-word;word-break:break-all;white-space:pre-wrap;min-width:0}.prompt-dialog-body{text-align:left}.prompt-message{margin-bottom:16px;font-size:16px;color:#374151;line-height:1.6;overflow-wrap:break-word;word-break:break-all}.prompt-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:all .2s ease;box-sizing:border-box;font-family:inherit}.prompt-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.prompt-input:disabled{background:#f3f4f6;cursor:not-allowed}.loading-dialog-body{text-align:center;padding:32px}.loading-spinner{width:48px;height:48px;margin:0 auto 16px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-message{font-size:16px;color:#374151;font-weight:500;overflow-wrap:break-word;word-break:break-all}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:80px;font-family:inherit;line-height:1.4}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.3)}.btn-danger:active:not(:disabled){transform:translateY(0)}@media(max-width:768px){.modal-dialog{width:95%;max-width:none;max-height:90vh;border-radius:12px}.modal-header{padding:20px 20px 12px}.modal-body{padding:20px}.modal-footer{padding:12px 20px 20px;flex-direction:column}.btn{width:100%}.modal-dialog-fullscreen{max-width:100vw;max-height:100vh;width:100vw;height:100vh;border-radius:0}}@media(max-width:480px){.modal-header{padding:16px 16px 12px}.modal-body{padding:16px}.modal-footer{padding:12px 16px 16px}.confirm-icon{font-size:40px}.confirm-message,.prompt-message{font-size:14px}}@media(prefers-color-scheme:dark){.modal-dialog{background:#1f2937;color:#f9fafb}.modal-header{border-bottom-color:#374151}.modal-title{color:#f9fafb}.modal-close{color:#9ca3af}.modal-close:hover{background:rgba(255,255,255,.1);color:#d1d5db}.modal-body{color:#f3f4f6}.modal-footer{border-top-color:#374151}.confirm-message,.prompt-message,.loading-message{color:#f3f4f6}.prompt-input{background:#374151;border-color:#4b5563;color:#f9fafb}.prompt-input:focus{border-color:#60a5fa}.prompt-input:disabled{background:#1f2937}.btn-secondary{background:#374151;color:#f9fafb;border-color:#4b5563}.btn-secondary:hover:not(:disabled){background:#4b5563;border-color:#6b7280}}.modal-dialog-overlay[aria-hidden=true]{display:none}.modal-dialog:focus{outline:none}.modal-dialog *:focus{outline:2px solid #3b82f6;outline-offset:2px}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(prefers-color-scheme:dark){.modal-body::-webkit-scrollbar-track{background:#374151}.modal-body::-webkit-scrollbar-thumb{background:#4b5563}.modal-body::-webkit-scrollbar-thumb:hover{background:#6b7280}}.contract-no-modal{background:var(--modal-overlay-bg-color, rgba(0, 0, 0, .4));backdrop-filter:blur(var(--modal-overlay-blur, 6px));-webkit-backdrop-filter:blur(var(--modal-overlay-blur, 6px))}.contract-no-dialog{max-width:520px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(255,255,255,.8);box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.05),inset 0 1px rgba(255,255,255,.9)}.contract-modal-header{padding:28px 28px 20px;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px 16px 0 0;position:relative;overflow:hidden}.contract-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.1"><circle cx="30" cy="30" r="2"/></g></svg>');opacity:.3}.contract-modal-icon{font-size:48px;margin-bottom:12px;position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.contract-modal-title{margin:0 0 8px;font-size:22px;font-weight:700;color:#fff;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.contract-modal-subtitle{margin:0;font-size:13px;color:rgba(255,255,255,.9);font-weight:400;position:relative;z-index:1;line-height:1.5}.contract-modal-body{padding:28px;background:#fff}.contract-input-section{margin-bottom:20px}.contract-input-section:last-of-type{margin-bottom:0}.contract-input-label{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:600;color:#374151}.contract-label-icon{font-size:16px}.contract-select-wrapper{position:relative;display:flex;align-items:center}.contract-select{width:100%;padding:14px 40px 14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;color:#111827;background:#fff;-webkit-appearance:none;appearance:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background-image:none}.contract-select:hover{border-color:#d1d5db;background:#f9fafb}.contract-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1);background:#fff}.contract-select-arrow{position:absolute;right:16px;pointer-events:none;color:#6b7280;transition:transform .2s ease}.contract-select-wrapper:hover .contract-select-arrow,.contract-select:focus+.contract-select-arrow{color:#667eea}.contract-input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;color:#111827;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.contract-input::placeholder{color:#9ca3af}.contract-input:hover{border-color:#d1d5db;background:#f9fafb}.contract-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1);background:#fff}.contract-divider{display:flex;align-items:center;gap:12px;margin:24px 0}.contract-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,#e5e7eb,transparent)}.contract-divider-text{font-size:13px;color:#9ca3af;font-weight:500;padding:0 8px;background:#fff}.contract-modal-footer{padding:20px 28px 28px;display:flex;gap:12px;justify-content:flex-end;background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 16px 16px}.contract-btn{padding:12px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;min-width:100px;position:relative;overflow:hidden}.contract-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.contract-btn:active:before{width:300px;height:300px}.contract-btn span{position:relative;z-index:1}.contract-btn-cancel{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.contract-btn-cancel:hover{background:#f9fafb;border-color:#d1d5db;color:#374151;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.contract-btn-cancel:active{transform:translateY(0)}.contract-btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:2px solid transparent;box-shadow:0 4px 12px rgba(102,126,234,.3)}.contract-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4);background:linear-gradient(135deg,#5a67d8,#6b46c1)}.contract-btn-confirm:active{transform:translateY(0);box-shadow:0 2px 8px rgba(102,126,234,.3)}@media(max-width:640px){.contract-no-dialog{width:95%;margin:20px}.contract-modal-header{padding:24px 20px 16px}.contract-modal-icon{font-size:40px}.contract-modal-title{font-size:20px}.contract-modal-subtitle{font-size:12px}.contract-modal-body{padding:24px 20px}.contract-modal-footer{padding:16px 20px 24px;flex-direction:column}.contract-btn{width:100%}}@media(prefers-color-scheme:dark){.contract-no-dialog{background:linear-gradient(135deg,#1f2937,#111827);border-color:rgba(255,255,255,.1)}.contract-modal-body{background:#1f2937}.contract-input-label{color:#f3f4f6}.contract-select,.contract-input{background:#374151;border-color:#4b5563;color:#f9fafb}.contract-select:hover,.contract-input:hover{background:#4b5563;border-color:#6b7280}.contract-select:focus,.contract-input:focus{border-color:#818cf8;box-shadow:0 0 0 4px rgba(129,140,248,.2)}.contract-divider-line{background:linear-gradient(90deg,transparent,#4b5563,transparent)}.contract-divider-text{color:#9ca3af;background:#1f2937}.contract-modal-footer{background:#111827;border-top-color:#374151}.contract-btn-cancel{background:#374151;color:#f3f4f6;border-color:#4b5563}.contract-btn-cancel:hover{background:#4b5563;border-color:#6b7280}}.stats-overview .stat-card{position:relative;overflow:hidden;min-height:42px;height:42px}.stats-overview .stat-card:before{content:"";position:absolute;top:50%;left:-30%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 60%);opacity:0;transition:opacity .3s ease,left .3s ease;transform:translateY(-50%)}.stats-overview .stat-card:hover:before{opacity:1;left:-10%}.stats-overview .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.2)!important}.stats-overview .stat-card:active{transform:translateY(0)}.stats-overview .stat-card:hover>div:first-child{animation:iconPulse 1s ease-in-out infinite}@keyframes iconPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}@keyframes countUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.stats-overview .stat-card>div:last-child span:last-child{animation:countUp .4s ease-out}.quick-filters{position:relative}.filter-tag{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-tag:not(.active){background:#fff!important;border:1.5px solid #cbd5e1!important;color:#64748b!important}.filter-tag[data-filter=all].active,.filter-tag[data-filter=已创建].active{background:linear-gradient(135deg,#7c9dff,#5b8fe8)!important;border:1.5px solid #5B8FE8!important;color:#fff!important;box-shadow:0 4px 12px rgba(124,157,255,.3),0 0 0 3px rgba(124,157,255,.12);transform:translateY(-1px) scale(1.05);font-weight:600!important}.filter-tag[data-filter=已排产].active{background:linear-gradient(135deg,#a78bfa,#8b5cf6)!important;border:1.5px solid #8B5CF6!important;color:#fff!important;box-shadow:0 4px 12px rgba(167,139,250,.3),0 0 0 3px rgba(167,139,250,.12);transform:translateY(-1px) scale(1.05);font-weight:600!important}.filter-tag[data-filter=已发货].active{background:linear-gradient(135deg,#818cf8,#6366f1)!important;border:1.5px solid #6366F1!important;color:#fff!important;box-shadow:0 4px 12px rgba(129,140,248,.3),0 0 0 3px rgba(129,140,248,.12);transform:translateY(-1px) scale(1.05);font-weight:600!important}.filter-tag[data-filter=已完成].active{background:linear-gradient(135deg,#6ee7b7,#34d399)!important;border:1.5px solid #34D399!important;color:#fff!important;box-shadow:0 4px 12px rgba(110,231,183,.3),0 0 0 3px rgba(110,231,183,.12);transform:translateY(-1px) scale(1.05);font-weight:600!important}.filter-tag.active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,0));border-radius:inherit;pointer-events:none}.filter-tag.active:after{content:"✓";margin-left:6px;font-size:13px;font-weight:700;animation:checkMark .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes checkMark{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.filter-tag:not(.active):hover{background:#f8fafc!important;border-color:#94a3b8!important;color:#475569!important;transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.08)}.filter-tag[data-filter=all].active:hover{box-shadow:0 5px 16px rgba(74,144,226,.5),0 0 0 4px rgba(74,144,226,.15);transform:translateY(-2px) scale(1.05)}.filter-tag[data-filter=已创建].active:hover{box-shadow:0 5px 16px rgba(100,116,139,.5),0 0 0 4px rgba(100,116,139,.15);transform:translateY(-2px) scale(1.05)}.filter-tag[data-filter=已排产].active:hover{box-shadow:0 5px 16px rgba(240,147,251,.5),0 0 0 4px rgba(240,147,251,.15);transform:translateY(-2px) scale(1.05)}.filter-tag[data-filter=已发货].active:hover{box-shadow:0 5px 16px rgba(129,140,248,.5),0 0 0 4px rgba(129,140,248,.15);transform:translateY(-2px) scale(1.05)}.filter-tag[data-filter=已完成].active:hover{box-shadow:0 5px 16px rgba(16,185,129,.5),0 0 0 4px rgba(16,185,129,.15);transform:translateY(-2px) scale(1.05)}.filter-section,.filter-section .filter-header{transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-section .filter-header:hover{background:#f1f5f9!important}.filter-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);overflow:hidden;opacity:1}.filter-body>*{min-height:0}.filter-body.collapsed{grid-template-rows:0fr;opacity:0;padding-top:0!important;padding-bottom:0!important;border-top:none!important}#filterToggleIcon{display:inline-block;transition:transform .4s cubic-bezier(.4,0,.2,1)}#filterToggleIcon.rotated{transform:rotate(180deg)}#activeFiltersCount{transition:all .3s cubic-bezier(.4,0,.2,1)}#activeFiltersCount{display:inline-block;transition:all .3s ease}#activeFiltersCount.has-filters{background:#3b82f6;color:#fff;padding:2px 8px;border-radius:12px;font-weight:600}#view-orders-list.panel.view-active,#view-orders-list.panel{display:flex!important;flex-direction:column!important;height:100%!important;flex:1!important;margin:0!important;border-radius:0!important;box-shadow:none!important}#view-orders-list.panel.view-active .panel-body,#view-orders-list.panel .panel-body,#view-analytics-export.panel.view-active .panel-body,#view-analytics-export.panel .panel-body,#view-analytics-order-analysis.panel.view-active .panel-body,#view-analytics-order-analysis.panel .panel-body,#view-analytics-attachment-overview.panel.view-active .panel-body,#view-analytics-attachment-overview.panel .panel-body{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow:hidden!important;padding:24px!important;height:100%!important}#view-orders-list .stats-overview,#view-orders-list .quick-filters,#view-orders-list .filter-section,#view-analytics-export .stats-overview,#view-analytics-export .filter-section,#view-analytics-order-analysis .stats-overview,#view-analytics-order-analysis .filter-section,#view-analytics-attachment-overview .stats-overview,#view-analytics-attachment-overview #attOvSummary,#view-analytics-attachment-overview #attOvFilters{flex-shrink:0!important}#view-orders-list .orders-table-container,#view-analytics-export .export-table-container,#view-analytics-order-analysis .order-analysis-table-container{flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:auto!important;position:relative!important;max-height:100%!important}#view-orders-list .orders-table-container>div{overflow-y:auto!important;overflow-x:auto!important;height:100%!important;max-height:100%!important}#view-orders-list .panel-body>div:last-child.orders-table-container,#view-orders-list .panel-body>div:last-child:not(.stats-overview):not(.quick-filters):not(.filter-section),#view-analytics-export .panel-body>div:last-child.export-table-container,#view-analytics-export .panel-body>div:last-child:not(.stats-overview):not(.filter-section),#view-analytics-order-analysis .panel-body>div:last-child.order-analysis-table-container,#view-analytics-order-analysis .panel-body>div:last-child:not(.stats-overview):not(.filter-section),#view-analytics-attachment-overview .panel-body>div:last-child{flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:auto!important;position:relative!important;max-height:100%!important}.orders-table,.export-table,.order-analysis-table{position:relative;width:100%!important;border-collapse:collapse;table-layout:fixed!important;display:table!important}.orders-table colgroup,.export-table colgroup,.order-analysis-table colgroup{display:table-column-group!important}.orders-table col,.export-table col,.order-analysis-table col{display:table-column!important}.orders-table thead,.export-table thead,.order-analysis-table thead{display:table-header-group!important;background:linear-gradient(135deg,#f8f9fa,#e9ecef);position:sticky;top:0;z-index:10}.orders-table tbody,.export-table tbody,.order-analysis-table tbody{display:table-row-group!important}.orders-table tr,.export-table tr,.order-analysis-table tr{display:table-row!important}.orders-table th,.orders-table td,.export-table th,.export-table td{display:table-cell!important}.orders-table th,.export-table th{font-weight:600;color:#1e293b;text-transform:uppercase;letter-spacing:.5px;font-size:12px;padding:8px 12px!important;border-bottom:2px solid #cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center!important;display:table-cell!important;width:auto!important}.orders-table tbody tr{transition:background-color .15s ease,box-shadow .15s ease;border-bottom:1px solid #f1f5f9;will-change:background-color,box-shadow;transform:translateZ(0)}.orders-table tbody tr:hover{background:linear-gradient(90deg,rgba(59,130,246,.05),rgba(59,130,246,.02));box-shadow:0 2px 8px rgba(0,0,0,.05)}.orders-table tbody tr.selected{background:linear-gradient(90deg,rgba(59,130,246,.15),rgba(59,130,246,.08));box-shadow:inset 3px 0 #3b82f6}.orders-table tbody tr.selected:hover{background:linear-gradient(90deg,rgba(59,130,246,.2),rgba(59,130,246,.12))}.orders-table td{padding:12px!important;vertical-align:middle!important;color:#333;font-size:13px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;text-align:center!important;display:table-cell!important;width:auto!important}.orders-table th[data-sort]{user-select:none;transition:background-color .2s ease}.orders-table th[data-sort]:hover{background-color:#f1f5f9}.orders-table th[data-sort] .sort-icon{display:inline-block;margin-left:4px;font-size:12px;color:#6c757d;transition:color .2s ease;vertical-align:middle}.orders-table .contract-no-link{color:#2563eb!important;transition:color .15s ease,text-decoration .15s ease;will-change:color,text-decoration}.orders-table .contract-no-link:hover{color:#1d4ed8!important;text-decoration:none!important}.orders-table .btn{font-size:12px;padding:6px 12px;margin:0 2px;border-radius:6px;transition:transform .15s ease,box-shadow .15s ease;will-change:transform,box-shadow}.orders-table .btn:hover{transform:translateY(-1px);box-shadow:0 3px 6px rgba(0,0,0,.12)}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;position:relative;overflow:hidden;transition:all .3s ease}.status-pill:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.status-pill:hover:before{left:100%}.result-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.result-deal{background:#e8f5e9;border:1px solid #66BB6A;color:#2e7d32}.result-pending{background:#fff8e1;border:1px solid #FFCA28;color:#b26a00}.result-lost{background:#f5f5f5;border:1px solid #BDBDBD;color:#757575}.result-idle{background:#eef2ff;border:1px solid #A5B4FC;color:#4f46e5}.status-created{background:linear-gradient(135deg,#7c9dff,#5b8fe8);border:1px solid #5B8FE8;color:#fff;box-shadow:0 2px 4px rgba(124,157,255,.3)}.status-created:after{content:"📝";margin-left:6px}.status-scheduled{background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:1px solid #8B5CF6;color:#fff;box-shadow:0 2px 4px rgba(167,139,250,.3)}.status-scheduled:after{content:"⚙️";margin-left:6px}.status-shipped{background:linear-gradient(135deg,#818cf8,#6366f1);border:1px solid #6366F1;color:#fff;box-shadow:0 2px 4px rgba(129,140,248,.3)}.status-shipped:after{content:"🚚";margin-left:6px}.status-completed{background:linear-gradient(135deg,#6ee7b7,#34d399);border:1px solid #34D399;color:#fff;box-shadow:0 2px 4px rgba(110,231,183,.3)}.status-completed:after{content:"✅";margin-left:6px}.status-cancelled{background:linear-gradient(135deg,#d1d5db,#9ca3af);border:1px solid #9CA3AF;color:#fff;box-shadow:0 2px 4px rgba(156,163,175,.3)}.status-cancelled:after{content:"🚫";margin-left:6px}.orders-table input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6;transition:transform .2s ease}.orders-table input[type=checkbox]:hover{transform:scale(1.1)}.orders-table input[type=checkbox]:checked{animation:checkboxPop .3s ease}@keyframes checkboxPop{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.filter-body .input,.filter-body .select{transition:all .3s ease}.filter-body .input:focus,.filter-body .select:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px rgba(59,130,246,.1)!important;transform:translateY(-1px)}.filter-body .input:hover,.filter-body .select:hover{border-color:#94a3b8}.empty-state{text-align:center;padding:60px 20px;color:#64748b}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state-title{font-size:18px;font-weight:600;color:#334155;margin-bottom:8px}.empty-state-description{font-size:14px;color:#64748b;margin-bottom:24px}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(59,130,246,.1);border-radius:50%;border-top-color:#3b82f6;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.stats-overview{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.stats-overview{grid-template-columns:repeat(2,1fr)!important}.stat-card{padding:8px 10px!important}.stat-card>div:first-child>div:first-child{font-size:9px!important}.stat-card>div:first-child>div:last-child{font-size:18px!important}.quick-filters{overflow-x:auto;white-space:nowrap;padding-bottom:8px;-webkit-overflow-scrolling:touch}.quick-filters::-webkit-scrollbar{height:4px}.quick-filters::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.filter-tag{display:inline-block}.orders-table{font-size:12px}.orders-table th,.orders-table td{padding:8px 6px}}@media(max-width:480px){.stats-overview{grid-template-columns:1fr!important;gap:6px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.panel-body>*{animation:fadeInUp .4s ease-out}.panel-body>*:nth-child(2){animation-delay:.1s}.panel-body>*:nth-child(3){animation-delay:.2s}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:6px 12px;background:#1e293b;color:#fff;font-size:12px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:1000}[data-tooltip]:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1e293b;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;transform:translate(-50%) translateY(-4px)}.orders-table::-webkit-scrollbar{width:8px;height:8px}.orders-table::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.orders-table::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .3s ease}.orders-table::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media print{.stats-overview,.quick-filters,.filter-section,.panel-actions{display:none!important}.orders-table{box-shadow:none!important}.orders-table tbody tr:hover{background:none!important;transform:none!important}}.order-amount-link{cursor:pointer;color:#3b82f6;font-weight:600;text-decoration:none;transition:all .2s ease;position:relative;display:inline-block}.order-amount-link:hover{color:#2563eb;text-decoration:underline;opacity:.8}.payment-status-option-label:hover{background:#f3f4f6!important}.payment-amount-cell:hover{opacity:.8}.payment-amount-cell:hover>span:first-of-type{text-decoration:underline}.payment-amount-cell:hover .quick-mark-paid-btn{opacity:1!important;visibility:visible!important}.quick-mark-paid-btn:hover{background:#b91c1c!important;transform:translateY(-50%) scale(1.1)!important}.payment-status-dialog .form-group{margin-bottom:16px}.payment-status-dialog .form-group label{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-weight:600;color:#111827;font-size:14px}.payment-status-dialog input[readonly],.payment-status-dialog input[readonly]:focus{background:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed!important;border-color:#d1d5db!important}@media(max-width:768px){.payment-status-dialog .form-group{grid-column:1 / -1}}.settings-content{max-width:100%;margin:0;padding:16px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-page-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:20px 24px;margin-bottom:20px;color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.2);position:relative;overflow:hidden}.settings-page-header:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:rgba(255,255,255,.08);border-radius:50%;pointer-events:none}.settings-page-title{font-size:22px;font-weight:700;margin:0 0 4px;display:flex;align-items:center;gap:10px}.settings-page-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.settings-page-desc{font-size:13px;opacity:.95;margin:0;font-weight:400}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:24px;margin-bottom:24px}.settings-single-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:16px;width:100%;margin:0}@media(min-width:1000px){.settings-single-column{grid-template-columns:repeat(2,1fr)}}.settings-single-column.full-width{grid-template-columns:1fr}@media(max-width:768px){.settings-single-column{grid-template-columns:1fr}}.settings-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05)}.settings-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}.settings-card-header{display:flex;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.settings-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:20px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.1)}.settings-card-icon.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.settings-card-icon.success{background:linear-gradient(135deg,#11998e,#38ef7d)}.settings-card-icon.warning{background:linear-gradient(135deg,#f093fb,#f5576c)}.settings-card-icon.info{background:linear-gradient(135deg,#4facfe,#00f2fe)}.settings-card-title-group{flex:1}.settings-card-title{font-size:16px;font-weight:700;color:#2c3e50;margin:0 0 4px}.settings-card-subtitle{font-size:12px;color:#7f8c8d;margin:0;font-weight:400}.settings-card-body{padding:0}.settings-form-group{margin-bottom:18px}.settings-form-group:last-child{margin-bottom:0}.settings-label{display:flex;align-items:center;font-size:13px;font-weight:600;color:#34495e;margin-bottom:8px}.settings-label-icon{margin-right:6px;font-size:14px}.settings-label-required{color:#e74c3c;margin-left:4px}.settings-label-help{margin-left:auto;font-size:12px;color:#95a5a6;font-weight:400;cursor:help}.settings-input{width:100%;padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fafafa;color:#2c3e50;font-family:inherit}.settings-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.settings-input::placeholder{color:#bdc3c7}.settings-textarea{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:15px;transition:all .3s ease;background:#fafafa;color:#2c3e50;font-family:inherit;resize:vertical;min-height:100px}.settings-textarea:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px rgba(102,126,234,.1)}.settings-input-help{display:block;font-size:12px;color:#95a5a6;margin-top:6px;line-height:1.5}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.settings-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.settings-actions.center{justify-content:center}.settings-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:6px;font-family:inherit;box-shadow:0 2px 6px rgba(0,0,0,.08)}.settings-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.settings-btn:active{transform:translateY(0)}.settings-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.settings-btn.success{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.settings-btn.danger{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff}.settings-btn.secondary{background:#ecf0f1;color:#34495e;box-shadow:none}.settings-btn.secondary:hover{background:#d5dbdc}.settings-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.settings-btn-icon{font-size:16px}.settings-info-box{background:linear-gradient(135deg,#e8f4f8,#f0f8ff);border-left:3px solid #3498db;border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:flex-start;gap:10px}.settings-info-box.warning{background:linear-gradient(135deg,#fff4e6,#fffaf0);border-left-color:#f39c12}.settings-info-box.success{background:linear-gradient(135deg,#e8f8f5,#f0fff4);border-left-color:#27ae60}.settings-info-box.danger{background:linear-gradient(135deg,#fef2f2,#fff5f5);border-left-color:#e74c3c}.settings-info-icon{font-size:24px;flex-shrink:0;margin-top:2px}.settings-info-content{flex:1}.settings-info-title{font-size:15px;font-weight:600;color:#2c3e50;margin:0 0 6px}.settings-info-text{font-size:14px;color:#5a6c7d;margin:0;line-height:1.6}.settings-divider{height:2px;background:linear-gradient(to right,transparent,#e0e0e0,transparent);border:none;margin:32px 0}.settings-file-input-wrapper{position:relative;display:inline-block}.settings-file-input{position:absolute;opacity:0;width:0;height:0}.settings-file-label{padding:12px 24px;background:#ecf0f1;border:2px dashed #bdc3c7;border-radius:10px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#34495e}.settings-file-label:hover{background:#d5dbdc;border-color:#95a5a6}.settings-path-input-group{display:flex;gap:12px;align-items:stretch}.settings-path-input-group .settings-input{flex:1}.settings-path-input-group .settings-btn{flex-shrink:0}.settings-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.settings-stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:20px;color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.3)}.settings-stat-card.success{background:linear-gradient(135deg,#11998e,#38ef7d)}.settings-stat-card.warning{background:linear-gradient(135deg,#f093fb,#f5576c)}.settings-stat-card.info{background:linear-gradient(135deg,#4facfe,#00f2fe)}.settings-stat-label{font-size:13px;opacity:.9;margin-bottom:8px;font-weight:500}.settings-stat-value{font-size:28px;font-weight:700;line-height:1}@media(max-width:1024px){.settings-grid{grid-template-columns:1fr}.settings-page-header{padding:24px}.settings-page-title{font-size:26px}}@media(max-width:768px){.settings-content{padding:16px}.settings-card{padding:20px}.settings-row{grid-template-columns:1fr}.settings-actions{flex-direction:column;width:100%}.settings-btn{width:100%;justify-content:center}.settings-page-header:before{display:none}.settings-path-input-group{flex-direction:column}}.settings-loading{display:inline-block;animation:spin 1s linear infinite}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.settings-card.success-feedback{animation:successPulse .5s ease;border-color:#27ae60;box-shadow:0 0 0 4px rgba(39,174,96,.1)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.settings-btn.shake{animation:shake .5s ease}.settings-btn{position:relative;overflow:hidden}.settings-btn-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.5);transform:scale(0);animation:ripple .6s ease-out;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.settings-form-group.focused{position:relative}.settings-form-group.focused:before{content:"";position:absolute;left:-8px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#667eea,#764ba2);border-radius:2px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.settings-input.valid,.settings-textarea.valid{border-color:#27ae60;background:rgba(39,174,96,.05)}.settings-input.invalid,.settings-textarea.invalid{border-color:#e74c3c;background:rgba(231,76,60,.05)}.settings-input.valid:focus,.settings-textarea.valid:focus{box-shadow:0 0 0 4px rgba(39,174,96,.1)}.settings-input.invalid:focus,.settings-textarea.invalid:focus{box-shadow:0 0 0 4px rgba(231,76,60,.1)}.settings-save-indicator{position:fixed;bottom:24px;right:24px;background:#fff;padding:12px 20px;border-radius:50px;box-shadow:0 4px 16px rgba(0,0,0,.15);font-size:14px;font-weight:600;z-index:1000;display:none;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-card-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:10px;height:20px;margin-bottom:12px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.settings-progress-bar{width:100%;height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden;margin-top:8px}.settings-progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;transition:width .3s ease}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}.settings-card.pulse{animation:pulse 2s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.settings-page-header.animated{background-size:200% 200%;animation:gradientShift 6s ease infinite}.settings-card:hover .settings-card-icon{transform:rotate(10deg) scale(1.1);transition:transform .3s ease}.settings-form-group.focused .settings-label{color:#667eea;transform:translate(4px);transition:all .3s ease}.settings-char-counter{transition:color .3s ease}.settings-info-box{animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-list-item{transition:all .2s ease}.settings-list-item:hover{background:#f0f0f0;transform:translate(4px);padding-left:20px}.settings-tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#34495e transparent transparent transparent}.settings-btn.loading{pointer-events:none;opacity:.7;position:relative}.settings-btn.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .6s linear infinite}html{scroll-behavior:smooth}.settings-card.enter{animation:cardEnter .5s ease}@keyframes cardEnter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.settings-tooltip{position:relative;display:inline-block;cursor:help}.settings-tooltip-text{visibility:hidden;width:220px;background-color:#34495e;color:#fff;text-align:center;border-radius:8px;padding:8px 12px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-110px;opacity:0;transition:opacity .3s;font-size:13px;line-height:1.4}.settings-tooltip:hover .settings-tooltip-text{visibility:visible;opacity:1}.settings-empty-state{text-align:center;padding:60px 20px;color:#95a5a6}.settings-empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.settings-empty-text{font-size:16px;font-weight:500}.settings-list{list-style:none;padding:0;margin:0}.settings-list-item{padding:16px;border-radius:8px;margin-bottom:8px;background:#fafafa;transition:all .2s ease;display:flex;align-items:center;gap:12px}.settings-list-item:hover{background:#f0f0f0;transform:translate(4px)}.settings-list-icon{font-size:20px;color:#667eea}.settings-list-text{flex:1;font-size:14px;color:#2c3e50}.switch{position:relative;display:inline-block;width:46px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;box-shadow:0 2px 4px rgba(0,0,0,.2)}input:checked+.slider{background:linear-gradient(135deg,#11998e,#38ef7d)}input:focus+.slider{box-shadow:0 0 1px #11998e}input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.settings-control-row{display:flex;align-items:center;gap:12px}.settings-toggle-group{display:flex;align-items:center;gap:10px;cursor:pointer}.settings-toggle-label{font-size:14px;font-weight:500;color:#2c3e50}.users-table{table-layout:fixed;width:100%}.users-table th,.users-table td{text-align:center!important;vertical-align:middle;padding:12px 8px}.users-table th:last-child,.users-table td:last-child{min-width:240px;white-space:nowrap}.users-table td:last-child>div{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap}.users-table .btn{white-space:nowrap;flex-shrink:0}.users-table td:first-child>div{justify-content:center}@media(max-width:1200px){.users-table th:nth-child(1),.users-table td:nth-child(1){width:10%}.users-table th:nth-child(2),.users-table td:nth-child(2){width:10%}.users-table th:nth-child(5),.users-table td:nth-child(5){width:14%}.users-table th:nth-child(6),.users-table td:nth-child(6){width:14%}.users-table th:last-child,.users-table td:last-child{width:28%;min-width:220px}}@media(max-width:768px){.users-table{font-size:12px}.users-table th,.users-table td{padding:8px 4px}.users-table td:last-child>div{flex-direction:column;gap:4px}.users-table .btn{width:100%;font-size:11px;padding:6px 8px}}.products-container{max-width:1400px;margin:0 auto;padding:20px}.products-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:20px;margin-bottom:20px;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.products-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}.products-card-header{display:flex;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.products-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:20px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#fff}.products-card-icon.primary{background:linear-gradient(135deg,#27ae60,#229954)}.products-card-icon.info{background:linear-gradient(135deg,#3498db,#2980b9)}.products-card-icon.warning{background:linear-gradient(135deg,#f39c12,#e67e22)}.products-card-title-group h3{margin:0 0 4px;color:#2c3e50;font-size:16px;font-weight:700}.products-card-title-group p{margin:0;color:#7f8c8d;font-size:12px;font-weight:400}.add-product-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;align-items:end}.add-product-form .form-item{min-width:0}.add-product-form label{display:block;margin-bottom:6px;font-weight:500;color:#34495e;font-size:12px}.add-product-form .input{width:100%;height:38px;font-size:13px;padding:8px 12px;border:2px solid #e0e0e0;border-radius:8px;transition:all .3s ease}.add-product-form .input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.products-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.products-stat-item{text-align:center;padding:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;border-left:3px solid #3498db;transition:all .3s ease}.products-stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.products-stat-value{font-size:26px;font-weight:700;color:#2c3e50;margin-bottom:4px}.products-stat-label{font-size:13px;color:#6c757d;font-weight:500}.products-btn-group{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.products-btn{padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 4px rgba(0,0,0,.08)}.products-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.12)}.products-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.products-btn.danger{background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff}.products-btn.secondary{background:#ecf0f1;color:#34495e}.products-btn.small{padding:6px 12px;font-size:12px}.products-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.products-search-input{width:200px;height:36px;padding:8px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:13px;transition:all .3s ease}.products-search-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.products-table{width:100%;border-collapse:collapse;font-size:13px}.products-table th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#495057;font-weight:600;text-align:left;padding:10px 12px;border-bottom:2px solid #e5e7eb;font-size:12px;line-height:1.3}.products-table td{padding:12px;text-align:left;border-bottom:1px solid #e5e7eb;color:#333}.products-table tbody tr{transition:all .2s ease}.products-table tbody tr:hover{background-color:#f0f9ff;box-shadow:0 2px 4px rgba(0,0,0,.05)}.products-table tbody tr.selected{background-color:#eff6ff!important}.source-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.source-badge.source-manual{background-color:#dbeafe;color:#1e40af}.source-badge.source-order{background-color:#dcfce7;color:#166534}.products-help-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:16px;border-left:3px solid #3498db;margin-top:20px}.products-help-icon{width:28px;height:28px;background:#3498db;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;color:#fff;font-size:14px;font-weight:700}.products-help-content h4{margin:0 0 6px;color:#2c3e50;font-size:14px;font-weight:600}.products-help-content p{margin:0;color:#5a6c7d;font-size:13px;line-height:1.5}.empty-state{text-align:center;padding:40px 20px;color:#6b7280}.empty-state-icon{font-size:48px;margin-bottom:12px;opacity:.3}.empty-state h4{margin:0 0 6px;color:#374151;font-size:15px;font-weight:500}.empty-state p{margin:0;font-size:13px;opacity:.7}.product-checkbox,#checkAllProducts{cursor:pointer;width:16px;height:16px;accent-color:#667eea}@media(max-width:1200px){.add-product-form{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media(max-width:768px){.products-container{padding:12px}.products-card{padding:16px;margin-bottom:16px}.add-product-form{grid-template-columns:1fr}.products-btn-group{flex-direction:column;width:100%}.products-btn{width:100%;justify-content:center}.products-search-input{width:100%}}#tableContainer{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto;overflow-y:visible;min-height:200px;width:100%}.loading-state{text-align:center;padding:40px 20px;color:#6c757d}.loading-icon{font-size:40px;margin-bottom:12px;opacity:.3;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}.loading-text{font-size:14px;font-weight:500;margin-bottom:6px}.loading-subtext{font-size:13px;opacity:.7}.products-table.skeleton{width:100%;border-collapse:collapse}.products-table.skeleton thead th{text-align:left;font-weight:600;color:#6b7280;padding:12px;border-bottom:1px solid #e5e7eb}.products-table.skeleton tbody td{padding:12px;border-bottom:1px solid #f3f4f6}.skeleton-line{height:12px;width:160px;border-radius:6px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:shimmer 1.2s ease-in-out infinite}.skeleton-line.short{width:80px}.skeleton-box.small{width:16px;height:16px;border-radius:4px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}:root{--card-radius: 12px;--card-padding-small: 16px;--card-padding-medium: 20px;--card-padding-large: 24px;--card-min-height-small: 180px;--card-min-height-medium: 200px;--card-min-height-large: 240px;--card-custom-height: auto;--card-custom-min-height: auto;--card-custom-max-height: none;--card-custom-padding: var(--card-padding-medium);--card-gap: var(--spacing-lg);--card-section-gap: var(--spacing-2xl);--card-shadow: 0 2px 8px rgba(0, 0, 0, .06);--card-shadow-hover: 0 8px 24px rgba(0, 0, 0, .12);--card-shadow-special: 0 4px 20px rgba(102, 126, 234, .3);--card-border: 1px solid rgba(0, 0, 0, .05);--card-border-hover: 1px solid #000000;--dashboard-container-padding: var(--spacing-2xl);--cell-size: 120px;--cell-gap: var(--card-gap);--grid-cols: 12;--grid-rows: auto}.dashboard-card{background:#fff;border-radius:var(--card-radius);padding:var(--card-custom-padding, var(--card-padding-medium));box-shadow:var(--card-shadow);border:var(--card-border);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-sizing:border-box;height:var(--card-custom-height, auto);min-height:var(--card-custom-min-height, var(--card-min-height-medium));max-height:var(--card-custom-max-height, none)}.dashboard-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover);transform:translateY(-2px)}.dashboard-card-small{padding:var(--card-padding-small);min-height:var(--card-min-height-small)}.dashboard-card-medium{padding:var(--card-padding-medium);min-height:var(--card-min-height-medium)}.dashboard-card-large{padding:var(--card-padding-large);min-height:var(--card-min-height-large)}.dashboard-card-special{border-radius:var(--card-radius);box-shadow:var(--card-shadow-special)}.card-height-auto{--card-custom-height: auto;--card-custom-min-height: auto}.card-height-small{--card-custom-height: var(--card-min-height-small);--card-custom-min-height: var(--card-min-height-small)}.card-height-medium{--card-custom-height: var(--card-min-height-medium);--card-custom-min-height: var(--card-min-height-medium)}.card-height-large{--card-custom-height: var(--card-min-height-large);--card-custom-min-height: var(--card-min-height-large)}.card-min-height-none{--card-custom-min-height: auto}.card-min-height-small{--card-custom-min-height: var(--card-min-height-small)}.card-min-height-medium{--card-custom-min-height: var(--card-min-height-medium)}.card-min-height-large{--card-custom-min-height: var(--card-min-height-large)}.card-padding-small{--card-custom-padding: var(--card-padding-small)}.card-padding-medium{--card-custom-padding: var(--card-padding-medium)}.card-padding-large{--card-custom-padding: var(--card-padding-large)}#view-home.panel .panel-body{overflow-y:auto!important;overflow-x:auto!important;height:100%!important;max-height:calc(100vh - 60px)!important;background:transparent!important;padding:0!important;min-width:0;overflow:visible!important}.main:has(#view-home.view-active) #view-container,.main.home-active #view-container{overflow:visible!important;min-width:0;width:100%;max-width:none}.main:has(#view-home.view-active),.main.home-active{overflow-x:auto!important;overflow-y:auto!important}.dashboard-container{padding:var(--dashboard-container-padding);background:#f5f7fa;min-height:calc(100vh - 60px);width:100%;position:relative;display:grid;grid-template-columns:repeat(24,1fr);grid-auto-rows:auto;gap:var(--card-gap);overflow:visible}.dashboard-container.layout-editing-mode{position:relative}.dashboard-container.layout-editing-mode:before{content:"布局设置模式：拖动顶部条移动位置，拖动右下角调整大小（24列网格）";position:fixed;top:80px;left:50%;transform:translate(-50%);background:rgba(99,102,241,.95);color:#fff;padding:8px 16px;border-radius:6px;font-size:13px;z-index:10000;box-shadow:0 4px 12px rgba(0,0,0,.15);pointer-events:none}.dashboard-container.layout-editing-mode .layout-grid-background{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;background-image:linear-gradient(to right,rgba(99,102,241,.15) 1px,transparent 1px),linear-gradient(to bottom,rgba(99,102,241,.15) 1px,transparent 1px);background-size:calc((100% - var(--dashboard-container-padding, 24px) * 2 - var(--card-gap, 16px) * 23) / 24) calc((100% - var(--dashboard-container-padding, 24px) * 2 - var(--card-gap, 16px) * 23) / 24);background-position:var(--dashboard-container-padding, 24px) var(--dashboard-container-padding, 24px);margin:0;padding:0}.dashboard-container.layout-editing-mode>*:not(.layout-grid-background){position:relative;z-index:1}.layout-editing-card{transition:all .2s ease}.layout-editing-card:hover{box-shadow:0 4px 16px rgba(99,102,241,.3)!important;transform:translateY(-2px)}.card-drag-handle{user-select:none}.card-drag-handle:hover{background:rgba(99,102,241,.2)!important}.card-resize-handle{user-select:none}.card-resize-handle:hover{background:#6366f1!important;transform:scale(1.1)}.layout-editing-card.dragging{opacity:.7;z-index:1000;transition:none}.layout-editing-card.resizing{transition:none}#btnLayoutSettings.editing-mode{background:#6366f1;color:#fff}#btnLayoutSettings.editing-mode:hover{background:#4f46e5}.dashboard-container>*[style*=border],.dashboard-container>*[class*=card],.dashboard-container>*[id*=Card],.dashboard-container>*[id*=Chart]{transition:border-color .3s ease}.dashboard-container>*[style*=border]:hover,.dashboard-container>*[class*=card]:hover,.dashboard-container>*[id*=Card]:hover,.dashboard-container>*[id*=Chart]:hover{border-color:var(--card-border-hover)!important}#todoReminderCard{background:#fff;border-radius:var(--card-radius);padding:var(--card-padding-medium);box-shadow:var(--card-shadow);border:var(--card-border);transition:all .3s ease;min-height:150px;grid-column:1 / span 8;grid-row:4 / span 3}.welcome-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--card-radius);padding:var(--card-padding-large);box-shadow:var(--card-shadow-special);position:relative;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:150px;border:var(--card-border);transition:all .3s ease;grid-column:1 / span 8;grid-row:1 / span 3;grid-row:1}.welcome-card:hover{border-color:var(--card-border-hover)}.welcome-card:before{position:absolute}.ai-service-card{background:#fff;border-radius:var(--card-radius);padding:var(--card-custom-padding, var(--card-padding-medium));box-shadow:var(--card-shadow);border:var(--card-border);display:flex;flex-direction:column;box-sizing:border-box;height:var(--card-custom-height, auto);min-height:var(--card-custom-min-height, var(--card-min-height-medium));max-height:var(--card-custom-max-height, none)}.top-cards-container #aiServiceCard.ai-service-card{--card-custom-height: var(--destination-card-height, auto);--card-custom-min-height: var(--destination-card-min-height, var(--card-min-height-medium));--card-custom-max-height: var(--destination-card-max-height, none);--card-custom-padding: var(--destination-card-padding, var(--card-padding-medium))}.top-cards-container #aiServiceCard{--card-custom-height: var(--destination-card-height, auto);--card-custom-min-height: var(--destination-card-min-height, var(--card-min-height-medium));--card-custom-max-height: var(--destination-card-max-height, none);--card-custom-padding: var(--destination-card-padding, var(--card-padding-medium));height:var(--card-custom-height)!important;min-height:var(--card-custom-min-height)!important;max-height:var(--card-custom-max-height)!important;padding:var(--card-custom-padding)!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important}.ai-service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-shrink:0}.ai-service-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#1e293b}.ai-service-icon{font-size:20px;background:linear-gradient(135deg,#10b981,#059669);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:4px}.ai-service-content{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto}.welcome-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.welcome-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.welcome-left{flex:1}.welcome-greeting{display:flex;align-items:baseline;gap:12px;margin-bottom:20px}.welcome-text{font-size:24px;font-weight:600;color:#fff;line-height:1.2}.welcome-username{font-size:24px;font-weight:700;color:#fff;line-height:1.2}.welcome-info{display:flex;flex-direction:column;gap:12px}.welcome-weather{display:flex;align-items:center;gap:8px;font-size:16px;color:rgba(255,255,255,.9)}.weather-icon{font-size:20px;line-height:1}.weather-text{font-size:16px;color:rgba(255,255,255,.9)}.welcome-blessing{font-size:16px;color:rgba(255,255,255,.85);font-weight:400}.welcome-right{display:flex;align-items:center;justify-content:center}.welcome-avatar-wrapper{position:relative}.welcome-avatar,.welcome-avatar-default{width:140px;height:140px;border-radius:50%;border:5px solid rgba(255,255,255,.3);background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:56px;text-transform:uppercase;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:transform .3s ease,box-shadow .3s ease}.welcome-avatar{object-fit:cover}.welcome-avatar-wrapper:hover .welcome-avatar,.welcome-avatar-wrapper:hover .welcome-avatar-default{transform:scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.3)}@media(max-width:768px){.welcome-card{padding:24px}.welcome-content{flex-direction:column;align-items:flex-start;gap:20px}.welcome-right{align-self:flex-end}.welcome-text,.welcome-username{font-size:24px}.welcome-avatar,.welcome-avatar-default{width:60px;height:60px;font-size:24px}}.reminders-grid{display:none}.reminder-card{background:#fff;border-radius:var(--card-radius);padding:var(--card-padding-medium);box-shadow:var(--card-shadow);border:var(--card-border);position:relative;min-width:0;display:flex;flex-direction:column;min-height:300px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:auto}#shipmentReminderCard{background:#fff;border-radius:var(--card-radius);padding:var(--card-padding-medium);box-shadow:var(--card-shadow);border:var(--card-border);transition:all .3s ease;min-height:400px;min-width:0;grid-column:1 / span 6;grid-row:6 / span 6}#paymentReminderCard{background:#fff;border-radius:var(--card-radius);padding:var(--card-padding-medium);box-shadow:var(--card-shadow);border:var(--card-border);transition:all .3s ease;min-height:400px;min-width:0;grid-column:9 / span 6;grid-row:6 / span 6}.reminder-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}.top-cards-container .reminder-card{min-height:auto}.top-cards-container #aiSecretaryCard,.top-cards-container #destinationDistributionCard,.top-cards-container #productRankingCard{margin-bottom:0!important;border-radius:var(--card-radius)!important;box-sizing:border-box!important;padding:var(--destination-card-padding, var(--card-padding-medium))!important}#aiSecretaryCard{background:#fff;border-radius:var(--card-radius);padding:var(--card-padding-medium);box-shadow:var(--card-shadow);border:var(--card-border);transition:all .3s ease;min-height:200px;grid-column:9 / span 4;grid-row:1 / span 5}#destinationDistributionCard{background:#fff;border-radius:var(--card-radius);padding:var(--card-padding-medium);box-shadow:var(--card-shadow);border:var(--card-border);transition:all .3s ease;min-height:200px;grid-column:13 / span 4;grid-row:1 / span 5}#productRankingCard{background:#fff;border-radius:var(--card-radius);padding:var(--card-padding-medium);box-shadow:var(--card-shadow);border:var(--card-border);transition:all .3s ease;min-height:200px;grid-column:17 / span 4;grid-row:1 / span 5}#boxTypeStatsCard{background:#fff;border-radius:var(--card-radius);padding:var(--card-padding-medium);box-shadow:var(--card-shadow);border:var(--card-border);transition:all .3s ease;min-height:200px;grid-column:21 / span 4;grid-row:1 / span 5}#statusDistributionChart{background:#fff;border-radius:var(--card-radius);padding:var(--card-padding-medium);box-shadow:var(--card-shadow);border:var(--card-border);transition:all .3s ease;display:flex;flex-direction:column;min-height:200px;grid-column:13 / span 6;grid-row:18 / span 6}#statusDistributionChart:hover{border-color:var(--card-border-hover)}.top-cards-container #statusDistributionChart .chart-title{font-size:16px;margin-bottom:12px;font-weight:600}.top-cards-container #statusDistributionChart .chart-container{flex:1;min-height:150px;height:auto}.reminder-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid #f3f4f6;position:relative;z-index:1;gap:12px}.reminder-header-right{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end;min-width:0}.reminder-scroll-message{display:none;padding:6px 12px;background:transparent;border-radius:6px;font-size:14px;font-weight:500;overflow:hidden;position:relative;min-height:28px;line-height:1.5;align-items:center;flex:1;min-width:0;max-width:100%}.reminder-scroll-message.reminder-scroll-visible{display:flex}.reminder-scroll-message-red{color:#dc2626;background:transparent}.reminder-scroll-message-blue{color:#2563eb;background:transparent}.reminder-scroll-message-black{color:#1f2937;background:transparent}@keyframes scroll-message{0%{transform:translate(100%)}to{transform:translate(-100%)}}.reminder-scroll-text{display:inline-block;white-space:nowrap;padding-right:50px}.reminder-scroll-message:hover .reminder-scroll-text{animation-play-state:paused!important;cursor:default}.reminder-card-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1f2937}.reminder-icon{font-size:20px}.reminder-settings-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease;color:#6b7280;position:relative;z-index:10;pointer-events:auto;user-select:none;-webkit-user-select:none;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.reminder-settings-btn:hover{background:#f3f4f6;color:#3b82f6;transform:scale(1.1)}.reminder-settings-btn:active{transform:scale(.95)}.reminder-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding-right:4px;flex:1;min-width:0}.reminder-list::-webkit-scrollbar{width:6px}.reminder-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.reminder-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.reminder-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.reminder-item{padding:14px 16px;background:#fff;border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:1px solid #e5e7eb;margin-bottom:8px;box-shadow:0 1px 3px rgba(0,0,0,.05);min-width:0;overflow:hidden}.reminder-item:hover{background:#f9fafb;border-color:#3b82f6;transform:translate(4px);box-shadow:0 4px 12px rgba(59,130,246,.15)}.reminder-item-content{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.6;width:100%;min-width:0;box-sizing:border-box;flex-wrap:nowrap;justify-content:space-between}.reminder-item-left{display:flex;align-items:center;flex:1 1 0;min-width:0;overflow:hidden}.reminder-item-contract-no{font-weight:600;color:#1f2937;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reminder-item-date-section,.reminder-item-amount-section{display:flex;align-items:center;gap:4px;flex-shrink:0;padding:4px 10px;background:#f3f4f6;border-radius:6px;white-space:nowrap;font-size:12px}.reminder-item-icon{font-size:14px;line-height:1}.reminder-item-date{color:#4b5563;font-size:13px;font-weight:500}.reminder-item-amount{color:#059669;font-size:13px;font-weight:600}.reminder-item-time-section{flex-shrink:0;padding:4px 10px;border-radius:16px;font-size:11px;font-weight:500;white-space:nowrap;transition:all .2s ease}.reminder-item-time-urgent{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.reminder-item-time-warning{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.reminder-item-time-normal{background:#e0f2fe;color:#0284c7;border:1px solid #bae6fd}.reminder-item-time-disabled{background:#f3f4f6;color:#9ca3af;border:1px solid #e5e7eb}.reminder-empty{text-align:center;padding:40px 20px;color:#9ca3af;font-size:14px;line-height:1.6}.dashboard-loading,.dashboard-error{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.dashboard-error{color:#dc2626}.dashboard-error button{margin-top:20px;padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s ease}.dashboard-error button:hover{background:#2563eb}.stats-grid{display:none}.dashboard-container .stat-card{background:#fff;border-radius:var(--card-radius);padding:var(--card-padding-medium);box-shadow:var(--card-shadow);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:14px;position:relative;overflow:visible;border:var(--card-border);min-width:0;min-height:80px;grid-column:span 2;grid-row:3}.dashboard-container .stat-card:hover{border-color:var(--card-border-hover)}.dashboard-container .stat-card:nth-child(1){grid-column:1 / span 2}.dashboard-container .stat-card:nth-child(2){grid-column:3 / span 2}.dashboard-container .stat-card:nth-child(3){grid-column:5 / span 2}.dashboard-container .stat-card:nth-child(4){grid-column:7 / span 2}.dashboard-container .stat-card:nth-child(5){grid-column:9 / span 2}.dashboard-container .stat-card:nth-child(6){grid-column:1 / span 2;grid-row:4}.dashboard-container .stat-card[data-has-suffix=true]{--stat-card-cols: 2;grid-column:var(--stat-card-col-start, auto) / span var(--stat-card-cols)}.dashboard-container .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-start, #667eea),var(--color-end, #764ba2));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.dashboard-container .stat-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}.dashboard-container .stat-card:hover:before{transform:scaleX(1)}.dashboard-container .stat-card-icon-wrapper{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,var(--color-start, #667eea),var(--color-end, #764ba2));box-shadow:0 3px 10px rgba(102,126,234,.25);transition:all .3s ease}.dashboard-container .stat-card:hover .stat-card-icon-wrapper{transform:scale(1.08);box-shadow:0 5px 14px rgba(102,126,234,.35)}.dashboard-container .stat-card-icon{font-size:24px;line-height:1;filter:brightness(0) invert(1)}.dashboard-container .stat-card-content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;justify-content:center;overflow:visible}.dashboard-container .stat-card-label{font-size:13px;color:#6b7280;font-weight:500;line-height:1.4;margin:0;white-space:nowrap}.dashboard-container .stat-card-value-wrapper{display:flex;align-items:baseline;gap:4px;flex-wrap:nowrap;line-height:1.2;width:100%}.dashboard-container .stat-card-value{font-size:22px;font-weight:700;line-height:1.2;color:#1f2937;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;white-space:nowrap;letter-spacing:-.3px;flex-shrink:1;min-width:0}.dashboard-container .stat-card-suffix{font-size:12px;font-weight:600;color:#9ca3af;margin-left:3px;white-space:nowrap;flex-shrink:0;line-height:1.2;align-self:baseline}.dashboard-container .stat-card-header,.charts-grid{display:none}.chart-card{background:#fff;border-radius:var(--card-radius);padding:var(--card-padding-large);box-shadow:var(--card-shadow);min-height:360px;border:var(--card-border);transition:all .3s ease;position:relative}#orderTrendChart{grid-column:1 / span 12;grid-row:12 / span 2}#customerRankingChart{grid-column:13 / span 12;grid-row:12 / span 2}#monthlyComparisonChart{grid-column:1 / span 12;grid-row:16 / span 2}.chart-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}.chart-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 20px;padding-bottom:16px;border-bottom:2px solid #f3f4f6;display:flex;align-items:center;gap:8px}#exportStatsCard{grid-column:1 / span 24;grid-row:7 / span 5}.export-stats-card{background:#fff;border-radius:var(--card-radius);padding:var(--card-padding-medium);box-shadow:var(--card-shadow);border:var(--card-border);transition:all .3s ease;position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden}.export-stats-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}.exp-stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex-shrink:0}.exp-stats-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#1f2937}.exp-stats-sub{font-size:12px;color:#9ca3af}.exp-stats-summary{display:flex;gap:12px;margin-bottom:10px;flex-shrink:0}.exp-stat-item{flex:1;background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;padding:8px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}.exp-stat-label{font-size:12px;color:#6b7280;white-space:nowrap}.exp-stat-value{font-size:20px;font-weight:700;color:#4f46e5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exp-table-wrap{flex:1;min-height:0;overflow:auto;border:1px solid #eef2f7;border-radius:10px}.exp-table{width:100%;border-collapse:collapse;font-size:12px;color:#374151}.exp-table th{position:sticky;top:0;background:#f8fafc;color:#6b7280;font-weight:600;text-align:left;padding:8px 10px;white-space:nowrap;border-bottom:1px solid #e5e7eb;z-index:1}.exp-table td{padding:7px 10px;border-bottom:1px solid #f3f4f6;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.exp-table tbody tr:last-child td{border-bottom:none}.exp-table tbody tr:hover{background:#f9fafb}.exp-td-strong{font-weight:600;color:#1f2937}.exp-td-num{text-align:right;font-variant-numeric:tabular-nums}th.exp-td-num{text-align:right}.exp-progress{position:relative;width:110px;height:18px;background:#eef2f7;border-radius:999px;overflow:hidden}.exp-progress-bar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#818cf8,#6366f1);border-radius:999px;transition:width .4s ease}.exp-progress-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#1f2937;line-height:1}.exp-stats-footer{flex-shrink:0;display:flex;justify-content:flex-end;padding-top:8px}.exp-stats-link{font-size:12px;color:#6366f1;background:#eef2ff;border:1px solid #e0e7ff;border-radius:999px;padding:4px 14px;cursor:pointer;transition:all .2s ease;user-select:none}.exp-stats-link:hover{background:#e0e7ff;color:#4f46e5}.topic-card{background:#fff;border-radius:var(--card-radius);padding:var(--card-padding-medium);box-shadow:var(--card-shadow);border:var(--card-border);transition:all .3s ease;position:relative;display:flex;flex-direction:row;align-items:stretch;min-height:auto;height:100%;overflow:hidden}.topic-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}.topic-card-header{flex:0 0 auto;width:auto;min-width:100px;display:flex;align-items:center;justify-content:flex-start;padding-right:24px;border-right:2px solid #f3f4f6;overflow:visible}.topic-card-title{font-size:18px;font-weight:600;color:#1f2937;writing-mode:horizontal-tb;text-orientation:unset;line-height:1.5;letter-spacing:normal;white-space:nowrap;height:auto;display:block}.topic-card-content{flex:1;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding-left:24px;min-width:0;min-height:0;overflow:hidden}.topic-marquee{flex:1;min-width:0;height:34px;display:flex;align-items:center;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}.topic-marquee-track{display:inline-flex;flex-shrink:0;white-space:nowrap;will-change:transform;animation:topic-marquee-scroll 30s linear infinite}.topic-marquee:hover .topic-marquee-track{animation-play-state:paused}.topic-marquee-item{font-size:12.5px;color:#6b7280;letter-spacing:.02em;padding-right:48px}.topic-marquee-item b{font-weight:700;color:#1f2937}@keyframes topic-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.topic-marquee-track{animation:none}.topic-marquee{overflow-x:auto}}.topic-card-placeholder{color:#9ca3af;font-size:14px;text-align:center;padding:20px}@media(max-width:768px){.topic-card{flex-direction:column;min-height:auto}.topic-card-header{width:100%;padding-right:0;padding-bottom:16px;border-right:none;border-bottom:2px solid #f3f4f6}.topic-card-title{writing-mode:horizontal-tb;text-orientation:unset;letter-spacing:normal;height:auto;display:block}.topic-card-content{padding-left:0;padding-top:16px}}.chart-title:before{content:"";width:4px;height:18px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.chart-container{position:relative;height:280px;width:100%}.chart-container canvas{max-height:100%;width:100%!important;height:100%!important}.actions-grid{display:none}.quick-actions-card{background:#fff;border-radius:var(--card-radius);padding:var(--card-padding-large);box-shadow:var(--card-shadow);border:var(--card-border);transition:all .3s ease;min-height:300px;grid-column:1 / span 6;grid-row:18 / span 2}.recent-activities-card{background:#fff;border-radius:var(--card-radius);padding:var(--card-padding-large);box-shadow:var(--card-shadow);border:var(--card-border);transition:all .3s ease;min-height:300px;grid-column:15 / span 6;grid-row:20 / span 2}.quick-actions-card:hover,.recent-activities-card:hover{box-shadow:var(--card-shadow-hover);border-color:var(--card-border-hover)}.card-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 20px;padding-bottom:16px;border-bottom:2px solid #f3f4f6;display:flex;align-items:center;gap:8px}.card-title:before{content:"";width:4px;height:18px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.quick-actions-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;color:#1f2937;position:relative;overflow:hidden;min-height:100px}.quick-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.08),transparent);transition:left .5s ease}.quick-action-btn:hover:before{left:100%}.quick-action-btn:hover{border-color:var(--action-color, #667eea);background:linear-gradient(135deg,rgba(102,126,234,.05),#fff);transform:translateY(-3px);box-shadow:0 6px 16px rgba(102,126,234,.12)}.quick-action-icon{font-size:28px;margin-bottom:10px;transition:transform .3s ease}.quick-action-btn:hover .quick-action-icon{transform:scale(1.15)}.quick-action-label{font-size:13px;font-weight:500;text-align:center;line-height:1.4}.recent-activities-content{display:flex;flex-direction:column;gap:20px;max-height:500px;overflow-y:auto;padding-right:4px}.recent-activities-content::-webkit-scrollbar{width:6px}.recent-activities-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.recent-activities-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.recent-activities-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.recent-activity-section{margin-bottom:0}.recent-activity-section-title{font-size:14px;font-weight:600;color:#475569;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.recent-activity-list{display:flex;flex-direction:column;gap:8px}.recent-activity-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f8fafc;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.recent-activity-item:hover{background:#f1f5f9;border-color:#e5e7eb;transform:translate(2px)}.recent-activity-info{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.recent-activity-main{font-size:14px;font-weight:500;color:#1f2937;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-activity-sub{font-size:12px;color:#6b7280;line-height:1.3}.recent-activity-time{font-size:11px;color:#9ca3af;white-space:nowrap;margin-left:12px;flex-shrink:0}.recent-activity-empty{text-align:center;padding:40px 20px;color:#9ca3af;font-size:14px;line-height:1.6}.panel-header{margin-bottom:12px}.panel-title{font-size:24px;font-weight:600;color:#1f2937}.refresh-btn{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;background:#fff;border:1px solid #e5e7eb;color:#6b7280;transition:all .3s ease}.refresh-btn:hover{background:#f9fafb;border-color:#667eea;color:#667eea;transform:translateY(-1px);box-shadow:0 4px 8px rgba(102,126,234,.1)}@media(max-width:768px){:root{--card-padding-small: 14px;--card-padding-medium: 18px;--card-padding-large: 20px;--card-min-height-small: 160px;--card-min-height-medium: 180px;--card-min-height-large: 220px;--dashboard-container-padding: var(--spacing-lg)}}@media(max-width:480px){:root{--card-padding-small: 12px;--card-padding-medium: 16px;--card-padding-large: 18px;--card-min-height-small: 140px;--card-min-height-medium: 160px;--card-min-height-large: 200px;--dashboard-container-padding: var(--spacing-md)}}@media(max-width:1600px){.top-cards-container{--grid-cols: 10;--cell-size: 110px}}@media(max-width:1200px){.top-cards-container{--grid-cols: 8;--cell-size: 100px}}@media(max-width:992px){.top-cards-container{--grid-cols: 6;--cell-size: 80px}}@media(max-width:768px){.dashboard-container{padding:var(--dashboard-container-padding)}.top-cards-container{--grid-cols: 4;--cell-size: 70px}.reminders-grid{grid-template-columns:1fr;gap:var(--card-gap)}.reminder-card{min-height:280px}.reminder-list{max-height:250px}.stats-grid{grid-template-columns:1fr;gap:var(--card-gap)}.dashboard-container .stat-card[data-has-suffix=true]{grid-column:span 1}.charts-grid,.actions-grid{grid-template-columns:1fr;gap:var(--card-gap)}.quick-actions-list{grid-template-columns:repeat(2,1fr)}.recent-activities-content{max-height:400px}.dashboard-container .dashboard-container .stat-card{padding:var(--card-padding-medium)}.chart-card{min-height:300px;padding:var(--card-padding-medium)}}@media(max-width:480px){.dashboard-container{padding:var(--dashboard-container-padding)}.stats-grid{grid-template-columns:1fr;gap:var(--card-gap)}.dashboard-container .stat-card{padding:var(--card-padding-medium);min-width:auto}.dashboard-container .stat-card[data-has-suffix=true]{min-width:auto}.dashboard-container .stat-card-icon-wrapper{width:44px;height:44px}.dashboard-container .stat-card-icon{font-size:20px}.dashboard-container .stat-card-value{font-size:22px}.dashboard-container .stat-card-label{font-size:12px}.chart-card{padding:var(--card-padding-medium)}.chart-container{height:240px}.quick-actions-list{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.quick-action-btn{padding:var(--spacing-lg) var(--spacing-sm);min-height:90px}.quick-action-icon{font-size:24px}.quick-action-label{font-size:12px}}.stat-card-chart{min-height:var(--card-min-height-medium);display:flex;flex-direction:column;overflow-x:hidden;border-radius:var(--card-radius);padding:var(--card-padding-medium)}.top-cards-container .stat-card-chart{min-height:auto}.stat-card-chart-content{flex:1;padding-top:12px;overflow:hidden;min-height:120px}.destination-list{display:flex;flex-direction:column;gap:6px;overflow:hidden;width:100%}.destination-item{display:flex;align-items:center;gap:8px;padding:5px 8px;background:#f8fafc;border-radius:6px;transition:all .2s ease}.destination-item:hover{background:#f1f5f9;transform:translate(2px)}.destination-rank{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:5px;font-size:11px;font-weight:600}.destination-item:nth-child(1) .destination-rank{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.destination-item:nth-child(2) .destination-rank{background:linear-gradient(135deg,#94a3b8,#64748b)}.destination-item:nth-child(3) .destination-rank{background:linear-gradient(135deg,#f97316,#ea580c)}.destination-info{flex:1;min-width:0}.destination-city{font-size:13px;font-weight:600;color:#1e293b;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.destination-stats{display:flex;gap:8px;font-size:11px;color:#64748b}.destination-orders{color:#64748b;font-weight:500}.destination-amount{color:#3b82f6;font-weight:500}.destination-bar{flex-shrink:0;width:80px;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.destination-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width .3s ease}.product-ranking-list{display:flex;flex-direction:column;gap:6px;overflow:hidden;width:100%}.product-ranking-item{display:flex;align-items:center;gap:8px;padding:5px 8px;background:#f8fafc;border-radius:6px;transition:all .2s ease}.product-ranking-item:hover{background:#f1f5f9;transform:translate(2px)}.product-ranking-rank{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-radius:5px;font-size:11px;font-weight:600}.product-ranking-item:nth-child(1) .product-ranking-rank{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.product-ranking-item:nth-child(2) .product-ranking-rank{background:linear-gradient(135deg,#94a3b8,#64748b)}.product-ranking-item:nth-child(3) .product-ranking-rank{background:linear-gradient(135deg,#f97316,#ea580c)}.product-ranking-info{flex:1;min-width:0}.product-ranking-model{font-size:13px;font-weight:600;color:#1e293b;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-ranking-stats{display:flex;gap:8px;font-size:11px;color:#64748b}.product-ranking-quantity{color:#64748b;font-weight:500}.product-ranking-amount{color:#3b82f6;font-weight:500}.product-ranking-orders{color:#64748b;font-weight:500}.product-ranking-bar{flex-shrink:0;width:80px;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.product-ranking-bar-fill{height:100%;background:linear-gradient(90deg,#f093fb,#f5576c);border-radius:3px;transition:width .3s ease}@media(max-width:1200px){.destination-bar,.product-ranking-bar{width:60px}.destination-stats,.product-ranking-stats{flex-direction:column;gap:4px}}body{background:#fff!important}.loading-skeleton{padding:40px;text-align:center;color:#6c757d}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}