@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";#app{min-height:100vh}:root{--brand-primary: #030a8c;--brand-primary-dark: #020760;--brand-accent: #0aa0d6;--brand-accent-light: rgba(10, 160, 214, .1);--brand-accent-focus: rgba(10, 160, 214, .2);--bg-page: #f8fafc;--bg-card: #ffffff;--bg-muted: #f1f5f9;--bg-hover: rgba(10, 160, 214, .05);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-inverse: #ffffff;--border-color: #e2e8f0;--border-color-hover: #0aa0d6;--color-success: #15803d;--color-success-bg: #f0fdf4;--color-success-border: #bbf7d0;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-error-border: #fecaca;--color-warning: #d97706;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 1px 3px rgba(0, 0, 0, .05);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--shadow-xl: 0 25px 50px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*{font-family:var(--font-family)}.admin-container{max-width:1400px;margin:0 auto;padding:var(--space-6);background-color:var(--bg-page);min-height:100vh}.admin-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);margin-bottom:var(--space-6)}.admin-card-header{margin-bottom:var(--space-5)}.admin-card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.admin-card-description{font-size:var(--text-base);color:var(--text-secondary);margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-5)}.form-group.full-width{grid-column:1 / -1}.form-label{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary)}.form-label .required{color:var(--color-error);margin-left:var(--space-1)}.form-input,.form-textarea{padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-lg);color:var(--text-primary);background:var(--bg-card);transition:all var(--transition-fast)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--brand-accent);box-shadow:0 0 0 3px var(--brand-accent-focus)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:120px}.input-group{display:flex;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast)}.input-group:focus-within{border-color:var(--brand-accent);box-shadow:0 0 0 3px var(--brand-accent-focus)}.input-group input{flex:1;border:none;padding:var(--space-3) var(--space-4);font-size:var(--text-lg);color:var(--text-primary);background:transparent}.input-group input:focus{outline:none}.input-group-text{display:flex;align-items:center;background:var(--bg-muted);border-left:1px solid var(--border-color);padding:0 var(--space-4);font-size:var(--text-base);color:var(--text-secondary);white-space:nowrap}.field-help{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-1) 0 0 0;display:flex;align-items:center;gap:var(--space-2)}.field-help code{background:var(--bg-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:Fira Code,monospace;font-size:var(--text-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--brand-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--brand-primary-dark)}.btn-secondary{background:transparent;border:1.5px solid var(--brand-accent);color:var(--brand-accent)}.btn-secondary:hover:not(:disabled){background:var(--brand-accent-light)}.btn-ghost{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){border-color:var(--brand-accent);color:var(--brand-accent)}.btn-danger{background:var(--color-error);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background:#b91c1c}.tab-navigation{display:flex;justify-content:space-between;align-items:center;gap:var(--space-1);margin-bottom:var(--space-6);background:var(--bg-card);padding:var(--space-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);position:relative}.tab-buttons{display:flex;gap:var(--space-1)}.tab-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary);transition:all var(--transition-fast);position:relative;z-index:1}.tab-btn:hover{color:var(--brand-accent);background:var(--bg-hover)}.tab-btn.active{color:var(--brand-primary);background:var(--brand-accent-light)}.back-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-weight:var(--font-medium);transition:all var(--transition-fast);margin-bottom:var(--space-4)}.back-btn:hover{border-color:var(--brand-accent);color:var(--brand-accent)}.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:2000}.toast{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-lg);animation:slideIn var(--transition-slow) ease;margin-bottom:var(--space-3)}.toast.success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.toast.error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.spinner-dark{border:2px solid var(--border-color);border-top-color:var(--brand-primary)}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{text-align:center;padding:var(--space-8);background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.loading-state .spinner{width:40px;height:40px;border-width:4px;margin:0 auto var(--space-4)}.signature-upload{display:flex;flex-direction:column;gap:var(--space-3)}.signature-preview{position:relative;display:inline-block;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);background:var(--bg-muted)}.signature-preview img{max-width:200px;max-height:80px;object-fit:contain}.signature-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast)}.signature-placeholder:hover{border-color:var(--brand-accent);background:var(--bg-hover);color:var(--brand-accent)}.btn-remove{position:absolute;top:calc(-1 * var(--space-2));right:calc(-1 * var(--space-2));width:28px;height:28px;border-radius:50%;border:none;background:var(--color-error);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.btn-remove:hover{background:#b91c1c;transform:scale(1.1)}@media(max-width:768px){.admin-container{padding:var(--space-4)}.form-grid{grid-template-columns:1fr}.tab-navigation{flex-direction:column;gap:12px}.tab-buttons{width:100%}.tab-btn{flex:1;justify-content:center}.tab-navigation .btn-primary{width:100%;justify-content:center}.input-group{flex-direction:column}.input-group-text{border-left:none;border-top:1px solid var(--border-color);padding:var(--space-2) var(--space-4);justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.data-table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.table-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);flex-wrap:nowrap;gap:var(--space-3)}.table-header-left,.table-header-right{display:flex;align-items:center;gap:var(--space-3)}.table-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.filter-group{display:flex;align-items:center;gap:var(--space-3);flex-wrap:nowrap}.filter-select{padding:var(--space-2) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-card);cursor:pointer;transition:all var(--transition-fast);min-width:120px;white-space:nowrap;flex-shrink:0}.filter-select:focus{outline:none;border-color:var(--brand-accent);box-shadow:0 0 0 3px var(--brand-accent-focus)}.stats-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--brand-accent-light);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--brand-primary)}.stats-count{font-weight:var(--font-bold)}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);background:var(--bg-muted)}.data-table th.text-center{text-align:center}.data-table td{padding:var(--space-4);border-bottom:1px solid var(--border-color);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.table-row{transition:background-color var(--transition-fast)}.table-row:hover{background-color:var(--bg-hover)}.table-row.unviewed{border-left:3px solid var(--brand-primary)}.cell-ref{font-family:Fira Code,monospace;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--brand-primary)}.cell-customer{display:flex;flex-direction:column;gap:var(--space-1)}.cell-customer-name{font-weight:var(--font-semibold);color:var(--text-primary)}.cell-customer-email{font-size:var(--text-sm);color:var(--text-muted)}.cell-part{display:flex;flex-direction:column;gap:var(--space-1)}.cell-part-name{font-weight:var(--font-medium);color:var(--text-primary)}.part-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);background:var(--bg-muted);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary)}.cell-stat{display:inline-flex;align-items:center;justify-content:center;min-width:32px;padding:var(--space-1) var(--space-2);background:var(--bg-muted);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary)}.cell-date{display:flex;flex-direction:column;gap:2px}.cell-date-main{font-size:var(--text-sm);color:var(--text-primary)}.cell-date-ago{font-size:var(--text-xs);color:var(--text-muted)}.status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:9999px;font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.quoted{background:#dbeafe;color:#1e40af}.status-badge.accepted{background:#d1fae5;color:#065f46}.status-badge.rejected{background:#fee2e2;color:#991b1b}.status-badge.expired{background:#e5e7eb;color:#374151}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.blocked{background:#fee2e2;color:#991b1b}.btn-action{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--brand-accent);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--brand-accent);cursor:pointer;transition:all var(--transition-fast)}.btn-action:hover{background:var(--brand-accent-light)}.mobile-card-list{display:none}@media(max-width:768px){.desktop-table{display:none}.mobile-card-list{display:block}}.mobile-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.mobile-card.unviewed{border-left:3px solid var(--brand-primary)}.mobile-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color)}.mobile-card-body{display:flex;flex-direction:column;gap:var(--space-3)}.mobile-card-row{display:flex;align-items:center;gap:var(--space-3)}.mobile-card-icon{color:var(--text-muted);flex-shrink:0}.mobile-card-content{flex:1}.mobile-card-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.mobile-card-value{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.mobile-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.mobile-stat{text-align:center}.mobile-stat-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.mobile-stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase}.mobile-card-footer{margin-top:var(--space-3);padding-top:var(--space-3)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.empty-state-icon{color:var(--text-muted);margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-base);color:var(--text-muted)}.timeline{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.timeline-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.timeline-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-base);transition:all var(--transition-fast)}.timeline-dot.completed{background:var(--brand-primary);color:#fff}.timeline-dot.current{background:var(--brand-accent);color:#fff;box-shadow:0 0 0 4px var(--brand-accent-focus)}.timeline-dot.pending{background:var(--bg-muted);color:var(--text-muted)}.timeline-dot.rejected{background:var(--color-error);color:#fff}.timeline-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary)}.timeline-label.active{color:var(--text-primary)}.timeline-date{font-size:var(--text-xs);color:var(--text-muted)}.timeline-line{width:60px;height:2px;background:var(--border-color);margin-bottom:var(--space-6)}.timeline-line.completed{background:var(--brand-primary)}.part-detail-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-4)}.part-detail-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-muted);border-bottom:1px solid var(--border-color)}.part-number-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:var(--bg-card);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-secondary)}.part-detail-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.part-detail-content{display:grid;grid-template-columns:1fr 1fr}.part-detail-column{padding:var(--space-5)}.part-detail-column:first-child{border-right:1px solid var(--border-color)}.part-detail-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.file-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-muted);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.file-item:last-child{margin-bottom:0}.file-icon{width:40px;height:40px;background:var(--brand-accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.file-icon.pdf{background:var(--color-error)}.file-details{flex:1;min-width:0}.file-type{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.file-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);word-break:break-word}.file-size{font-size:var(--text-xs);color:var(--text-muted)}.file-actions{display:flex;gap:var(--space-2)}.upload-zone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-muted)}.upload-zone:hover{border-color:var(--brand-accent);background:var(--bg-hover)}.upload-zone.disabled{opacity:.5;cursor:not-allowed}.upload-zone-icon{color:var(--brand-accent);margin-bottom:var(--space-3)}.upload-zone-text{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.upload-zone-hint{font-size:var(--text-sm);color:var(--text-muted)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-container{background:var(--surface-50);border-radius:var(--radius-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color)}.modal-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.modal-close{width:36px;height:36px;border:none;background:var(--bg-muted);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.modal-close:hover{background:var(--border-color);color:var(--text-primary)}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);justify-content:flex-end}.modal-info-card{background:var(--bg-card);border-radius:var(--radius-lg);margin-bottom:var(--space-5);border:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a}.modal-info-row{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.modal-info-row:last-child{margin-bottom:0}.modal-info-icon{color:var(--brand-accent);margin-top:2px;flex-shrink:0}.modal-info-content{flex:1}.modal-info-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.modal-info-value{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.modal-warning{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#fef3c7;border:1px solid #FCD34D;border-radius:var(--radius-md);color:#92400e;font-size:var(--text-sm)}.price-display{font-family:Fira Code,monospace;font-weight:var(--font-semibold)}.price-large{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.spec-item{display:flex;flex-direction:column;gap:2px}.spec-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.spec-value{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}@media(max-width:768px){.part-detail-content{grid-template-columns:1fr}.part-detail-column:first-child{border-right:none;border-bottom:1px solid var(--border-color)}.specs-grid{grid-template-columns:1fr}.timeline{flex-direction:column;gap:var(--space-4)}.timeline-line{width:2px;height:30px;margin-bottom:0}.table-header{flex-direction:column;align-items:flex-start}.table-header-right{width:100%}.filter-group{width:100%;justify-content:flex-start;flex-wrap:wrap}.filter-select,.filter-group .custom-select-wrapper{flex:1;min-width:auto}.filter-group .custom-select-wrapper .filter-select{width:100%}}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:1200px){.stats-row{grid-template-columns:repeat(4,1fr);gap:12px}}@media(max-width:768px){.stats-row{grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:480px){.stats-row{grid-template-columns:1fr}}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-md);transition:all .2s ease;cursor:pointer;min-width:0}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media(max-width:1200px){.stat-card{padding:16px;gap:12px}}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(max-width:1200px){.stat-icon{width:40px;height:40px}}.stat-card.primary .stat-icon{background:#eff6ff;color:#1e40af}.stat-card.success .stat-icon{background:#ecfdf5;color:#065f46}.stat-card.danger .stat-icon{background:#fef2f2;color:#991b1b}.stat-card.info .stat-icon{background:#ecfeff;color:#0e7490}.stat-content{display:flex;flex-direction:column;min-width:0}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}@media(max-width:1200px){.stat-value{font-size:20px}}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper .search-icon{position:absolute;left:var(--space-3);color:var(--text-muted);pointer-events:none}.search-input-wrapper input{padding:var(--space-2) var(--space-4);padding-left:36px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-card);transition:all var(--transition-fast);min-width:200px}.search-input-wrapper input:focus{outline:none;border-color:var(--brand-accent);box-shadow:0 0 0 3px var(--brand-accent-focus)}.search-input-wrapper input::placeholder{color:var(--text-muted)}.status-badge.in_production{background:#dbeafe;color:#1e40af}.status-badge.shipped{background:#fef3c7;color:#92400e}.status-badge.delivered,.status-badge.captured{background:#d1fae5;color:#065f46}.status-badge.initiated{background:#fef3c7;color:#92400e}.status-badge.authorized{background:#dbeafe;color:#1e40af}.cell-amount{font-family:Fira Code,monospace;font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary)}.payment-method-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--bg-muted);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.order-timeline{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.order-timeline-step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;position:relative}.order-timeline-step:not(:last-child):after{content:"";position:absolute;top:20px;left:60%;width:80%;height:2px;background:var(--border-color)}.order-timeline-step.completed:not(:last-child):after{background:var(--brand-primary)}.order-timeline-dot{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-muted);color:var(--text-muted);border:2px solid var(--border-color);margin-bottom:var(--space-2);z-index:1}.order-timeline-step.completed .order-timeline-dot{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.order-timeline-step.active .order-timeline-dot{background:var(--brand-accent);color:#fff;border-color:var(--brand-accent);box-shadow:0 0 0 4px var(--brand-accent-focus)}.order-timeline-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:2px}.order-timeline-step.active .order-timeline-label,.order-timeline-step.completed .order-timeline-label{color:var(--text-primary)}.order-timeline-date{font-size:var(--text-xs);color:var(--text-muted)}