@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--font-primary: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--bg-dark: #061222;--bg-card: #0d2a4a;--bg-card-hover: #133456;--bg-surface: #1a4a7a;--bg-input: #081828;--bg-elevated: #0f3052;--border-color: #1e4470;--border-light: #2a5a90;--border-focus: #4a90d9;--text-primary: #ffffff;--text-secondary: #b0c4de;--text-muted: #6b8ab0;--text-disabled: #4a6080;--accent: #ffffff;--accent-hover: #e0e8f0;--brand-red: #b24441;--brand-red-hover: #9a3a38;--brand-red-light: rgba(178, 68, 65, .15);--brand-navy: #0d2a4a;--brand-navy-light: #1a4a7a;--success: #22c55e;--success-bg: rgba(34, 197, 94, .15);--success-border: rgba(34, 197, 94, .3);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgba(245, 158, 11, .3);--error: #ef4444;--error-bg: rgba(239, 68, 68, .15);--error-border: rgba(239, 68, 68, .3);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .15);--info-border: rgba(59, 130, 246, .3);--purple: #a855f7;--purple-bg: rgba(168, 85, 247, .15);--purple-border: rgba(168, 85, 247, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(178, 68, 65, .3);--shadow-focus: 0 0 0 3px rgba(74, 144, 217, .3);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 500;--z-toast: 800}*{box-sizing:border-box}body{background:var(--bg-dark);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-base);line-height:1.5;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{max-width:1200px;margin:0 auto;padding:var(--space-lg)}.main-content{flex:1;padding:var(--space-lg)}.page-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-xl);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.page-header h1{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.page-header p{color:var(--text-muted);font-size:var(--text-base);margin:var(--space-xs) 0 0 0}.nav-links{display:flex;gap:var(--space-sm)}.btn{padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);transition:all var(--transition-base);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);white-space:nowrap}.btn-primary{background-color:var(--brand-red);color:var(--text-primary);box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-primary:hover:not(:disabled){background-color:var(--brand-red-hover);box-shadow:var(--shadow-lg),0 0 30px #b2444166;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-success{background-color:var(--success);color:#fff;box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background-color:#16a34a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger{background-color:var(--error);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background-color:#dc2626;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-card-hover);border-color:var(--border-light);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-ghost:hover:not(:disabled){background:var(--bg-card);color:var(--text-primary);border-color:var(--border-light)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);gap:var(--space-xs)}.btn-lg{padding:var(--space-md) var(--space-lg);font-size:var(--text-md)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;margin-bottom:var(--space-xs);font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-base);letter-spacing:var(--tracking-wide)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-base);background:var(--bg-input);color:var(--text-primary);transition:all var(--transition-base)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--border-light)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group small{display:block;margin-top:var(--space-xs);color:var(--text-muted);font-size:var(--text-sm)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.form-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--text-base);color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-red);cursor:pointer}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--space-lg);margin-bottom:var(--space-md);transition:border-color var(--transition-base)}.card:hover{border-color:var(--border-light)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color)}table{width:100%;border-collapse:collapse;font-size:var(--text-base)}th,td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--border-color)}th{background-color:var(--bg-elevated);font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}tbody tr{transition:background-color var(--transition-fast)}tbody tr:hover{background-color:var(--bg-card-hover)}tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap}.status-badge.pending{background-color:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.status-badge.processing,.status-badge.in_progress{background-color:var(--info-bg);color:var(--info);border:1px solid var(--info-border)}.status-badge.complete,.status-badge.approved,.status-badge.generated{background-color:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.status-badge.failed,.status-badge.rejected{background-color:var(--error-bg);color:var(--error);border:1px solid var(--error-border)}.status-badge.reorder,.status-badge.proof_sent{background-color:var(--purple-bg);color:var(--purple);border:1px solid var(--purple-border)}.status-badge-sm{padding:2px 6px;font-size:10px}.proof-status-cell{display:flex;align-items:center;gap:var(--space-xs)}.reminder-badge{display:inline-flex;align-items:center;gap:3px;padding:2px var(--space-xs);background:var(--warning-bg);color:var(--warning);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.reminder-badge svg{flex-shrink:0}.platform-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);font-weight:var(--font-bold);font-size:11px}.platform-badge.shopify{background:#96bf4826;color:#96bf48}.platform-badge.etsy{background:#f1641e26;color:#f1641e}.platform-badge svg{width:14px;height:14px}.alert,.error-message,.success-message,.info-message,.warning-message{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:var(--text-base);line-height:1.5}.error-message,.alert-error{background-color:var(--error-bg);color:var(--error);border:1px solid var(--error-border)}.success-message,.alert-success{background-color:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.info-message,.alert-info{background-color:var(--info-bg);color:var(--info);border:1px solid var(--info-border)}.warning-message,.alert-warning{background-color:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-secondary);gap:var(--space-md)}.loading-spinner{display:inline-block;width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--brand-red);border-radius:var(--radius-full);animation:spin .8s linear infinite}.loading-spinner-sm{width:16px;height:16px;border-width:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);background-image:radial-gradient(ellipse at 20% 30%,rgba(178,68,65,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(26,74,122,.15) 0%,transparent 50%)}.login-box{background:var(--bg-card);padding:var(--space-2xl);border-radius:var(--radius-xl);border:1px solid var(--border-color);width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.login-box h1{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);text-align:center;margin-bottom:var(--space-xs);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.login-box p{text-align:center;color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-lg)}.login-box .btn{width:100%;justify-content:center;padding:var(--space-md)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.stat-card{background:var(--bg-card);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-base)}.stat-card:hover{border-color:var(--border-light)}.stat-card h3{font-family:var(--font-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-xs) 0;letter-spacing:var(--tracking-tight)}.stat-card p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.quick-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md)}.template-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;transition:all var(--transition-base)}.template-card:hover{transform:translateY(-2px);border-color:var(--border-light);box-shadow:var(--shadow-md)}.template-card-body{padding:var(--space-md)}.template-card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.template-card-meta{font-size:.85rem;color:var(--text-secondary);margin-bottom:12px}.slot-preview-container{position:relative;background:var(--bg-surface);border-radius:8px;overflow:hidden}.slot-preview-canvas{display:block;max-width:100%;height:auto}.slot-info{margin-top:16px}.slot-list{display:flex;flex-wrap:wrap;gap:8px}.slot-tag{background:var(--bg-surface);color:var(--text-primary);padding:4px 10px;border-radius:4px;font-size:.85rem;border:1px solid var(--border-color)}.file-upload-zone{border:2px dashed var(--border-color);border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s}.file-upload-zone:hover{border-color:var(--text-primary);background-color:var(--bg-surface)}.file-upload-zone.drag-over{border-color:var(--success);background-color:var(--success-bg)}.file-upload-zone p{color:var(--text-secondary);margin-bottom:12px}.file-preview{margin-top:16px;padding:12px;background:var(--bg-surface);border-radius:6px;display:flex;align-items:center;gap:12px}.file-preview-name{flex:1;font-size:.9rem;color:var(--text-primary)}.job-creator-form{max-width:600px}.size-group-uploads{display:flex;flex-direction:column;gap:16px}.size-group-upload{padding:16px;background:var(--bg-surface);border-radius:8px}.size-group-upload h4{margin-bottom:12px;color:var(--text-primary)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:900px){.two-column{grid-template-columns:1fr}}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state h3{margin-bottom:8px;color:var(--text-secondary)}.alert{padding:12px 16px;border-radius:6px;margin-bottom:16px}.alert-error{background-color:var(--error-bg);color:var(--error);border:1px solid rgba(239,68,68,.2)}.alert-success{background-color:var(--success-bg);color:var(--success);border:1px solid rgba(34,197,94,.2)}.form-actions{display:flex;gap:12px;margin-top:20px}.template-list{display:flex;flex-direction:column;gap:8px}.template-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--card-darker);border-radius:6px;border:1px solid var(--border-color)}.template-info{display:flex;flex-direction:column;gap:2px}.template-info strong{color:var(--text-primary);font-size:14px}.template-info small{color:var(--text-muted);font-size:12px}.template-actions{display:flex;gap:8px}.modal-large{max-width:800px;width:90%}.template-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0a0c10;display:flex;flex-direction:column;animation:editorFadeIn .2s ease-out}@keyframes editorFadeIn{0%{opacity:0}to{opacity:1}}.template-editor-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#0d0f14;border-bottom:1px solid #1e2330;flex-shrink:0}.template-editor-title{display:flex;align-items:center;gap:12px}.template-editor-label{font-size:10px;font-weight:600;letter-spacing:.1em;color:#4a9eff;background:#4a9eff1a;padding:4px 8px;border-radius:4px;text-transform:uppercase}.template-editor-title h1{font-size:16px;font-weight:500;color:#e8eaed;margin:0}.template-editor-actions{display:flex;gap:12px}.btn-ghost{background:transparent;border:1px solid #2a3040;color:#9ca3af;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-ghost:hover{background:#1a1f2e;border-color:#3a4050;color:#e8eaed}.btn-ghost.btn-sm{padding:6px 12px;font-size:12px;display:inline-flex;align-items:center;gap:6px}.template-editor-split{display:flex;flex:1;overflow:hidden}.template-editor-panel{display:flex;flex-direction:column;overflow:hidden}.editor-panel{flex:1;min-width:400px;background:#0d0f14}.preview-panel{flex:1;min-width:400px;background:#12151c;border-left:1px solid #1e2330}.template-editor-divider{width:1px;background:#1e2330;cursor:col-resize;transition:background .15s ease}.template-editor-divider:hover{background:#4a9eff}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#0000004d;border-bottom:1px solid #1e2330}.panel-title{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#7a8299}.panel-hint{font-size:12px;color:#5a6070;font-weight:400}.panel-content{flex:1;display:flex;flex-direction:column;padding:20px;gap:16px;overflow:auto}.editor-field{display:flex;flex-direction:column;gap:6px}.editor-field-grow{flex:1;min-height:200px}.editor-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#7a8299}.label-hint{font-weight:400;color:#4a5060;margin-left:6px}.editor-input{background:#0a0c10;border:1px solid #1e2330;border-radius:6px;padding:12px 14px;font-size:14px;color:#e8eaed;transition:border-color .15s ease,box-shadow .15s ease}.editor-input:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff1a}.editor-input::placeholder{color:#4a5060}.editor-textarea{flex:1;background:#0a0c10;border:1px solid #1e2330;border-radius:6px;padding:14px;font-size:13px;font-family:SF Mono,Fira Code,Monaco,Inconsolata,monospace;color:#b8c0cc;line-height:1.6;resize:none;transition:border-color .15s ease,box-shadow .15s ease}.editor-textarea:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff1a}.editor-textarea::placeholder{color:#3a4050}.placeholders-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;background:#4a9eff0d;border:1px solid rgba(74,158,255,.15);border-radius:6px}.placeholders-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#4a9eff;margin-right:4px}.placeholder-chip{background:#1a2030;border:1px solid #2a3548;border-radius:4px;padding:4px 10px;font-size:12px;font-family:SF Mono,Fira Code,monospace;color:#8ab4f8;cursor:pointer;transition:all .15s ease}.placeholder-chip:hover{background:#243048;border-color:#4a9eff;color:#a8ccff;transform:translateY(-1px)}.preview-subject{display:flex;align-items:center;gap:10px;padding:14px 20px;background:#0003;border-bottom:1px solid #1e2330}.preview-subject-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#5a6070}.preview-subject-text{font-size:14px;color:#c0c8d4}.preview-frame-container{flex:1;padding:20px;overflow:auto;background:radial-gradient(circle at 20% 20%,rgba(74,158,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(138,180,248,.03) 0%,transparent 50%),#12151c}.preview-iframe{width:100%;height:100%;min-height:500px;border:none;border-radius:8px;background:#f5f5f5;box-shadow:0 4px 6px #0000004d,0 10px 40px #0006}@media(max-width:1024px){.template-editor-split{flex-direction:column}.editor-panel,.preview-panel{min-width:unset;width:100%}.preview-panel{border-left:none;border-top:1px solid #1e2330;max-height:50vh}.template-editor-divider{display:none}}.form-group small{display:block;margin-top:4px;color:var(--text-muted);font-size:.8rem}.btn-link{background:none;color:var(--text-primary);padding:0;text-decoration:underline}.btn-link:hover{color:var(--text-secondary)}.btn-group{display:flex;gap:8px}.instructions ol{padding-left:20px;line-height:1.8;color:var(--text-secondary)}.instructions ol li{margin-bottom:8px}.split-layout{display:grid;grid-template-columns:350px 1fr;gap:20px}@media(max-width:900px){.split-layout{grid-template-columns:1fr}}.orders-list{display:flex;flex-direction:column;gap:12px}.order-items{display:flex;flex-direction:column;gap:8px}.order-item{padding:12px;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s;background:var(--bg-card)}.order-item:hover{border-color:var(--text-primary);background-color:var(--bg-card-hover)}.order-item.selected{border-color:var(--text-primary);background-color:var(--bg-surface)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.order-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary)}.order-date{font-size:.8rem;color:var(--text-muted);margin-top:4px}.order-proof{font-size:.85rem;color:var(--purple);margin-top:2px}.order-detail{min-height:400px}.order-info{margin-bottom:20px;padding:12px;background:var(--bg-surface);border-radius:6px}.order-info p{margin:4px 0}.line-items{display:flex;flex-direction:column;gap:16px}.line-item{padding:16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card)}.line-item-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.line-item-header .variant{color:var(--text-secondary);font-size:.9rem}.line-item-header .quantity{margin-left:auto;background:var(--bg-surface);padding:2px 8px;border-radius:4px;font-size:.85rem}.line-item-status{display:flex;align-items:center;gap:12px;margin-bottom:12px}.line-item-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:12px;border-top:1px solid var(--border-color)}.artwork-preview{margin-top:8px;padding:8px;background:var(--bg-surface);border-radius:4px;font-size:.85rem;color:var(--text-secondary)}.status-badge.artwork_assigned{background-color:var(--success-bg);color:var(--success)}.status-badge.reorder{background-color:var(--purple-bg);color:var(--purple)}.reorder-lookup{margin-top:12px;padding:12px;background:var(--purple-bg);border-radius:6px;border-left:3px solid var(--purple)}.previous-jobs{margin-top:12px;padding:10px;background:var(--bg-surface);border-radius:4px}.previous-jobs ul{margin:8px 0;padding-left:20px}.previous-jobs li{margin-bottom:6px}.uploaded-files{margin-top:12px;padding:12px;background:var(--success-bg);border-radius:6px;border-left:3px solid var(--success)}.uploaded-files-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.uploaded-file-item{display:flex;flex-direction:column;gap:4px}.uploaded-file-item a{color:var(--success);text-decoration:underline;font-size:.85rem;word-break:break-all;max-width:150px}.uploaded-file-preview{max-width:150px;max-height:100px;border-radius:4px;border:1px solid var(--border-color);cursor:pointer}.uploaded-file-preview:hover{border-color:var(--success)}@media(max-width:768px){.page-header{flex-direction:column;gap:16px;align-items:flex-start}.nav-links{width:100%;flex-wrap:wrap}.dashboard-stats{grid-template-columns:1fr 1fr}.form-row,.line-item-actions{grid-template-columns:1fr}}.master-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px}.master-template-card{border:1px solid var(--border-color)}.master-template-info{padding:16px}.master-template-info p{margin:4px 0;color:var(--text-secondary)}.master-template-actions{display:flex;flex-wrap:wrap;gap:8px;padding:16px;border-top:1px solid var(--border-color)}.card-description{padding:0 16px 16px;color:var(--text-secondary);margin:0}.form-hint{font-size:12px;color:var(--text-muted);margin:8px 0 4px}.matching-templates-card{margin-top:24px}.matching-templates-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:16px}.size-group-matches{background:var(--bg-surface);border-radius:8px;padding:12px}.size-group-matches h4{margin:0 0 8px;color:var(--text-primary);font-size:14px}.size-group-matches ul{list-style:none;padding:0;margin:0}.size-group-matches li{padding:4px 0;font-size:13px;color:var(--text-secondary)}.no-matches{color:var(--text-muted);font-style:italic;font-size:13px}.bulk-jobs-layout{display:grid;grid-template-columns:350px 1fr;gap:24px;align-items:start}.bulk-jobs-list h3{margin-bottom:16px;color:var(--text-primary)}.bulk-job-cards{display:flex;flex-direction:column;gap:12px}.bulk-job-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:12px;cursor:pointer;transition:all .2s ease}.bulk-job-card:hover{border-color:var(--text-primary)}.bulk-job-card.selected{border-color:var(--text-primary);background:var(--bg-surface)}.bulk-job-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.bulk-job-card-info{font-size:12px;color:var(--text-secondary)}.bulk-job-card-info p{margin:2px 0}.progress-bar-container{height:6px;background:var(--bg-surface);border-radius:3px;margin-top:10px;overflow:hidden;position:relative}.progress-bar-container.large{height:24px;margin:16px 0}.progress-bar{height:100%;background:linear-gradient(90deg,var(--success),#34d399);border-radius:3px;transition:width .3s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.bulk-job-details{min-width:0}.bulk-job-summary{padding:16px;background:var(--bg-surface);border-radius:8px;margin:16px}.bulk-job-summary p{margin:4px 0}.bulk-job-actions{display:flex;gap:12px;padding:0 16px 16px}.bulk-job-items{padding:0 16px 16px;overflow-x:auto}.jobs-table{width:100%;border-collapse:collapse}.jobs-table th,.jobs-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-color)}.jobs-table th{background:var(--bg-surface);font-weight:600;color:var(--text-primary)}.jobs-table tr.status-failed{background:var(--error-bg)}.jobs-table tr.status-complete{background:var(--success-bg)}.btn-warning{background-color:var(--warning);color:#000}.btn-warning:hover{background-color:#d97706}.error-hint{margin-left:6px;color:var(--error);cursor:help;font-size:11px}.search-box{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color)}.search-box input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-base);background:var(--bg-input);color:var(--text-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.search-box input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.bulk-generate-section{background:var(--bg-surface);padding:16px;border-radius:8px;margin-bottom:12px;border:1px solid var(--border-color)}.bulk-generate-section h5{margin:0 0 12px;color:var(--text-primary);font-size:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row .form-group{margin-bottom:0}.divider-text{text-align:center;color:var(--text-muted);font-size:12px;margin:16px 0;position:relative}.divider-text:before,.divider-text:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--border-color)}.divider-text:before{left:0}.divider-text:after{right:0}.bulk-progress-inline{background:var(--info-bg);padding:16px;border-radius:8px;margin-top:12px;border:1px solid rgba(59,130,246,.3)}.bulk-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.bulk-progress-stats{text-align:center;color:var(--text-primary);font-size:13px;margin-top:8px;margin-bottom:12px}.actions-row{display:flex;gap:24px;align-items:flex-start}.actions-row .bulk-generate-section{flex:1;margin-bottom:0}.template-download-section{flex:1;background:var(--bg-surface);padding:16px;border-radius:8px;border:1px solid var(--border-color)}.template-download-section h5{margin:0 0 12px;color:var(--text-primary);font-size:14px}.template-buttons{display:flex;flex-wrap:wrap;gap:8px}.downloads-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:13px}.downloads-table th,.downloads-table td{padding:8px 12px;text-align:center;border:1px solid var(--border-color)}.downloads-table th{background:var(--bg-surface);font-weight:600;color:var(--text-secondary)}.downloads-table .size-label{text-align:left;font-weight:500;background:var(--bg-surface)}.download-btn{padding:6px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-secondary);border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease}.download-btn:hover{background:#ffffff26;border-color:#ffffff4d;color:var(--text-primary)}.download-btn.recommended{background:#22c55e26;border:1px solid rgba(34,197,94,.4);color:#4ade80}.download-btn.recommended:hover{background:#22c55e40;border-color:#22c55e99}.no-file{color:var(--text-muted)}@media(max-width:900px){.bulk-jobs-layout{grid-template-columns:1fr}.bulk-jobs-list{order:2}.bulk-job-details{order:1}.matching-templates-list{grid-template-columns:1fr 1fr}}.layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-dark)}.main-nav{background:var(--bg-card);padding:0 var(--space-lg);display:flex;align-items:center;height:64px;position:sticky;top:0;z-index:var(--z-sticky);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md)}.nav-brand{display:flex;align-items:center;margin-right:var(--space-xl)}.nav-logo{height:38px;width:auto;transition:opacity var(--transition-base)}.nav-logo:hover{opacity:.9}.nav-segment{display:flex;align-items:center;gap:2px;background:var(--bg-dark);padding:3px;border-radius:var(--radius-lg);flex:1;max-width:480px}.nav-segment-item{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:calc(var(--radius-lg) - 2px);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:.01em;color:var(--text-muted);text-decoration:none;background:transparent;border:none;cursor:pointer;transition:all .15s ease;position:relative;white-space:nowrap}.nav-segment-item:hover{color:var(--text-secondary);background:#ffffff0a}.nav-segment-item.active{color:var(--text-primary);background:var(--bg-card);box-shadow:0 1px 3px #0000004d,0 0 0 1px #ffffff0d}.nav-segment-item.active:before{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:16px;height:2px;background:var(--brand-red);border-radius:1px;animation:navIndicatorIn .2s ease forwards}@keyframes navIndicatorIn{0%{width:0;opacity:0}to{width:16px;opacity:1}}.nav-segment-label{position:relative}.nav-chevron{transition:transform .2s ease;opacity:.6}.nav-chevron.open{transform:rotate(180deg)}.nav-segment-trigger:hover .nav-chevron{opacity:1}.nav-segment-dropdown{position:relative}.nav-segment-trigger{padding-right:12px}.nav-segment-trigger svg:first-child{opacity:.7;transition:opacity .15s ease}.nav-segment-trigger:hover svg:first-child,.nav-segment-trigger.active svg:first-child{opacity:1}.nav-segment-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);min-width:200px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000004d,0 10px 20px #0003,0 0 0 1px #ffffff08;opacity:0;visibility:hidden;pointer-events:none;transition:all .2s cubic-bezier(.16,1,.3,1);z-index:var(--z-dropdown);overflow:hidden}.nav-segment-menu:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--bg-card);border-left:1px solid var(--border-color);border-top:1px solid var(--border-color)}.nav-segment-menu.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.nav-segment-menu-inner{position:relative;padding:6px}.nav-segment-menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--text-secondary);text-decoration:none;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:calc(var(--radius-lg) - 4px);transition:all .12s ease;position:relative}.nav-segment-menu-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-segment-menu-item.active{background:var(--bg-surface);color:var(--text-primary)}.nav-segment-menu-item.active:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:3px;height:16px;background:var(--brand-red);border-radius:2px}.nav-menu-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;opacity:.6;transition:opacity .12s ease}.nav-segment-menu-item:hover .nav-menu-item-icon,.nav-segment-menu-item.active .nav-menu-item-icon{opacity:1}.nav-menu-item-text{flex:1}.nav-segment-menu-item.external{color:var(--text-muted)}.nav-segment-menu-item.external:hover{color:var(--text-secondary);background:#ffffff08}.nav-segment-menu-item.external svg:last-child{opacity:.4;transition:all .12s ease;margin-left:auto}.nav-segment-menu-item.external:hover svg:last-child{opacity:.7;transform:translate(1px,-1px)}.nav-segment-menu-divider{height:1px;background:var(--border-color);margin:6px 8px}.nav-menu{display:none}.nav-item{color:var(--text-secondary);text-decoration:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);transition:all var(--transition-base);position:relative}.nav-item:hover{color:var(--text-primary);background:var(--bg-elevated)}.nav-item.active{color:var(--text-primary);background:var(--bg-surface)}.nav-item.active:after{content:"";position:absolute;bottom:-1px;left:var(--space-md);right:var(--space-md);height:2px;background:var(--brand-red);border-radius:2px 2px 0 0}.nav-dropdown{position:relative}.nav-dropdown-trigger{cursor:pointer;-webkit-user-select:none;user-select:none}.nav-dropdown-trigger:after{content:"";display:inline-block;width:0;height:0;margin-left:var(--space-xs);border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid currentColor;transition:transform var(--transition-base)}.nav-dropdown:hover .nav-dropdown-trigger:after{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:0;min-width:200px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-sm) 0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-base);z-index:var(--z-dropdown)}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(var(--space-xs))}.nav-dropdown-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--text-secondary);text-decoration:none;font-size:var(--text-base);transition:all var(--transition-fast)}.nav-dropdown-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-dropdown-item.active{color:var(--text-primary);background:var(--bg-surface)}.nav-logout{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-base);letter-spacing:var(--tracking-wide)}.nav-logout:hover{background:var(--bg-surface);border-color:var(--border-light);color:var(--text-primary)}.nav-search{position:relative;margin-right:var(--space-lg);width:280px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper svg{position:absolute;left:var(--space-md);color:var(--text-muted);pointer-events:none;transition:color var(--transition-base)}.search-input-wrapper:focus-within svg{color:var(--text-secondary)}.nav-search-input{width:100%;padding:var(--space-sm) var(--space-md) var(--space-sm) 40px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.nav-search-input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.nav-search-input::placeholder{color:var(--text-muted)}.search-spinner{position:absolute;right:var(--space-md);width:14px;height:14px;border:2px solid var(--border-color);border-top-color:var(--brand-red);border-radius:var(--radius-full);animation:spin .8s linear infinite}.search-dropdown{position:absolute;top:calc(100% + var(--space-xs));left:0;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:320px;overflow-y:auto;z-index:var(--z-dropdown);animation:dropdownFadeIn var(--transition-base) ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-result-item{padding:var(--space-sm) var(--space-md);cursor:pointer;border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.selected{background:var(--bg-elevated)}.search-result-main{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:2px}.search-result-number{font-family:var(--font-primary);font-weight:var(--font-semibold);color:var(--text-primary)}.search-result-proof{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);padding:2px var(--space-sm);background:var(--bg-input);border-radius:var(--radius-sm)}.search-result-customer{font-size:var(--text-xs);color:var(--text-muted)}.status-badge-sm{font-size:10px;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:600}.status-badge-sm.pending{background:#f59e0b26;color:#f59e0b}.status-badge-sm.processing{background:#3b82f626;color:#3b82f6}.status-badge-sm.complete{background:#22c55e26;color:#22c55e}.order-card.highlight-flash{animation:highlight-pulse 2s ease-out}@keyframes highlight-pulse{0%,to{box-shadow:none}25%{box-shadow:0 0 0 3px var(--brand-red),0 0 20px #b2444166}50%{box-shadow:0 0 0 3px var(--brand-red),0 0 20px #b2444166}75%{box-shadow:0 0 0 2px var(--brand-red),0 0 10px #b2444133}}@media(max-width:768px){.nav-search{width:180px;margin-right:12px}.nav-search-input{font-size:12px}}@media(max-width:600px){.nav-search{display:none}}.main-content{flex:1;background:var(--bg-dark);padding:24px}.orders-page{max-width:1400px;margin:0 auto}.page-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.toolbar-left{flex:1;max-width:400px}.toolbar-right{display:flex;gap:var(--space-md)}.search-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-base);background:var(--bg-input);color:var(--text-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.search-input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.search-input::placeholder{color:var(--text-muted)}.sort-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-base);background:var(--bg-input);color:var(--text-primary);cursor:pointer;min-width:160px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.sort-select:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.btn-icon{padding:var(--space-sm);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-base)}.btn-icon:hover{background:var(--bg-elevated);border-color:var(--border-light);color:var(--text-primary)}.btn-icon:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.tabs{display:flex;gap:var(--space-xs);background:var(--bg-card);padding:var(--space-xs);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);border:1px solid var(--border-color)}.tab{padding:var(--space-sm) var(--space-lg);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary);transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-sm);letter-spacing:var(--tracking-wide)}.tab:hover{background:var(--bg-elevated);color:var(--text-primary)}.tab.active{background:var(--brand-red);color:#fff;box-shadow:var(--shadow-glow)}.tab-count{background:#ffffff26;padding:2px var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.tab.active .tab-count{background:#ffffff40}.settings-layout{display:flex;min-height:calc(100vh - 64px);background:var(--bg-dark)}.settings-sidebar{width:280px;background:var(--bg-card);border-right:1px solid var(--border-color);padding:var(--space-lg) 0;flex-shrink:0;position:sticky;top:64px;height:calc(100vh - 64px);overflow-y:auto}.settings-sidebar-header{padding:0 var(--space-lg) var(--space-lg);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-md)}.settings-sidebar-header h1{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.settings-nav{display:flex;flex-direction:column;gap:var(--space-xs);padding:0 var(--space-sm)}.settings-nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;font-family:var(--font-primary)}.settings-nav-item:hover{background:var(--bg-elevated)}.settings-nav-item.active{background:var(--brand-red);box-shadow:var(--shadow-glow)}.settings-nav-item .nav-icon{color:var(--text-muted);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.settings-nav-item:hover .nav-icon{color:var(--text-secondary)}.settings-nav-item.active .nav-icon{color:#fffffff2}.settings-nav-item .nav-text{display:flex;flex-direction:column;gap:2px}.settings-nav-item .nav-label{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);letter-spacing:var(--tracking-wide)}.settings-nav-item.active .nav-label{color:#fff}.settings-nav-item .nav-description{font-size:var(--text-sm);color:var(--text-muted)}.settings-nav-item.active .nav-description{color:#ffffffbf}.settings-main{flex:1;padding:var(--space-xl) var(--space-2xl);overflow-y:auto;max-width:1000px}.settings-content-area{animation:settingsFadeIn var(--transition-base)}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-panel-header{margin-bottom:var(--space-lg)}.settings-panel-header h2{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-xs) 0;letter-spacing:var(--tracking-tight)}.settings-panel-header p{font-size:14px;color:var(--text-muted);margin:0}.integrations-grid{display:flex;flex-direction:column;gap:24px}.integration-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-lg);transition:border-color var(--transition-base)}.integration-section:hover{border-color:var(--border-light)}.integration-header{margin-bottom:var(--space-lg)}.integration-title{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.integration-title h3{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.integration-title svg{color:var(--text-muted);transition:color var(--transition-fast)}.integration-section:hover .integration-title svg{color:var(--text-secondary)}.integration-description{font-size:var(--text-sm);color:var(--text-muted);margin:0;padding-left:calc(22px + var(--space-sm))}.connection-status{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-md)}.connection-status.success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.connection-status.error{background:var(--error-bg);color:var(--error);border:1px solid var(--error-border)}.stats-card{display:flex;gap:var(--space-lg);padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.stat-item{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.stat-value{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.form-section{margin-bottom:var(--space-lg)}.form-section h4{font-family:var(--font-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-muted);margin:0 0 var(--space-md) 0;padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color)}.section-badge{font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:3px var(--space-xs);border-radius:var(--radius-sm);margin-left:var(--space-sm);background:var(--success-bg);color:var(--success)}.section-badge.warning{background:var(--warning-bg);color:var(--warning)}.form-row-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.form-row-inline{display:flex;gap:var(--space-sm);align-items:flex-end}.setup-instructions-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s ease;margin-top:20px}.setup-instructions-toggle:hover{background:var(--bg-surface);border-color:var(--border-light)}.instructions-panel{margin-top:12px;padding:20px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-secondary);line-height:1.7}.instructions-panel ol{margin:0;padding-left:20px}.instructions-panel li{margin-bottom:10px}.instructions-panel ul{margin:8px 0;padding-left:20px}.instructions-panel pre{background:var(--bg-dark);padding:12px;border-radius:6px;overflow-x:auto;font-size:12px;margin:8px 0;white-space:pre-wrap;word-break:break-all}.instructions-panel code{background:var(--bg-dark);padding:2px 6px;border-radius:3px;font-size:12px}.instructions-panel a{color:var(--info);text-decoration:none}.instructions-panel a:hover{text-decoration:underline}.instructions-highlight{color:var(--success);font-weight:500;margin-bottom:16px!important}.loading-inline{color:var(--text-muted);padding:20px;text-align:center}.settings-accordion{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-md);overflow:hidden;transition:border-color var(--transition-base)}.settings-accordion:hover{border-color:var(--border-light)}.settings-accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-md) var(--space-lg);background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast);font-family:var(--font-primary)}.settings-accordion-header:hover{background:var(--bg-elevated)}.settings-accordion-header.expanded{background:var(--bg-elevated);border-bottom:1px solid var(--border-color)}.accordion-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);letter-spacing:var(--tracking-wide)}.accordion-title svg{color:var(--text-muted);transition:color var(--transition-fast)}.settings-accordion-header:hover .accordion-title svg{color:var(--text-secondary)}.settings-count{background:var(--bg-surface);color:var(--text-muted);padding:2px var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.settings-accordion-content{padding:var(--space-lg);animation:accordionOpen var(--transition-base)}@keyframes accordionOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.settings-description{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-lg) 0;line-height:1.6}.settings-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.input-with-suffix{display:flex;align-items:center;gap:var(--space-sm)}.input-with-suffix input{width:80px}.input-suffix{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.template-card-mini{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:border-color .15s ease}.template-card-mini:hover{border-color:var(--border-light)}.template-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.template-card-header h4{font-size:14px;font-weight:500;color:var(--text-primary);margin:0}.template-status{font-size:10px;font-weight:600;text-transform:uppercase;padding:3px 6px;border-radius:3px;background:var(--bg-card);color:var(--text-muted)}.template-status.active{background:var(--success-bg);color:var(--success)}.template-description{font-size:12px;color:var(--text-muted);margin:0 0 12px;line-height:1.4}.template-card-actions{display:flex;gap:8px}.btn-outline:hover{background:var(--bg-surface);border-color:var(--border-light)}.quick-messages-list{display:flex;flex-direction:column;gap:12px}.quick-message-item{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:16px}.quick-message-content{flex:1}.quick-message-content strong{display:block;font-size:14px;color:var(--text-primary);margin-bottom:4px}.quick-message-content p{font-size:13px;color:var(--text-muted);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quick-message-item:not(:has(.quick-message-edit)){display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.quick-message-actions{display:flex;gap:8px;flex-shrink:0}.btn-danger-text{color:var(--error)}.btn-danger-text:hover{background:var(--error-bg)}.quick-message-edit,.quick-message-add{display:flex;flex-direction:column;gap:12px}.quick-message-edit-actions{display:flex;gap:8px;justify-content:flex-end}.quick-message-add{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-top:16px}.quick-message-add h4{font-size:14px;font-weight:500;color:var(--text-primary);margin:0 0 12px}@media(max-width:900px){.settings-layout{flex-direction:column}.settings-sidebar{width:100%;height:auto;position:static;padding:16px 0;border-right:none;border-bottom:1px solid var(--border-color)}.settings-sidebar-header{padding:0 16px 16px}.settings-nav{flex-direction:row;overflow-x:auto;padding:0 12px;gap:8px}.settings-nav-item{flex-shrink:0;padding:10px 14px}.settings-nav-item .nav-description{display:none}.settings-main{padding:24px 16px;max-width:none}.settings-grid-3,.form-row-2{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.order-card{background:var(--bg-card);border-radius:10px;border:1px solid var(--border-color);overflow:hidden;transition:border-color .2s}.order-card:hover{border-color:var(--border-light)}.order-card.expanded{border-color:var(--text-primary)}.order-card-header{padding:16px 20px;display:flex;align-items:center;gap:20px;cursor:pointer;border-bottom:1px solid transparent}.order-card.expanded .order-card-header{border-bottom-color:var(--border-color)}.order-main-info{display:flex;align-items:center;gap:12px;min-width:280px}.order-number{font-weight:600;font-size:15px;color:var(--text-primary)}.proof-number{font-size:12px;color:var(--purple);background:var(--purple-bg);padding:3px 8px;border-radius:4px}.order-meta-info{display:flex;align-items:center;gap:20px;flex:1;color:var(--text-secondary);font-size:14px}.customer-name{font-weight:500;color:var(--text-primary)}.expand-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border-radius:6px;font-size:18px;color:var(--text-secondary)}.order-card-body{padding:var(--space-lg);background:var(--bg-dark)}.order-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--bg-card);border-radius:8px;border:1px solid var(--border-color)}.detail-item label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:14px;color:var(--text-primary)}.line-items-section h4{margin:0 0 16px;font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.line-item-card{background:var(--bg-card);border-radius:8px;padding:var(--space-lg);margin-bottom:var(--space-lg);border:1px solid var(--border-color)}.line-item-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.line-item-title{flex:1}.line-item-title strong{color:var(--text-primary)}.line-item-title .variant{color:var(--text-muted);font-size:13px;margin-left:6px}.line-item-title .qty{background:var(--bg-surface);padding:2px 8px;border-radius:4px;font-size:12px;margin-left:8px}.reorder-info{margin-bottom:var(--space-md)}.reorder-info .collapsible-toggle{border-left:3px solid var(--purple)}.reorder-info .collapsible-content{border-left:3px solid var(--purple);margin-top:0;border-top:none;border-top-left-radius:0;border-top-right-radius:0}.reorder-badge{background:var(--purple-bg);color:var(--purple);padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;border:1px solid rgba(168,85,247,.3)}.previous-jobs-list{margin-top:8px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.previous-jobs-list small{color:var(--text-muted)}.customer-files{margin-bottom:var(--space-md)}.customer-files .collapsible-toggle{border-left:3px solid var(--success)}.customer-files .collapsible-content{border-left:3px solid var(--success);margin-top:0;border-top:none;border-top-left-radius:0;border-top-right-radius:0}.customer-files small{color:var(--text-secondary);display:block;margin-bottom:8px}.file-thumbnails{display:flex;gap:8px;flex-wrap:wrap}.file-thumb{width:60px;height:60px;object-fit:cover;border-radius:6px;border:2px solid var(--border-color);cursor:pointer;transition:border-color .2s}.file-thumb:hover{border-color:var(--success)}.bulk-generate-form{display:flex;gap:12px;align-items:center;padding:12px;background:var(--bg-surface);border-radius:8px;margin-top:12px}.group-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-base);min-width:200px;background:var(--bg-input);color:var(--text-primary);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.group-select:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.file-upload-btn{display:inline-flex;align-items:center;padding:10px 16px;background:#3b82f626;border:1px solid rgba(59,130,246,.4);color:#60a5fa;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.file-upload-btn:hover{background:#3b82f640;border-color:#3b82f699}.file-upload-btn input{display:none}.bulk-progress-section{margin-top:var(--space-md);padding:var(--space-lg);padding-left:var(--space-xl);background:var(--bg-surface);border-radius:8px;border:1px solid var(--border-color);border-left:3px solid var(--info)}.progress-bar-wrapper{display:flex;align-items:center;gap:12px}.progress-bar-bg{flex:1;height:8px;background:var(--bg-surface);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--success),#34d399);border-radius:4px;transition:width .3s}.downloads-grid{margin-top:var(--space-md)}.collapsible-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;transition:background .2s,border-color .2s}.collapsible-toggle:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.collapsible-toggle .toggle-icon{color:var(--text-muted);font-size:12px;transition:transform .2s}.collapsible-toggle.expanded .toggle-icon{transform:rotate(90deg)}.collapsible-content{margin-top:var(--space-md);padding:var(--space-md);border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card)}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:var(--space-sm)}.downloads-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.downloads-header span{font-weight:600;color:var(--text-primary)}.order-actions{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-color);display:flex;gap:var(--space-md);align-items:center}.order-actions .btn{padding:10px 20px;font-size:13px;border-radius:6px}.order-actions .btn-primary{background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-primary)}.order-actions .btn-primary:hover{background:var(--bg-card-hover);border-color:var(--text-muted)}.order-actions .btn-success{background:#22c55e26;border:1px solid rgba(34,197,94,.4);color:#4ade80;font-weight:500}.order-actions .btn-success:hover{background:#22c55e40;border-color:#22c55e99}.order-actions .btn-danger{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);margin-left:auto}.order-actions .btn-danger:hover{border-color:var(--error);color:var(--error);background:var(--error-bg)}.btn-xs{padding:4px 8px;font-size:11px}.proof-display{display:flex;align-items:center;gap:8px}.btn-edit-inline{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-edit-inline:hover{background:var(--bg-surface);color:var(--text-primary)}.proof-edit-inline{display:flex;align-items:center;gap:8px}.proof-edit-inline input{padding:6px 10px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-input);color:var(--text-primary);font-size:14px;width:140px}.proof-edit-inline input:focus{outline:none;border-color:var(--text-primary)}.toast{position:fixed;top:76px;right:24px;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;z-index:1000;animation:slideIn .3s ease;border:1px solid}.toast-success{background:var(--success-bg);color:var(--success);border-color:#22c55e4d}.toast-error{background:var(--error-bg);color:var(--error);border-color:#ef44444d}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.loading-container{display:flex;align-items:center;justify-content:center;min-height:400px}@media(max-width:768px){.main-nav{padding:0 12px;height:56px}.nav-brand{margin-right:12px}.nav-logo{height:28px}.nav-segment{max-width:none;padding:2px;gap:1px}.nav-segment-item{padding:8px 10px;font-size:12px}.nav-segment-label{display:none}.nav-segment-trigger .nav-segment-label{display:inline}.nav-segment-item.active:before{width:12px;bottom:4px}.nav-segment-trigger svg:first-child{display:none}.nav-segment-menu{left:auto;right:0;transform:translateY(-4px);min-width:180px}.nav-segment-menu:before{left:auto;right:24px;transform:rotate(45deg)}.nav-segment-menu.visible{transform:translateY(0)}.nav-item{padding:6px 12px;font-size:13px}.nav-logout{padding:6px 10px;font-size:11px}.main-content{padding:16px}.page-toolbar{flex-direction:column;align-items:stretch}.toolbar-left{max-width:none}.toolbar-right{justify-content:flex-end}.tabs{overflow-x:auto;padding:4px}.tab{padding:8px 14px;white-space:nowrap}.order-card-header{flex-wrap:wrap;gap:12px}.order-main-info{min-width:auto;width:100%}.order-meta-info{width:100%;flex-wrap:wrap;gap:12px}.bulk-generate-form{flex-direction:column;align-items:stretch}.group-select{min-width:auto;width:100%}}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b8ab0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;padding-right:40px;font-family:var(--font-primary)}select option{background:var(--bg-card);color:var(--text-primary);padding:var(--space-sm)}::-webkit-scrollbar{width:var(--space-sm);height:var(--space-sm)}::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-sm);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--brand-navy-light);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brand-navy-light);outline-offset:2px}.templates-page .header-actions{display:flex;gap:var(--space-sm);align-items:center}.filter-input{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-base);width:180px;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.filter-input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.filter-input::placeholder{color:var(--text-muted)}.templates-page .upload-card{margin-bottom:24px}.template-groups{display:flex;flex-direction:column;gap:16px}.template-group-section{background:var(--bg-card);border-radius:10px;border:1px solid var(--border-color);overflow:hidden}.template-group-section.ungrouped{border-style:dashed}.group-header{padding:14px 20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s}.group-header:hover{background:var(--bg-surface)}.group-header-left{display:flex;align-items:center;gap:12px}.group-header .expand-icon{color:var(--text-muted);font-size:12px;width:16px}.group-name{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.group-count{background:var(--bg-surface);color:var(--text-secondary);padding:2px 10px;border-radius:12px;font-size:13px;font-weight:500}.group-templates{border-top:1px solid var(--border-color)}.templates-table{width:100%;border-collapse:collapse}.templates-table th,.templates-table td{padding:12px 20px;text-align:left;border-bottom:1px solid var(--border-color)}.templates-table th{background:var(--bg-surface);font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.templates-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.templates-table th.sortable:hover{color:var(--text-primary)}.templates-table tbody tr:last-child td{border-bottom:none}.templates-table tbody tr:hover{background:var(--bg-surface)}.template-link{color:var(--text-primary);text-decoration:none;font-weight:500}.template-link:hover{text-decoration:underline}.size-group-tags{display:flex;flex-wrap:wrap;gap:6px}.size-tag{background:var(--bg-surface);color:var(--text-secondary);padding:2px 8px;border-radius:4px;font-size:12px;border:1px solid var(--border-color)}.table-actions{display:flex;align-items:center;gap:6px}.inline-group-edit{display:flex;align-items:center;gap:4px}.inline-group-edit input{padding:4px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-input);color:var(--text-primary);font-size:12px;width:120px}.inline-group-edit input:focus{outline:none;border-color:var(--text-primary)}@media(max-width:900px){.templates-table th:nth-child(2),.templates-table td:nth-child(2),.templates-table th:nth-child(3),.templates-table td:nth-child(3){display:none}.templates-table th,.templates-table td{padding:10px 12px}.table-actions{flex-wrap:wrap}}.group-manager-card{margin-bottom:24px}.group-manager-content{display:grid;grid-template-columns:1fr 2fr;gap:24px}.create-group-section h4,.existing-groups-section h4{margin:0 0 12px;font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.create-group-form{display:flex;gap:8px}.create-group-form input{flex:1;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-input);color:var(--text-primary);font-size:14px}.create-group-form input:focus{outline:none;border-color:var(--text-primary)}.create-group-form input::placeholder{color:var(--text-muted)}.no-groups-message{color:var(--text-muted);font-style:italic;font-size:14px}.groups-list{display:flex;flex-direction:column;gap:8px}.group-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-surface);border-radius:8px;border:1px solid var(--border-color)}.group-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.group-item-name{font-weight:600;color:var(--text-primary)}.group-item-count{font-size:13px;color:var(--text-secondary)}.group-item-sizes{font-size:12px;color:var(--text-muted)}.group-actions{display:flex;gap:6px}.group-rename-form{display:flex;align-items:center;gap:8px;flex:1}.group-rename-form input{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-input);color:var(--text-primary);font-size:14px}.group-rename-form input:focus{outline:none;border-color:var(--text-primary)}@media(max-width:768px){.group-manager-content{grid-template-columns:1fr}.group-item{flex-direction:column;align-items:flex-start;gap:12px}.group-actions{width:100%;justify-content:flex-end}}.login-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--text-muted);font-size:13px}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.login-divider span{padding:0 12px}.passkey-btn{display:flex;align-items:center;justify-content:center;gap:8px}.passkey-btn:before{content:"";width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a0a0a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.proof-viewer-page{--proof-bg: #f5f7fa;--proof-header-bg: #ffffff;--proof-brand-green: #16a34a;--proof-brand-green-hover: #15803d;--proof-brand-navy: #0d2a4a;--proof-brand-navy-light: #1a4a7a;--proof-card-bg: #ffffff;--proof-text: #1f2937;--proof-text-secondary: #4b5563;--proof-text-muted: #6b7280;--proof-border: #e5e7eb;--proof-shadow: 0 4px 20px rgba(0, 0, 0, .08);--proof-shadow-lg: 0 10px 40px rgba(0, 0, 0, .12)}.proof-viewer-page{min-height:100vh;background:var(--proof-bg);color:var(--proof-text);padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.proof-header{text-align:center;padding:16px 20px;background:var(--proof-brand-navy);border-bottom:none;box-shadow:0 2px 8px #00000026}.proof-header h1{color:#fff}.proof-logo{height:80px;width:auto;margin-bottom:12px}.proof-brand{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--proof-brand-navy);margin-bottom:16px}.proof-header h1{font-size:1.25rem;font-weight:600;margin:0 0 8px;color:#fff}.proof-info{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.proof-info .proof-number{background:#ffffff26;color:#fff;padding:6px 14px;border-radius:20px;font-weight:600;font-size:14px}.proof-info .customer-name{color:#fffc;font-size:15px}.proof-loading,.proof-error,.proof-submitted{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px;text-align:center;background:var(--proof-bg)}.proof-loading .loading-spinner{border-color:var(--proof-border);border-top-color:var(--proof-brand-navy)}.proof-loading p,.proof-error p{color:var(--proof-text-secondary);margin-top:16px}.proof-error h2{color:var(--proof-brand-red);margin-bottom:8px}.proof-submitted .submitted-icon{font-size:64px;margin-bottom:20px}.proof-submitted h2{color:var(--success);margin-bottom:12px}.proof-submitted p{color:var(--proof-text-secondary);max-width:400px}.proof-submitted .submitted-note{margin-top:20px;color:var(--proof-text-muted);font-size:14px}.proof-main-content{display:flex;flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;padding:24px 20px 40px}@media(min-width:1024px){.proof-main-content{flex-direction:row;align-items:flex-start;padding:40px;gap:32px}}.proof-card{background:var(--proof-card-bg);border-radius:16px;box-shadow:var(--proof-shadow);overflow:hidden;flex:1;min-width:0}.proof-guidance{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);padding:20px 24px;text-align:center;border-bottom:1px solid #d1fae5}.proof-guidance p{margin:0;color:var(--proof-text-secondary);font-size:15px;line-height:1.6}.proof-guidance .guidance-icon{display:inline-block;margin-right:8px;color:var(--proof-brand-green)}.proof-sidebar{display:flex;flex-direction:column;gap:20px;width:100%}@media(min-width:1024px){.proof-sidebar{width:380px;flex-shrink:0;position:sticky;top:24px}}.order-details-card{background:var(--proof-brand-navy);border-radius:12px;box-shadow:var(--proof-shadow);padding:20px}.order-details-card h3{margin:0 0 16px;font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:#fff9;font-weight:600}.order-details-card .order-details-grid{display:flex;flex-direction:column;gap:16px}.order-details-card .order-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px;margin:0;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.order-details-card .order-item:hover{background:#ffffff14;border-color:#ffffff1f}.order-details-card .order-item.highlighted{background:#16a34a26;border-color:#16a34a66}.order-details-card .order-item-header{margin-bottom:12px}.order-details-card .order-item-name{font-weight:600;color:#fff;font-size:14px;line-height:1.45;display:block}.order-details-card .order-attributes{display:flex;flex-direction:row;gap:20px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.order-details-card .order-detail-row{display:flex;align-items:baseline;gap:6px}.order-details-card .detail-label{color:#ffffff73;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.order-details-card .detail-value{color:#fff;font-size:13px;font-weight:600}.order-item{transition:background-color .2s ease,border-radius .2s ease;cursor:pointer}.order-item.highlighted{background:#16a34a33;border-radius:8px}.order-item-header{margin-bottom:12px}.order-item-name{font-weight:600;color:#fff;font-size:15px;line-height:1.4}.order-detail-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.detail-label{color:#fff9;font-size:13px;font-weight:500}.detail-value{color:#fff;font-size:14px;font-weight:600}.feedback-history-card{background:var(--proof-card-bg);border-radius:12px;box-shadow:var(--proof-shadow);padding:24px}.feedback-history-card h3{margin:0 0 16px;font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:var(--proof-text-muted);font-weight:600}.proof-approved-banner{background:#e8f5e9;color:#2e7d32;padding:4px 24px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;font-size:14px;border-bottom:1px solid #c8e6c9}.proof-approved-banner .approved-icon{font-size:12px;width:18px;height:18px;background:#2e7d32;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.proof-draft-banner{background:#fff8e1;color:#f57c00;padding:4px 24px;text-align:center;font-weight:500;font-size:14px;border-bottom:1px solid #ffe082}.proof-changes-banner{background:#dc2626;color:#fff;padding:8px 24px;text-align:center;font-weight:500;font-size:13px;line-height:1.3}.proof-changes-banner .changes-icon{display:none}.proof-viewer-page .feedback-items-container{display:flex;flex-direction:column;gap:10px}.proof-viewer-page .feedback-item{background:var(--proof-bg);border-radius:8px;padding:12px 14px;border-left:3px solid var(--proof-border)}.proof-viewer-page .feedback-item.changes_requested{border-left-color:#dc2626}.proof-viewer-page .feedback-item.approved{border-left-color:var(--proof-brand-green)}.proof-viewer-page .feedback-item.comment{border-left-color:var(--proof-text-muted)}.proof-viewer-page .feedback-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.proof-viewer-page .feedback-type{font-weight:600;font-size:11px;padding:3px 8px;border-radius:4px}.proof-viewer-page .feedback-type.changes_requested{background:#dc26261a;color:#dc2626}.proof-viewer-page .feedback-type.approved{background:#16a34a1a;color:var(--proof-brand-green)}.proof-viewer-page .feedback-type.comment{background:#6464641a;color:var(--proof-text-secondary)}.proof-viewer-page .feedback-date{font-size:11px;color:var(--proof-text-muted);margin-left:auto}.proof-viewer-page .feedback-comment{margin-top:8px;font-style:normal;color:var(--proof-text-secondary);font-size:13px;line-height:1.5;white-space:pre-wrap}.proof-viewer-page .feedback-author{font-weight:600;font-size:12px;color:var(--proof-text)}.proof-viewer-page .feedback-item.admin{border-left-color:var(--proof-brand-navy);background:#0d2a4a0a}.proof-viewer-page .feedback-item.admin .feedback-author{color:var(--proof-brand-navy)}.proof-viewer-page .feedback-item.customer{border-left-color:var(--proof-text-muted)}.confirmation-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 16px}.confirmation-icon.success{background:#e8f5e9;color:#2e7d32}.approval-confirmation h3,.changes-confirmation h3{text-align:center;color:var(--proof-text)}.approval-confirmation p,.changes-confirmation p{text-align:center;color:var(--proof-text-secondary)}.version-selector{padding:16px 24px;background:var(--proof-bg);display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.version-selector label{color:var(--proof-text-secondary);font-size:14px;font-weight:500}.version-buttons{display:flex;gap:8px}.version-btn{padding:8px 18px;border:1px solid var(--proof-border);border-radius:6px;background:var(--proof-card-bg);color:var(--proof-text-secondary);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.version-btn:hover{border-color:var(--proof-brand-navy);color:var(--proof-brand-navy)}.version-btn.active{background:var(--proof-brand-navy);color:#fff;border-color:var(--proof-brand-navy)}.proof-gallery{padding:24px}.no-files{text-align:center;padding:60px 20px;color:var(--proof-text-muted);background:var(--proof-bg);border-radius:12px}.gallery-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:600px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.gallery-item{position:relative;background:var(--proof-bg);border:2px solid transparent;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .25s ease}.gallery-item:hover{transform:scale(1.02);border-color:var(--proof-brand-green);box-shadow:0 8px 30px #16a34a26}.gallery-item:after{content:"Click to enlarge";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#16a34af2;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;opacity:0;transition:opacity .25s ease;pointer-events:none}.gallery-item:hover:after{opacity:1}.gallery-item img{width:100%;height:auto;display:block;transition:filter .25s ease}.gallery-item:hover img{filter:brightness(.92)}.gallery-item.highlighted{transform:scale(1.02);border-color:var(--proof-brand-green);box-shadow:0 0 0 3px #16a34a4d,0 8px 30px #16a34a26}.gallery-item.highlighted img{filter:brightness(.95)}.gallery-item .size-label{position:absolute;bottom:12px;left:12px;background:var(--proof-brand-navy);color:#fff;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;letter-spacing:.3px;box-shadow:0 2px 8px #0003}.proof-actions{padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;background:linear-gradient(to top,#fff,#fffffff2);border-top:1px solid var(--proof-border)}@media(min-width:480px){.proof-actions{flex-direction:row;justify-content:center;padding:28px 32px}}.btn-approve{background:var(--proof-brand-green);color:#fff;padding:18px 48px;font-size:18px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #16a34a66;text-transform:none;letter-spacing:.3px}.btn-approve:hover{background:var(--proof-brand-green-hover);box-shadow:0 6px 20px #16a34a80;transform:translateY(-2px)}.btn-approve:active{transform:translateY(0);box-shadow:0 2px 8px #16a34a66}.btn-changes{background:transparent;color:var(--proof-text-muted);padding:16px 32px;font-size:15px;font-weight:500;border:1.5px solid var(--proof-border);border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-changes:hover{border-color:var(--proof-text-secondary);color:var(--proof-text-secondary);background:#00000005}.feedback-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0d2a4ad9;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.feedback-form{background:var(--proof-card-bg);border-radius:16px;padding:36px;max-width:480px;width:100%;box-shadow:0 20px 60px #0000004d}.feedback-form h3{margin:0 0 24px;font-size:1.35rem;color:var(--proof-text);font-weight:600}.feedback-form .form-group{margin-bottom:20px}.feedback-form .form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--proof-text);font-size:14px}.feedback-form .form-group input,.feedback-form .form-group textarea{width:100%;padding:14px 16px;border:1px solid var(--proof-border);border-radius:8px;font-size:15px;background:var(--proof-bg);color:var(--proof-text);font-family:inherit;resize:vertical;transition:border-color .2s}.feedback-form .form-group input:focus,.feedback-form .form-group textarea:focus{outline:none;border-color:var(--proof-brand-navy)}.feedback-form .form-group input::placeholder,.feedback-form .form-group textarea::placeholder{color:var(--proof-text-muted)}.feedback-form .approval-note{background:#fff8e1;color:#e65100;padding:16px 18px;border-radius:8px;font-size:14px;line-height:1.6;margin-bottom:24px;border-left:4px solid #ff9800}.feedback-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:28px}.feedback-form .form-actions .btn{padding:14px 28px;font-size:15px;border-radius:8px}.feedback-form .form-actions .btn-secondary{background:var(--proof-bg);color:var(--proof-text-secondary);border:1px solid var(--proof-border)}.feedback-form .form-actions .btn-secondary:hover{background:var(--proof-border)}.file-upload-zone{margin-top:8px}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:2px dashed var(--proof-border);border-radius:8px;background:var(--proof-bg);cursor:pointer;transition:all .2s;color:var(--proof-text-secondary);font-size:14px;gap:8px}.upload-label:hover{border-color:var(--proof-brand-gold);background:#c5a4670d}.upload-label.uploading{cursor:wait;opacity:.7}.upload-icon{font-size:24px;font-weight:700;color:var(--proof-brand-gold)}.upload-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--proof-border);border-top-color:var(--proof-brand-gold);border-radius:50%;animation:spin .8s linear infinite}.upload-hint{margin-top:8px;font-size:12px;color:var(--proof-text-muted);text-align:center}.upload-error{margin-top:8px;padding:8px 12px;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:6px;color:#dc3545;font-size:13px}.uploaded-files-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.uploaded-file-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--proof-bg);border:1px solid var(--proof-border);border-radius:6px}.uploaded-file-item .file-name{flex:1;font-size:13px;color:var(--proof-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploaded-file-item .file-size{font-size:12px;color:var(--proof-text-muted)}.remove-file-btn{background:none;border:none;color:var(--proof-text-muted);cursor:pointer;font-size:16px;padding:2px 6px;border-radius:4px;transition:all .2s}.remove-file-btn:hover{background:#dc35451a;color:#dc3545}.feedback-attachments{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.attachment-link{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#c5a4671a;border:1px solid rgba(197,164,103,.3);border-radius:4px;color:var(--proof-brand-gold);text-decoration:none;font-size:12px;transition:all .2s}.attachment-link:hover{background:#c5a46733;border-color:var(--proof-brand-gold)}.attachment-icon{font-size:14px}.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:#0d2a4af7;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.lightbox-content{position:relative;max-width:90vw;max-height:90vh}.lightbox-content img{max-width:100%;max-height:85vh;display:block;border-radius:12px;box-shadow:0 20px 60px #00000080}.lightbox-close{position:absolute;top:-50px;right:0;background:#ffffff1a;border:none;color:#fff;font-size:28px;cursor:pointer;padding:8px 14px;line-height:1;border-radius:8px;transition:background .2s}.lightbox-close:hover{background:#fff3}.lightbox-caption{text-align:center;padding:16px;color:#fffc;font-size:14px;font-weight:500}.proof-footer{text-align:center;padding:40px 20px;background:var(--proof-header-bg);border-top:1px solid var(--proof-border);margin-top:0}.proof-footer-logo{height:50px;width:auto;margin-bottom:12px}.proof-footer-brand{font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--proof-brand-navy);margin-bottom:8px}.proof-footer p{color:var(--proof-text-muted);font-size:13px;margin:0}.proof-card .feedback-history-card.mobile-only{display:none}@media(max-width:600px){.proof-card .feedback-history-card.mobile-only{display:block;margin:0 16px 16px;border-radius:12px}.proof-sidebar .feedback-history-card{display:none}.proof-header{padding:20px 16px}.proof-header h1{font-size:1.2rem}.proof-logo{height:60px}.proof-main-content{padding:16px 12px 32px;gap:16px}.proof-card{border-radius:12px}.proof-guidance{padding:16px}.proof-guidance p{font-size:14px}.proof-gallery{padding:16px}.gallery-item:after{display:none}.proof-actions{padding:20px 16px;gap:12px}.proof-actions .btn-approve{width:100%;padding:18px 24px;font-size:17px}.proof-actions .btn-changes{width:100%;padding:14px 24px}.order-details-card,.feedback-history-card{padding:20px}.feedback-form{padding:24px 20px;border-radius:12px}.feedback-form h3{font-size:1.2rem}.feedback-form .form-actions{flex-direction:column}.feedback-form .form-actions .btn{width:100%}.proof-footer{padding:32px 16px}.version-selector{padding:12px 16px}.version-btn{padding:8px 14px;font-size:13px}}@media(min-width:768px){.proof-header{padding:24px 40px}.proof-header h1{font-size:1.35rem}.proof-logo{height:80px}.proof-main-content{padding:32px}.proof-guidance{padding:20px 28px}.proof-gallery{padding:28px}.gallery-grid{gap:24px}.proof-actions{padding:28px}.feedback-form{padding:36px;max-width:520px}.feedback-form h3{font-size:1.4rem}.lightbox-content{max-width:85vw;max-height:85vh}.lightbox-content img{max-height:80vh;border-radius:16px}}@media(min-width:1024px){.proof-header{padding:28px 60px}.proof-header h1{font-size:1.5rem}.proof-logo{height:90px}.proof-gallery{padding:32px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:28px}.proof-actions{padding:32px}.btn-approve,.btn-changes{padding:20px 56px;font-size:18px;border-radius:10px}.feedback-form-overlay{padding:40px}.feedback-form{max-width:560px;padding:48px;border-radius:20px}.feedback-form h3{font-size:1.6rem;margin-bottom:32px}.feedback-form .form-group{margin-bottom:24px}.feedback-form .form-group input,.feedback-form .form-group textarea{padding:16px 18px;font-size:16px}.feedback-form .form-actions{margin-top:36px}.feedback-form .form-actions .btn{padding:16px 32px;font-size:16px}.proof-footer{padding:36px 60px}.proof-footer-logo{height:44px;margin-bottom:12px}.proof-footer p{font-size:13px}}@media(min-width:1400px){.proof-header{padding:32px 80px}.proof-logo{height:100px}.proof-header h1{font-size:1.6rem}.proof-main-content{padding:48px 60px;max-width:1600px}.proof-sidebar{width:400px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:32px}.lightbox-content{max-width:80vw}.lightbox-content img{max-height:85vh}}.proofs-table{overflow-x:auto}.proofs-table table{width:100%;border-collapse:collapse}.proofs-table th,.proofs-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.proofs-table th{background:var(--bg-surface);color:var(--text-secondary);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.proofs-table tr:hover td{background:var(--bg-card-hover)}.proof-link{color:var(--accent);text-decoration:none;font-weight:500}.proof-link:hover{text-decoration:underline}.customer-info{display:flex;flex-direction:column;gap:2px}.customer-name{color:var(--text-primary)}.customer-email{color:var(--text-muted);font-size:12px}.action-buttons{display:flex;gap:8px}.orders-table{overflow-x:auto}.orders-table table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.orders-table th{background:var(--bg-surface);color:var(--text-secondary);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.orders-table tbody tr{cursor:pointer;transition:background .2s}.orders-table tbody tr:hover td{background:var(--bg-card-hover)}.orders-table tbody tr.row-age-fresh td{background-color:#22c55e2e}.orders-table tbody tr.row-age-recent td{background-color:#f59e0b38}.orders-table tbody tr.row-age-aging td{background-color:#f59e0b52}.orders-table tbody tr.row-age-stale td{background-color:#ef444447}.orders-table tbody tr.row-age-fresh:hover td{background-color:#22c55e40}.orders-table tbody tr.row-age-recent:hover td{background-color:#f59e0b4d}.orders-table tbody tr.row-age-aging:hover td{background-color:#f59e0b66}.orders-table tbody tr.row-age-stale:hover td{background-color:#ef444459}.order-link{color:var(--accent);font-weight:500}.proof-number-cell{color:var(--brand-purple, #9f7aea);font-weight:500}.text-muted{color:var(--text-muted)}.filters-right,.header-actions{display:flex;gap:12px;align-items:center}.order-detail-page{max-width:1200px;margin:0 auto;padding:var(--space-lg)}.order-detail-page .page-header{margin-bottom:var(--space-xl)}.order-detail-page .page-header .header-left{display:flex;align-items:center;gap:16px}.order-detail-page .page-header h1{margin:0}.order-detail-page .order-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--bg-card);border-radius:8px;border:1px solid var(--border-color)}.order-detail-page .line-items-section{margin-bottom:var(--space-xl)}.order-detail-page .line-items-section h2{margin-bottom:var(--space-md);font-size:1.25rem}.order-detail-page .order-actions{display:flex;gap:12px;padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.status-alert{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border-radius:8px;margin-bottom:var(--space-md)}.status-alert-warning{background:#b2444126;border:1px solid rgba(178,68,65,.3)}.status-alert-icon{width:32px;height:32px;border-radius:50%;background:#b24441;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.status-alert-content{display:flex;flex-direction:column;gap:4px}.status-alert-content strong{color:#b24441;font-size:16px}.status-alert-content span{color:var(--text-secondary);font-size:14px}.comment-thread-card{margin-bottom:var(--space-md)}.comment-thread-card .card-header{display:flex;justify-content:space-between;align-items:center}.comment-count{font-size:12px;color:var(--text-muted);background:var(--bg-secondary);padding:4px 10px;border-radius:12px}.comment-thread{max-height:400px;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.comment-item{padding:var(--space-md);border-radius:8px;border-left:3px solid}.comment-item.customer{background:#b2444114;border-left-color:#b24441}.comment-item.admin{background:#0d2a4a14;border-left-color:#0d2a4a}.comment-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:8px;flex-wrap:wrap}.comment-author{font-weight:600;color:var(--text-primary)}.comment-type{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500}.comment-type.changes_requested{background:#b2444133;color:#b24441}.comment-type.approved{background:#2e7d3233;color:#2e7d32}.comment-date{font-size:12px;color:var(--text-muted);margin-left:auto}.comment-body{color:var(--text-primary);line-height:1.5;white-space:pre-wrap}.comment-attachments{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.comment-attachments .attachment-link{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--accent-primary);text-decoration:none;font-size:12px;transition:all .2s}.comment-attachments .attachment-link:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.comment-attachments .attachment-icon{font-size:14px}.comment-reply{padding:var(--space-md);border-top:1px solid var(--border-color);display:flex;gap:var(--space-sm)}.comment-reply textarea{flex:1;background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;padding:10px 12px;color:var(--text-primary);resize:vertical;min-height:60px}.comment-reply textarea:focus{outline:none;border-color:var(--accent)}.comment-reply .btn{align-self:flex-end}.proof-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.header-left{display:flex;align-items:center;gap:var(--space-lg);flex-shrink:0;min-width:0}.header-left h1{white-space:nowrap;margin:0}.header-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:center;justify-content:flex-end}.generate-group-controls{display:flex;gap:var(--space-xs);align-items:center;padding-left:var(--space-sm);border-left:1px solid var(--border-color);margin-left:var(--space-xs)}.template-group-select{padding:8px 12px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);font-size:14px;cursor:pointer}.template-group-select:focus{outline:none;border-color:var(--accent)}.empty-state.small{padding:var(--space-md);text-align:center}.empty-state.small p{margin:0;color:var(--text-muted);font-size:14px}.back-link{color:var(--text-secondary);text-decoration:none;font-size:14px}.proof-nav-arrows{display:flex;align-items:center;gap:4px;background:var(--bg-tertiary);padding:4px 8px;border-radius:6px;border:1px solid var(--border-color)}.nav-arrow{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 8px;font-size:12px;border-radius:4px;transition:all .15s ease}.nav-arrow:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.nav-position{font-size:12px;color:var(--text-muted);min-width:50px;text-align:center}.info-row{margin-bottom:var(--space-md)}.info-row label{display:block;color:var(--text-secondary);font-size:12px;margin-bottom:4px}.info-row input,.info-row textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;color:var(--text-primary);font-size:14px}.info-row textarea{resize:vertical}.timeline{display:flex;flex-direction:column;gap:12px}.timeline-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color)}.timeline-item:last-child{border-bottom:none}.timeline-item.success .timeline-value{color:var(--success)}.timeline-item.reminder .timeline-label{color:var(--text-muted);font-style:italic}.timeline-item.reminder .timeline-value{color:var(--text-muted)}.timeline-label{color:var(--text-secondary);font-size:13px}.timeline-value{color:var(--text-primary);font-size:13px}.version-tabs{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-color);overflow-x:auto}.version-tab{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;padding:8px 16px;color:var(--text-secondary);font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap}.version-tab:hover{border-color:var(--text-muted)}.version-tab.active{background:var(--accent);border-color:var(--accent);color:var(--bg-dark)}.current-badge{background:var(--success-bg);color:var(--success);font-size:10px;padding:2px 6px;border-radius:10px;text-transform:uppercase}.version-tab.active .current-badge{background:#0003;color:var(--bg-dark)}.proof-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:16px}.proof-file-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.file-preview{aspect-ratio:1;overflow:hidden;cursor:pointer}.file-preview img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.file-preview:hover img{transform:scale(1.05)}.file-info{padding:12px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color)}.file-name{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.file-info{flex-wrap:wrap;gap:8px}.file-link-select{font-size:11px;padding:4px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);max-width:150px;overflow:hidden;text-overflow:ellipsis}.file-link-select:focus{outline:none;border-color:var(--accent-color)}.empty-files{padding:48px;text-align:center;color:var(--text-muted)}.empty-files p{margin-bottom:16px}.feedback-list{padding:16px;display:flex;flex-direction:column;gap:12px}.feedback-item{background:var(--bg-surface);border-radius:8px;padding:16px;border-left:3px solid var(--border-color)}.feedback-item.approved{border-left-color:var(--success)}.feedback-item.changes_requested{border-left-color:var(--warning)}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.feedback-status{font-size:12px;font-weight:500;text-transform:uppercase}.feedback-status.approved{color:var(--success)}.feedback-status.changes_requested{color:var(--warning)}.feedback-date{font-size:12px;color:var(--text-muted)}.feedback-comment{color:var(--text-secondary);font-style:italic;line-height:1.5}.file-upload-wrapper{display:flex;align-items:center}.filters-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.filters-bar .search-input{min-width:250px}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--text-muted)}.empty-state svg{width:64px;height:64px;color:var(--border-light);margin-bottom:var(--space-md)}.empty-state h3{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--text-secondary);margin:0 0 var(--space-sm) 0}.empty-state p{margin-bottom:var(--space-md);font-size:var(--text-base);color:var(--text-muted);max-width:400px;margin-left:auto;margin-right:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#061222e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-lg);animation:modalFadeIn var(--transition-base)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalSlideIn var(--transition-slow)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-lg);border-bottom:1px solid var(--border-color);background:var(--bg-elevated)}.modal-header h2{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.modal-close{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:var(--space-xs);line-height:1;border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{color:var(--text-primary);background:var(--bg-surface)}.modal-body{padding:var(--space-lg)}.modal-footer,.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal-wide{max-width:640px}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.message-header label{margin-bottom:0}.template-buttons{display:flex;gap:6px}.btn-xs{padding:4px 10px;font-size:11px;border-radius:4px}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-outline:hover{background:var(--bg-secondary);color:var(--text-primary)}.message-textarea{width:100%;font-family:inherit;line-height:1.5;resize:vertical}.form-hint{display:block;color:var(--text-muted);font-size:12px;margin-top:4px}.btn-small{padding:6px 12px;font-size:12px}.templates-list{display:flex;flex-direction:column;gap:var(--space-md)}.template-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:var(--space-md)}.template-card h3{margin:0;font-size:16px;color:var(--text-primary)}.template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.template-content{color:var(--text-secondary);font-size:14px;line-height:1.6;white-space:pre-wrap;background:var(--bg-secondary);padding:var(--space-sm) var(--space-md);border-radius:6px;max-height:200px;overflow-y:auto}.template-actions{display:flex;gap:var(--space-sm)}.template-edit-form .form-group,.template-add-form .form-group{margin-bottom:var(--space-md)}.template-edit-form .form-group label,.template-add-form .form-group label{display:block;margin-bottom:6px;font-size:13px;color:var(--text-secondary)}.template-edit-form .form-group input,.template-edit-form .form-group textarea,.template-add-form .form-group input,.template-add-form .form-group textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;padding:10px 12px;color:var(--text-primary);font-family:inherit}.template-edit-form .form-group textarea,.template-add-form .form-group textarea{resize:vertical;line-height:1.5}.template-edit-form .form-group input:focus,.template-edit-form .form-group textarea:focus,.template-add-form .form-group input:focus,.template-add-form .form-group textarea:focus{outline:none;border-color:var(--accent)}.template-add-form{border:2px dashed var(--border-color);background:transparent}.template-add-form h3{margin-bottom:var(--space-md)}.settings-header{margin-bottom:var(--space-lg)}.settings-header h2{margin:0 0 8px}.settings-description{color:var(--text-secondary);font-size:14px;margin:0}.line-item-selection{max-height:300px;overflow-y:auto;margin:1rem 0}.line-item-checkbox{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;margin-bottom:.5rem;cursor:pointer;transition:background .2s}.line-item-checkbox:hover{background:var(--bg-hover)}.line-item-checkbox input[type=checkbox]{margin-top:.25rem;width:16px;height:16px;accent-color:var(--accent-color)}.line-item-checkbox .product-info{flex:1}.line-item-checkbox .product-info strong{color:var(--text-primary)}.line-item-checkbox .quantity{color:var(--text-muted);font-size:.875rem}.selection-actions{display:flex;gap:.5rem;margin-top:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.line-items-list{display:flex;flex-direction:column;gap:.5rem}.line-item-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.line-item-row:last-child{border-bottom:none}.line-item-row .product-name{font-weight:500;color:var(--text-primary)}.line-item-row .variant-name{color:var(--text-muted)}.line-item-row .quantity{margin-left:auto;color:var(--text-muted);font-size:.875rem;background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:4px}.line-item-row.with-preview{padding:.75rem 0;gap:.75rem}.line-item-preview{width:60px;height:60px;border-radius:6px;overflow:hidden;flex-shrink:0;cursor:pointer;border:2px solid var(--border-color);transition:border-color .2s ease,transform .2s ease}.line-item-preview:hover{border-color:var(--accent-color);transform:scale(1.05)}.line-item-preview img{width:100%;height:100%;object-fit:cover}.line-item-preview.empty{display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);cursor:default;border-style:dashed}.line-item-preview.empty:hover{border-color:var(--border-color);transform:none}.line-item-preview.empty span{font-size:10px;color:var(--text-muted);text-align:center}.line-item-preview.file-link{display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);text-decoration:none}.line-item-preview.file-link:hover{background:var(--bg-secondary)}.line-item-preview .file-icon{font-size:11px;font-weight:600;color:var(--accent-color);text-transform:uppercase;padding:4px 6px;background:#6366f126;border-radius:4px}.line-item-info{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;flex:1;min-width:0}.line-item-info .quantity{margin-left:auto}.line-item-actions{flex-shrink:0;margin-left:auto}.line-item-row.with-preview .line-item-info{flex:1}.line-item-row.with-preview .line-item-actions{margin-left:var(--space-sm)}.proof-items{background:var(--proof-header-bg);border-radius:8px;padding:16px 24px;margin:0 auto 16px;max-width:600px;border:1px solid var(--proof-border)}.proof-items h3{margin:0 0 12px;font-size:14px;color:var(--proof-brand-navy);font-weight:600}.proof-items .items-list{list-style:none;padding:0;margin:0}.proof-items .item-entry{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:8px 0;border-bottom:1px solid var(--proof-border)}.proof-items .item-entry:last-child{border-bottom:none}.proof-items .item-name{font-weight:500;color:var(--proof-brand-navy)}.proof-items .item-variant{color:#666}.proof-items .item-quantity{margin-left:auto;color:#666;background:var(--proof-bg);padding:4px 10px;border-radius:4px;font-size:13px}@media(min-width:768px){.proof-items{padding:20px 32px}}@media(min-width:1024px){.proof-items{max-width:700px}}.dropbox-files-grid{display:flex;flex-direction:column;gap:8px;padding:16px}.dropbox-file-card{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-input);border-radius:8px;border:1px solid var(--border-color)}.dropbox-file-info{display:flex;flex-direction:column;gap:4px;overflow:hidden}.dropbox-file-info .file-name{font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px}.dropbox-file-info .file-size{font-size:12px;color:var(--text-muted)}.dropbox-files-hint{padding:8px 16px 16px;font-size:12px;color:var(--text-muted);font-style:italic}.page-container{padding:24px;max-width:1400px;margin:0 auto}.page-header-left{display:flex;flex-direction:column;gap:4px}.page-header-right{display:flex;gap:12px}.back-link{color:var(--text-muted);text-decoration:none;font-size:13px}.back-link:hover{color:var(--text-primary)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:24px}.card h2{margin:0 0 20px;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.card h3{margin:0 0 12px;font-size:1rem;font-weight:500;color:var(--text-secondary)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header h2{margin:0}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.data-table td{padding:16px;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.data-table tr:hover{background:var(--bg-card-hover)}.data-table tr.selected{background:var(--bg-surface)}.data-table .actions-cell{display:flex;gap:8px}.product-name-link{color:var(--text-primary);text-decoration:none;font-weight:500}.product-name-link:hover{text-decoration:underline}.product-slug{font-size:12px;color:var(--text-muted);font-family:monospace}.product-editor-layout{display:grid;grid-template-columns:1fr 300px;gap:24px}.product-editor-main{min-width:0}.product-editor-sidebar .card{padding:16px}.url-display{display:block;background:var(--bg-input);padding:8px 12px;border-radius:6px;font-size:13px;color:var(--text-muted);word-break:break-all}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.image-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.image-item img{width:100%;height:100%;object-fit:cover}.image-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#000000b3;color:#fff;border:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.image-remove:hover{background:var(--error)}.orders-layout{display:grid;grid-template-columns:1fr 400px;gap:24px}.orders-list{overflow-x:auto}.order-detail-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:0;position:sticky;top:80px;max-height:calc(100vh - 120px);overflow-y:auto}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-card);z-index:1}.panel-header h2{margin:0;font-size:1rem}.panel-close{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:0;line-height:1}.panel-close:hover{color:var(--text-primary)}.panel-section{padding:16px 20px;border-bottom:1px solid var(--border-color)}.panel-section:last-child{border-bottom:none}.panel-section h3{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-muted);margin:0 0 8px}.panel-section p{margin:4px 0;color:var(--text-secondary)}.status-actions{margin-top:12px;display:flex;gap:8px}.order-item{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:8px 0;border-bottom:1px solid var(--border-color)}.order-item:last-child{border-bottom:none}.order-item-info{font-size:14px}.order-item-qty{color:var(--text-muted);font-size:13px}.order-item-total{font-weight:500}.reorder-badge{display:inline-block;background:var(--purple-bg);color:var(--purple);padding:2px 8px;border-radius:4px;font-size:11px;margin-left:8px}.order-totals .total-row{display:flex;justify-content:space-between;padding:6px 0;color:var(--text-secondary)}.order-totals .total-final{font-weight:600;font-size:1.1rem;color:var(--text-primary);padding-top:12px;margin-top:8px;border-top:1px solid var(--border-color)}.filter-buttons{display:flex;gap:var(--space-sm)}.filter-btn{padding:var(--space-xs) var(--space-md);border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);letter-spacing:var(--tracking-wide)}.filter-btn:hover{border-color:var(--border-light);background:var(--bg-elevated);color:var(--text-primary)}.filter-btn.active{background:var(--brand-red);border-color:var(--brand-red);color:#fff;box-shadow:var(--shadow-glow)}.settings-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:16px}.tab-btn{padding:10px 20px;background:transparent;border:1px solid transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.tab-btn:hover{color:var(--text-primary);background:var(--bg-surface)}.tab-btn.active{background:var(--bg-surface);border-color:var(--border-color);color:var(--text-primary)}.settings-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px}.settings-section h2{margin:0 0 20px;font-size:1.1rem;font-weight:600;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.settings-section h2:not(:first-child){margin-top:32px}.settings-section h3{margin:24px 0 12px;font-size:1rem;font-weight:500;color:var(--text-secondary)}.settings-help{color:var(--text-muted);font-size:13px;margin-bottom:16px}.settings-help a{color:var(--info)}.input-help{color:var(--text-muted);font-size:12px;margin-top:4px}.form-row{display:flex;gap:16px;flex-wrap:wrap}.form-group{margin-bottom:16px;flex:1;min-width:200px}.form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--text-secondary)}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number],.form-group input[type=tel],.form-group select,.form-group textarea{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--border-light)}.form-group input[type=checkbox]{width:auto;margin-right:8px}.empty-state{text-align:center;padding:60px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px}.empty-state h2{margin:0 0 8px;color:var(--text-primary)}.empty-state p{color:var(--text-muted);margin-bottom:20px}.empty-text{color:var(--text-muted);font-size:14px;text-align:center;padding:20px}.message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.message.success{background:var(--success-bg);color:var(--success);border:1px solid var(--success)}.message.error{background:var(--error-bg);color:var(--error);border:1px solid var(--error)}.small-text{font-size:12px;color:var(--text-muted)}.status-badge.active,.status-badge.status-paid{background:var(--success-bg);color:var(--success)}.status-badge.inactive,.status-badge.status-cancelled{background:var(--error-bg);color:var(--error)}.status-badge.status-pending{background:var(--warning-bg);color:var(--warning)}.status-badge.status-processing{background:var(--info-bg);color:var(--info)}.status-badge.status-shipped,.status-badge.status-delivered{background:var(--purple-bg);color:var(--purple)}.status-badge.status-refunded{background:var(--error-bg);color:var(--error)}.status-badge-sm{font-size:11px;padding:2px 8px}.btn-sm{padding:6px 12px;font-size:12px}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#dc2626}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--bg-card);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0006}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.1rem}.modal-close{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color)}.error-message{background:var(--error-bg);color:var(--error);padding:12px;border-radius:6px;margin-bottom:16px;font-size:14px}.loading{text-align:center;padding:60px;color:var(--text-muted)}@media(max-width:1200px){.product-editor-layout{grid-template-columns:1fr}.product-editor-sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.orders-layout{grid-template-columns:1fr}.order-detail-panel{position:static;max-height:none}}@media(max-width:768px){.page-container{padding:16px}.product-editor-sidebar{grid-template-columns:1fr}.form-row{flex-direction:column}.form-group{min-width:100%}}.page-header-actions{display:flex;gap:12px}.modal-lg{max-width:600px}.sync-loading{display:flex;flex-direction:column;align-items:center;padding:40px;color:var(--text-muted)}.sync-loading .spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.sync-summary{display:flex;justify-content:center;margin-bottom:24px}.sync-stat{display:flex;flex-direction:column;align-items:center;padding:20px 40px;background:var(--bg-secondary);border-radius:8px}.sync-stat-value{font-size:48px;font-weight:700;color:var(--primary)}.sync-stat-label{font-size:14px;color:var(--text-muted);margin-top:4px}.sync-preview h4{margin:0 0 12px;font-size:14px;color:var(--text-muted)}.sync-preview-list{max-height:200px;overflow-y:auto;border:1px solid var(--border-color);border-radius:6px;margin-bottom:16px}.sync-preview-item{padding:12px;border-bottom:1px solid var(--border-color)}.sync-preview-item:last-child{border-bottom:none}.sync-preview-name{font-weight:500;margin-bottom:4px}.sync-preview-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--text-muted)}.sync-preview-meta .status-badge{font-size:11px;padding:2px 8px}.sync-info{background:var(--bg-secondary);padding:12px;border-radius:6px;font-size:13px;color:var(--text-muted)}.sync-info p{margin:0}.sync-result{text-align:center;padding:20px}.sync-result.success .sync-result-icon{font-size:48px;color:var(--success);margin-bottom:8px}.sync-result h3{margin:0 0 24px;color:var(--success)}.sync-result-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.sync-result-stat{background:var(--bg-secondary);padding:16px;border-radius:8px;text-align:center}.sync-result-stat .stat-value{display:block;font-size:32px;font-weight:700;color:var(--primary)}.sync-result-stat .stat-label{display:block;font-size:12px;color:var(--text-muted);margin-top:4px}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.storefront{--sf-bg: #ffffff;--sf-bg-secondary: #f8f9fa;--sf-bg-accent: #0d2a4a;--sf-text: #1a1a1a;--sf-text-secondary: #4a4a4a;--sf-text-muted: #777777;--sf-border: #e0e0e0;--sf-border-light: #f0f0f0;--sf-brand: #b24441;--sf-brand-hover: #9a3937;--sf-success: #22c55e;--sf-error: #ef4444;--sf-shadow: 0 2px 8px rgba(0, 0, 0, .08);--sf-shadow-hover: 0 4px 16px rgba(0, 0, 0, .12);--sf-radius: 8px;--sf-radius-lg: 12px}.storefront{background:var(--sf-bg);color:var(--sf-text);min-height:100vh;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sf-header{background:var(--sf-bg-accent);color:#fff;padding:0 24px;position:sticky;top:0;z-index:100}.sf-header-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.sf-logo{font-size:20px;font-weight:700;color:#fff;text-decoration:none}.sf-nav{display:flex;gap:24px}.sf-nav-link{color:#ffffffe6;text-decoration:none;font-size:15px;transition:color .2s}.sf-nav-link:hover{color:#fff}.sf-header-actions{display:flex;align-items:center;gap:16px}.sf-cart-link{position:relative;color:#fff;display:flex;align-items:center;padding:8px}.sf-cart-icon{width:24px;height:24px}.sf-cart-badge{position:absolute;top:0;right:0;background:var(--sf-brand);color:#fff;font-size:11px;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.sf-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.sf-menu-bar{width:24px;height:2px;background:#fff;transition:.2s}.sf-main{flex:1;padding:0 24px 32px}.sf-main:has(.shop-homepage){padding:0}.sf-container{max-width:1200px;margin:0 auto}.sf-page-header{margin-bottom:32px}.sf-page-header h1{font-size:28px;font-weight:600;color:var(--sf-text);margin:0}.sf-loading{text-align:center;padding:64px 24px;color:var(--sf-text-muted)}.sf-empty-state{text-align:center;padding:64px 24px}.sf-empty-icon{width:64px;height:64px;color:var(--sf-text-muted);margin-bottom:16px}.sf-empty-state p{color:var(--sf-text-muted);margin-bottom:24px}.sf-error-state{text-align:center;padding:64px 24px}.sf-category-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.sf-category-btn{padding:8px 16px;border-radius:20px;background:var(--sf-bg-secondary);color:var(--sf-text-secondary);text-decoration:none;font-size:14px;transition:all .2s}.sf-category-btn:hover,.sf-category-btn.active{background:var(--sf-bg-accent);color:#fff}.sf-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.sf-product-card{background:var(--sf-bg);border:1px solid var(--sf-border);border-radius:var(--sf-radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:all .2s}.sf-product-card:hover{box-shadow:var(--sf-shadow-hover);transform:translateY(-2px)}.sf-product-image{aspect-ratio:1;background:var(--sf-bg-secondary);display:flex;align-items:center;justify-content:center}.sf-product-image img{width:100%;height:100%;object-fit:cover}.sf-product-placeholder{color:var(--sf-text-muted)}.sf-product-placeholder svg{width:48px;height:48px}.sf-product-placeholder-large svg{width:80px;height:80px}.sf-product-info{padding:16px}.sf-product-name{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--sf-text)}.sf-product-price{font-size:14px;color:var(--sf-text-secondary);margin:0}.sf-product-detail{display:grid;grid-template-columns:1fr 1fr;gap:48px}.sf-product-gallery{position:sticky;top:96px}.sf-product-main-image{width:100%;border-radius:var(--sf-radius-lg);background:var(--sf-bg-secondary)}.sf-product-options{padding:0 0 48px}.sf-product-title{font-size:32px;font-weight:600;margin:0 0 16px}.sf-product-description{color:var(--sf-text-secondary);line-height:1.6;margin-bottom:24px}.sf-product-price-display{font-size:18px;margin-bottom:24px}.sf-price-label{color:var(--sf-text-secondary);margin-right:8px}.sf-price-value{font-weight:600;color:var(--sf-text)}.sf-option-group{margin-bottom:24px}.sf-option-label{display:block;font-size:14px;font-weight:600;color:var(--sf-text);margin-bottom:8px}.sf-option-buttons{display:flex;flex-wrap:wrap;gap:8px}.sf-option-btn{padding:10px 20px;border:2px solid var(--sf-border);border-radius:var(--sf-radius);background:var(--sf-bg);color:var(--sf-text);font-size:14px;cursor:pointer;transition:all .2s}.sf-option-btn:hover{border-color:var(--sf-bg-accent)}.sf-option-btn.active{border-color:var(--sf-bg-accent);background:var(--sf-bg-accent);color:#fff}.sf-quantity-input{display:flex;align-items:center;gap:0;width:fit-content}.sf-quantity-btn{width:40px;height:40px;border:1px solid var(--sf-border);background:var(--sf-bg);font-size:18px;cursor:pointer;transition:background .2s}.sf-quantity-btn:hover{background:var(--sf-bg-secondary)}.sf-quantity-btn:first-child{border-radius:var(--sf-radius) 0 0 var(--sf-radius)}.sf-quantity-btn:last-child{border-radius:0 var(--sf-radius) var(--sf-radius) 0}.sf-quantity-field{width:60px;height:40px;border:1px solid var(--sf-border);border-left:none;border-right:none;text-align:center;font-size:16px;-moz-appearance:textfield}.sf-quantity-field::-webkit-outer-spin-button,.sf-quantity-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sf-quantity-tiers{margin-top:12px;font-size:13px;color:var(--sf-text-muted)}.sf-tier-info{margin:0 0 4px}.sf-tier{display:inline-block;background:var(--sf-bg-secondary);padding:4px 8px;border-radius:4px;margin-right:8px;margin-top:4px}.sf-reorder-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px}.sf-reorder-toggle input{width:18px;height:18px;cursor:pointer}.sf-text-input{width:100%;padding:12px 16px;border:1px solid var(--sf-border);border-radius:var(--sf-radius);font-size:15px;transition:border-color .2s}.sf-text-input:focus{outline:none;border-color:var(--sf-bg-accent)}.sf-file-upload{position:relative}.sf-file-input{position:absolute;width:0;height:0;opacity:0}.sf-file-label{display:block;padding:12px 16px;border:2px dashed var(--sf-border);border-radius:var(--sf-radius);text-align:center;cursor:pointer;color:var(--sf-text-secondary);transition:all .2s}.sf-file-label:hover{border-color:var(--sf-bg-accent);background:var(--sf-bg-secondary)}.sf-help-text{font-size:13px;color:var(--sf-text-muted);margin-top:8px}.sf-product-total{padding:16px 0;border-top:1px solid var(--sf-border);margin:24px 0;font-size:20px}.sf-total-label{color:var(--sf-text-secondary);margin-right:12px}.sf-total-value{font-weight:700;color:var(--sf-text)}.sf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--sf-radius);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;border:none}.sf-btn-primary{background:var(--sf-brand);color:#fff}.sf-btn-primary:hover:not(:disabled){background:var(--sf-brand-hover)}.sf-btn-primary:disabled{opacity:.6;cursor:not-allowed}.sf-btn-large{width:100%;padding:16px 24px;font-size:16px}.sf-error-text{color:var(--sf-error);font-size:14px;margin-top:8px}.sf-error-box{background:#fef2f2;border:1px solid #fecaca;padding:12px 16px;border-radius:var(--sf-radius);margin:16px 0}.sf-cart-layout{display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:start}.sf-cart-items{display:flex;flex-direction:column;gap:16px}.sf-cart-item{display:grid;grid-template-columns:1fr auto auto auto;gap:24px;align-items:center;padding:20px;background:var(--sf-bg);border:1px solid var(--sf-border);border-radius:var(--sf-radius)}.sf-cart-item-info h3{margin:0 0 4px;font-size:16px}.sf-cart-item-info h3 a{color:var(--sf-text);text-decoration:none}.sf-cart-item-info h3 a:hover{color:var(--sf-brand)}.sf-cart-item-variant,.sf-cart-item-reorder,.sf-cart-item-artwork{font-size:13px;color:var(--sf-text-muted);margin:2px 0}.sf-cart-item-price{font-size:14px;color:var(--sf-text-secondary);margin:4px 0 0}.sf-cart-item-quantity{display:flex;align-items:center}.sf-quantity-value{padding:0 12px;font-weight:500}.sf-cart-item-total{font-weight:600;font-size:16px;min-width:80px;text-align:right}.sf-cart-item-remove{background:none;border:none;color:var(--sf-text-muted);cursor:pointer;padding:8px;transition:color .2s}.sf-cart-item-remove:hover{color:var(--sf-error)}.sf-cart-item-remove svg{width:20px;height:20px}.sf-cart-summary{background:var(--sf-bg-secondary);border-radius:var(--sf-radius-lg);padding:24px;position:sticky;top:96px}.sf-cart-summary h2{font-size:18px;margin:0 0 20px}.sf-summary-row{display:flex;justify-content:space-between;padding:12px 0;font-size:15px}.sf-summary-shipping{color:var(--sf-text-muted);border-bottom:1px solid var(--sf-border)}.sf-summary-total{font-weight:700;font-size:18px;margin-top:8px}.sf-cart-summary .sf-btn{margin-top:20px}.sf-continue-shopping{display:block;text-align:center;margin-top:16px;color:var(--sf-text-secondary);font-size:14px}.sf-checkout-layout{display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:start}.sf-checkout-steps{display:flex;gap:24px;margin-bottom:32px;grid-column:1 / -1}.sf-step{display:flex;align-items:center;gap:8px;color:var(--sf-text-muted)}.sf-step.active{color:var(--sf-text)}.sf-step-number{width:28px;height:28px;border-radius:50%;background:var(--sf-border);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.sf-step.active .sf-step-number{background:var(--sf-bg-accent);color:#fff}.sf-checkout-form{background:var(--sf-bg)}.sf-checkout-form h2{font-size:18px;margin:0 0 16px;padding-top:24px}.sf-checkout-form h2:first-child{padding-top:0}.sf-form-row{display:flex;gap:16px;margin-bottom:16px}.sf-form-group{flex:1}.sf-form-group.sf-form-full{flex:1 1 100%}.sf-form-group.sf-form-small{flex:0 0 100px}.sf-form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:var(--sf-text)}.sf-form-group input,.sf-form-group select{width:100%;padding:12px 14px;border:1px solid var(--sf-border);border-radius:var(--sf-radius);font-size:15px;transition:border-color .2s}.sf-form-group input:focus,.sf-form-group select:focus{outline:none;border-color:var(--sf-bg-accent)}.sf-shipping-rates{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.sf-shipping-rate{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid var(--sf-border);border-radius:var(--sf-radius);cursor:pointer;transition:all .2s}.sf-shipping-rate:hover,.sf-shipping-rate.selected{border-color:var(--sf-bg-accent)}.sf-shipping-rate input{width:18px;height:18px}.sf-rate-info{flex:1}.sf-rate-name{font-weight:500;display:block}.sf-rate-delivery{font-size:13px;color:var(--sf-text-muted)}.sf-rate-price{font-weight:600}.sf-checkout-summary{background:var(--sf-bg-secondary);border-radius:var(--sf-radius-lg);padding:24px;position:sticky;top:96px}.sf-checkout-summary h2{font-size:18px;margin:0 0 16px}.sf-summary-items{border-bottom:1px solid var(--sf-border);padding-bottom:16px;margin-bottom:16px}.sf-summary-item{display:flex;gap:8px;padding:8px 0;font-size:14px}.sf-summary-item-qty{color:var(--sf-text-muted);flex-shrink:0}.sf-summary-item-name{flex:1}.sf-summary-item-price{font-weight:500}.sf-summary-totals .sf-summary-row{padding:8px 0}.sf-payment-form{padding:24px;background:var(--sf-bg);border:1px solid var(--sf-border);border-radius:var(--sf-radius-lg)}.sf-payment-loading{text-align:center;padding:48px 24px}.sf-spinner{width:32px;height:32px;border:3px solid var(--sf-border);border-top-color:var(--sf-bg-accent);border-radius:50%;animation:sf-spin 1s linear infinite;margin:0 auto 16px}@keyframes sf-spin{to{transform:rotate(360deg)}}.sf-card-container-wrapper{margin-bottom:24px}.sf-payment-label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.sf-card-container{padding:16px;border:1px solid var(--sf-border);border-radius:var(--sf-radius);background:#fff;min-height:56px}.sf-payment-amount{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid var(--sf-border);margin-bottom:16px;font-size:16px}.sf-btn-pay{margin-bottom:16px}.sf-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:sf-spin 1s linear infinite}.sf-payment-secure{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--sf-text-muted);margin:0}.sf-lock-icon{width:14px;height:14px}.sf-confirmation{max-width:600px;margin:0 auto;text-align:center;padding:48px 24px}.sf-confirmation-icon{width:80px;height:80px;background:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.sf-confirmation-icon svg{width:48px;height:48px;color:var(--sf-success)}.sf-confirmation h1{font-size:28px;margin:0 0 16px}.sf-confirmation-order{font-size:18px;color:var(--sf-text-secondary);margin-bottom:24px}.sf-confirmation-message{color:var(--sf-text-secondary);line-height:1.6;margin-bottom:32px}.sf-confirmation-next{text-align:left;background:var(--sf-bg-secondary);padding:24px;border-radius:var(--sf-radius-lg);margin-bottom:32px}.sf-confirmation-next h2{font-size:16px;margin:0 0 12px}.sf-confirmation-next ul{margin:0;padding-left:20px}.sf-confirmation-next li{padding:4px 0;color:var(--sf-text-secondary)}.sf-confirmation-actions{margin-bottom:32px}.sf-confirmation-contact{font-size:14px;color:var(--sf-text-muted)}.sf-confirmation-contact a{color:var(--sf-brand)}.sf-order-info{background:var(--sf-bg-secondary);padding:12px 16px;border-radius:var(--sf-radius);margin-bottom:24px}.sf-footer-container{max-width:1200px;margin:0 auto;padding:48px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.sf-footer-section h4{font-size:14px;font-weight:600;margin:0 0 16px;color:var(--sf-text)}.sf-footer-section p{color:var(--sf-text-secondary);font-size:14px;line-height:1.5;margin:0}.sf-footer-section a{display:block;color:var(--sf-text-secondary);text-decoration:none;font-size:14px;padding:4px 0}.sf-footer-section a:hover{color:var(--sf-brand)}.sf-footer-bottom{border-top:1px solid var(--sf-border);padding:20px 24px;text-align:center}.sf-footer-bottom p{margin:0;font-size:13px;color:var(--sf-text-muted)}.sf-announcement{background:var(--sf-text);color:#fff;text-align:center;padding:8px 16px;font-size:13px}.sf-announcement p{margin:0}.sf-header{background:#fff;border-bottom:1px solid var(--sf-border);position:sticky;top:0;z-index:100}.sf-header-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 24px}.sf-logo{text-decoration:none;display:flex;align-items:center}.sf-logo-text{font-size:22px;font-weight:700;color:var(--sf-text);letter-spacing:-.5px}.sf-nav-desktop{display:flex;align-items:center;gap:32px}.sf-nav-desktop .sf-nav-link{color:var(--sf-text);text-decoration:none;font-size:15px;font-weight:500;display:flex;align-items:center;gap:4px;padding:8px 0;transition:color .2s}.sf-nav-desktop .sf-nav-link:hover{color:var(--sf-brand)}.sf-nav-arrow{width:12px;height:12px}.sf-nav-dropdown{position:relative}.sf-nav-dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--sf-border);border-radius:4px;box-shadow:var(--sf-shadow-hover);min-width:200px;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s}.sf-nav-dropdown:hover .sf-nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.sf-nav-dropdown-menu a{display:block;padding:10px 16px;color:var(--sf-text);text-decoration:none;font-size:14px}.sf-nav-dropdown-menu a:hover{background:var(--sf-bg-secondary);color:var(--sf-brand)}.sf-header-actions{display:flex;align-items:center;gap:8px}.sf-header-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:none;border:none;cursor:pointer;color:var(--sf-text);position:relative;text-decoration:none;transition:background .2s}.sf-header-icon:hover{background:var(--sf-bg-secondary)}.sf-header-icon svg{width:22px;height:22px}.sf-cart-badge{position:absolute;top:2px;right:2px;background:var(--sf-brand);color:#fff;font-size:10px;font-weight:600;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.sf-search-bar{background:var(--sf-bg-secondary);padding:12px 24px}.sf-search-bar form{max-width:600px;margin:0 auto;display:flex;gap:8px}.sf-search-bar input{flex:1;padding:12px 16px;border:1px solid var(--sf-border);border-radius:4px;font-size:14px}.sf-search-bar button{padding:12px 16px;background:var(--sf-text);color:#fff;border:none;border-radius:4px;cursor:pointer}.sf-search-bar button svg{width:18px;height:18px}.sf-menu-toggle{display:none;width:40px;height:40px;padding:8px;background:none;border:none;cursor:pointer;color:var(--sf-text)}.sf-menu-toggle svg{width:24px;height:24px}.sf-nav-mobile{display:none;flex-direction:column;background:#fff;border-top:1px solid var(--sf-border);padding:16px 24px}.sf-nav-mobile.sf-nav-open{display:flex}.sf-nav-mobile a{padding:12px 0;color:var(--sf-text);text-decoration:none;font-size:15px;border-bottom:1px solid var(--sf-border-light)}.sf-hide-mobile{display:flex}.sf-product-page{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:24px 0}.sf-product-gallery{position:sticky;top:100px;align-self:start}.sf-gallery-main{background:var(--sf-bg-secondary);border-radius:8px;overflow:hidden;margin-bottom:12px}.sf-gallery-image{width:100%;height:auto;display:block}.sf-gallery-placeholder{aspect-ratio:1;display:flex;align-items:center;justify-content:center;color:var(--sf-text-muted)}.sf-gallery-placeholder svg{width:64px;height:64px}.sf-gallery-thumbs{display:flex;gap:8px;flex-wrap:wrap}.sf-gallery-thumb{width:80px;height:80px;border:2px solid transparent;border-radius:4px;overflow:hidden;padding:0;background:none;cursor:pointer;transition:border-color .2s}.sf-gallery-thumb.active{border-color:var(--sf-text)}.sf-gallery-thumb img{width:100%;height:100%;object-fit:cover}.sf-product-info{padding:0 0 48px}.sf-product-title{font-size:28px;font-weight:600;margin:0 0 16px;color:var(--sf-text);line-height:1.3}.sf-product-price{display:flex;align-items:baseline;gap:8px;margin-bottom:20px}.sf-price-label{font-size:13px;color:var(--sf-text-muted)}.sf-price-value{font-size:20px;font-weight:600;color:var(--sf-text)}.sf-product-description{margin-bottom:24px;color:var(--sf-text-secondary);line-height:1.6}.sf-product-options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.sf-option-group{display:flex;flex-direction:column;gap:6px}.sf-option-group>label{font-size:13px;font-weight:500;color:var(--sf-text)}.sf-select{padding:12px 40px 12px 16px;border:1px solid var(--sf-border);border-radius:4px;font-size:14px;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.sf-select:focus{outline:none;border-color:var(--sf-text)}.sf-reorder-section{margin-bottom:24px}.sf-checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:14px;color:var(--sf-text-secondary);line-height:1.5}.sf-checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--sf-brand)}.sf-reorder-input{margin-top:12px;padding-left:28px}.sf-input{width:100%;padding:12px 16px;border:1px solid var(--sf-border);border-radius:4px;font-size:14px}.sf-input:focus{outline:none;border-color:var(--sf-text)}.sf-help-text{font-size:12px;color:var(--sf-text-muted);margin-top:4px}.sf-upload-section{margin-bottom:24px}.sf-upload-section>label{display:block;font-size:13px;font-weight:500;color:var(--sf-text);margin-bottom:4px}.sf-upload-zone{border:2px dashed var(--sf-border);border-radius:8px;padding:32px 24px;text-align:center;cursor:pointer;transition:all .2s;margin-top:12px}.sf-upload-zone:hover,.sf-upload-zone.drag-active{border-color:var(--sf-brand);background:#b244410d}.sf-upload-zone.has-file{border-style:solid;border-color:var(--sf-success);background:#22c55e0d;cursor:default}.sf-upload-placeholder svg{width:40px;height:40px;color:var(--sf-text-muted);margin-bottom:12px}.sf-upload-placeholder p{margin:0 0 4px;color:var(--sf-text);font-size:14px}.sf-upload-placeholder span{font-size:12px;color:var(--sf-text-muted)}.sf-uploaded-file{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.sf-uploaded-file svg{width:24px;height:24px;color:var(--sf-success)}.sf-uploaded-file span{font-size:14px;color:var(--sf-text)}.sf-remove-file{background:none;border:none;color:var(--sf-brand);font-size:13px;cursor:pointer;text-decoration:underline}.sf-terms-section{margin-bottom:24px}.sf-message{padding:12px 16px;border-radius:4px;margin-bottom:16px;font-size:14px}.sf-message-error{background:#ef44441a;color:var(--sf-error);border:1px solid var(--sf-error)}.sf-message-success{background:#22c55e1a;color:var(--sf-success);border:1px solid var(--sf-success)}.sf-add-to-cart{width:100%;padding:16px 24px;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sf-share-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--sf-border-light)}.sf-share-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--sf-text-secondary);font-size:14px;cursor:pointer;padding:8px 0}.sf-share-btn:hover{color:var(--sf-text)}.sf-share-btn svg{width:18px;height:18px}.sf-product-accordions{margin-top:24px;border-top:1px solid var(--sf-border)}.sf-accordion{border-bottom:1px solid var(--sf-border)}.sf-accordion summary{padding:16px 0;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.sf-accordion summary::-webkit-details-marker{display:none}.sf-accordion summary:after{content:"+";font-size:18px;color:var(--sf-text-muted)}.sf-accordion[open] summary:after{content:"-"}.sf-accordion-content{padding:0 0 16px;color:var(--sf-text-secondary);font-size:14px;line-height:1.6}.sf-accordion-content ul{margin:12px 0 0;padding-left:20px}.sf-accordion-content li{margin-bottom:6px}.sf-footer{background:var(--sf-bg-secondary);border-top:1px solid var(--sf-border);margin-top:auto}.sf-footer-main{max-width:1400px;margin:0 auto;padding:32px 48px 8px}.sf-footer-grid{display:grid;grid-template-columns:40% 30% 30%;gap:24px;align-items:start}.sf-footer-brand{padding-right:32px}.sf-footer-logo{display:inline-block;margin-bottom:12px}.sf-footer-brand p{color:var(--sf-text-secondary);font-size:14px;line-height:1.6;margin:0 0 12px}.sf-footer-column{display:flex;flex-direction:column;gap:8px}.sf-footer-column h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 0 4px;padding-top:2px;color:var(--sf-text)}.sf-footer-column a{color:#666;text-decoration:none;font-size:14px;font-weight:400;transition:color .2s;white-space:nowrap}.sf-footer-column a:hover{color:var(--sf-brand)}.sf-footer-bottom{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:16px 48px;border-top:1px solid var(--sf-border);background:var(--sf-bg-secondary)}.sf-footer-bottom-left{display:flex;align-items:center;gap:12px;white-space:nowrap}.sf-footer-copyright{font-size:13px;color:var(--sf-text-muted)}.sf-footer-bottom-left a{font-size:13px;color:var(--sf-text-muted);text-decoration:none;transition:color .2s}.sf-footer-bottom-left a:hover{color:var(--sf-brand)}.sf-legal-divider{color:var(--sf-text-muted);opacity:.4}.sf-payment-icons{display:flex;gap:6px;flex-shrink:0}.sf-payment-icon{width:38px;height:24px;border-radius:4px}@media(max-width:900px){.sf-product-detail,.sf-product-page{grid-template-columns:1fr;gap:32px}.sf-product-gallery{position:static}.sf-cart-layout,.sf-checkout-layout{grid-template-columns:1fr}.sf-cart-summary,.sf-checkout-summary{position:static}.sf-footer-grid{grid-template-columns:40% 30% 30%;gap:24px}.sf-footer-main,.sf-footer-bottom{padding-left:32px;padding-right:32px}}@media(max-width:768px){.sf-nav-desktop{display:none}.sf-menu-toggle{display:flex}.sf-hide-mobile{display:none}.sf-footer-grid{grid-template-columns:1fr 1fr;gap:24px}.sf-footer-brand{grid-column:1 / -1;padding-right:0}.sf-footer-main,.sf-footer-bottom{padding-left:24px;padding-right:24px}.sf-footer-bottom{flex-direction:column;gap:12px;text-align:center}.sf-footer-bottom-left{flex-wrap:wrap;justify-content:center}}@media(max-width:640px){.sf-cart-item{grid-template-columns:1fr;gap:12px}.sf-cart-item-total{text-align:left}.sf-form-row{flex-wrap:wrap}.sf-form-group.sf-form-small{flex:1 1 45%}.sf-footer-main{padding:24px 16px}.sf-footer-bottom{padding:16px}}.shop-homepage{background:var(--sf-bg);min-height:100vh;width:100%}.shop-homepage-loading,.shop-homepage-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.shop-homepage-error button{background:var(--sf-brand);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500}.loading-spinner{width:40px;height:40px;border:3px solid var(--sf-border);border-top-color:var(--sf-brand);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shop-section{padding:60px 0}.shop-section-container{max-width:1400px;margin:0 auto;padding:0 24px}.shop-section-title{font-size:28px;font-weight:600;color:var(--sf-text);margin:0 0 32px;text-align:center}.hero-banner{position:relative;height:700px;overflow:hidden;width:100%}.hero-image-container{position:absolute;top:0;right:0;bottom:0;left:0}.hero-image{width:100%;height:100%;object-fit:cover}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(0,0,0,.6) 0%,rgba(0,0,0,.3) 40%,transparent 70%)}.hero-content{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:0 48px;height:100%;display:flex;flex-direction:column;justify-content:center}.hero-text-card{max-width:500px}.hero-title{font-size:44px;font-weight:700;margin:0 0 16px;line-height:1.2;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}.hero-subtitle{font-size:18px;margin:0 0 28px;color:#fffffff2;line-height:1.5;text-shadow:0 1px 4px rgba(0,0,0,.3)}.hero-btn{display:inline-block;padding:16px 36px;border-radius:8px;font-weight:600;font-size:16px;text-decoration:none;transition:all .2s}.hero-btn-primary{background:var(--sf-brand);color:#fff;box-shadow:0 4px 12px #0003}.hero-btn-primary:hover{background:var(--sf-brand-hover);transform:translateY(-2px);box-shadow:0 6px 16px #00000040}.product-carousel-wrapper{position:relative}.product-carousel{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;padding:8px 4px;-ms-overflow-style:none;scrollbar-width:none}.product-carousel::-webkit-scrollbar{display:none}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--sf-border);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 8px #0000001a;transition:all .2s}.carousel-nav:hover{background:var(--sf-bg-secondary);box-shadow:0 4px 12px #00000026}.carousel-nav svg{width:20px;height:20px;color:var(--sf-text)}.carousel-nav-left{left:-22px}.carousel-nav-right{right:-22px}.carousel-product-card{flex:0 0 260px;background:#fff;border-radius:12px;overflow:hidden;text-decoration:none;transition:all .2s;border:1px solid var(--sf-border)}.carousel-product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.carousel-product-image{position:relative;aspect-ratio:1;overflow:hidden;background:#f8f8f8}.carousel-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.carousel-product-card:hover .carousel-product-image img{transform:scale(1.05)}.carousel-product-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.carousel-product-placeholder svg{width:60px;height:60px;color:#ddd}.sale-badge{position:absolute;top:12px;left:12px;background:#e53935;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:4px}.carousel-product-info{padding:16px}.carousel-product-name{font-size:15px;font-weight:600;color:var(--sf-text);margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carousel-product-price{display:flex;align-items:center;gap:8px}.price-regular{font-size:15px;font-weight:500;color:var(--sf-text-secondary)}.price-sale{font-size:15px;font-weight:600;color:#e53935}.price-original{font-size:14px;color:var(--sf-text-muted);text-decoration:line-through}.product-carousel-empty{padding:40px;text-align:center;color:var(--sf-text-secondary)}.reviews-section{background:#f9f9f9}.reviews-carousel-wrapper{position:relative}.reviews-summary{text-align:center;margin-bottom:32px}.reviews-rating{display:flex;align-items:center;justify-content:center;gap:12px}.reviews-rating-number{font-size:36px;font-weight:700;color:var(--sf-text)}.reviews-rating-stars{display:flex;gap:2px}.reviews-rating-stars .star{width:28px;height:28px}.reviews-count{margin-top:8px;font-size:15px;color:var(--sf-text-secondary)}.reviews-carousel-container{position:relative}.reviews-carousel{display:flex;gap:24px;overflow-x:auto;scroll-behavior:smooth;padding:8px 4px;-ms-overflow-style:none;scrollbar-width:none}.reviews-carousel::-webkit-scrollbar{display:none}.review-card{flex:0 0 320px;background:#fff;border-radius:12px;padding:24px;border:1px solid var(--sf-border);box-shadow:0 2px 8px #0000000a}.review-stars{display:flex;gap:2px;margin-bottom:16px}.star{width:18px;height:18px}.star-filled{color:#ffc107}.star-empty{color:#ddd}.review-text{font-size:15px;color:var(--sf-text);line-height:1.6;margin:0 0 16px;font-style:italic}.review-author{display:flex;justify-content:space-between;align-items:center}.review-author-name{font-weight:600;color:var(--sf-text);font-size:14px}.review-date{font-size:13px;color:var(--sf-text-muted)}.reviews-carousel-empty{padding:40px;text-align:center;color:var(--sf-text-secondary)}.categories-section{background:var(--sf-bg-secondary)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.category-card{background:#fff;border-radius:12px;padding:24px;text-align:center;text-decoration:none;transition:all .2s;border:1px solid var(--sf-border)}.category-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.category-name{display:block;font-size:18px;font-weight:600;color:var(--sf-text);margin-bottom:8px}.category-count{font-size:14px;color:var(--sf-text-secondary)}.features-section{border-top:1px solid var(--sf-border)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px}.feature-item{text-align:center;display:flex;flex-direction:column;align-items:center}.feature-item svg{width:52px;height:52px;color:var(--sf-brand);margin-bottom:20px}.feature-item h3{font-size:17px;font-weight:700;color:var(--sf-text);margin:0 0 10px;letter-spacing:-.2px}.feature-item p{font-size:14px;color:var(--sf-text-secondary);margin:0;line-height:1.6;max-width:220px}.sf-logo-img{height:40px;width:auto;display:block}.sf-footer-logo-img{height:32px;width:auto;display:block;margin-bottom:12px}.sf-social-links{margin-top:16px;display:flex;gap:12px}.sf-social-links a{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--sf-border);color:var(--sf-text-secondary);transition:all .2s}.sf-social-links a:hover{background:var(--sf-brand);color:#fff}.sf-social-links svg{width:18px;height:18px}.sf-payment-icon{width:38px;height:24px;display:inline-block}@media(max-width:1200px){.features-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media(max-width:900px){.hero-banner{height:550px}.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.carousel-nav-left{left:8px}.carousel-nav-right{right:8px}.carousel-product-card{flex:0 0 220px}.review-card{flex:0 0 280px}}@media(max-width:640px){.shop-section{padding:40px 0}.shop-section-title{font-size:24px;margin-bottom:24px}.hero-banner{height:450px}.hero-title{font-size:28px}.hero-subtitle{font-size:16px}.hero-cta{flex-direction:column;gap:12px}.hero-btn{text-align:center;width:100%;max-width:280px}.features-grid{grid-template-columns:1fr;gap:24px}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-card{padding:16px}.category-name{font-size:14px}.sf-logo-img{height:32px}}.instant-tooltip{position:relative}.instant-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-primary);color:var(--text-primary);padding:8px 12px;border-radius:6px;font-size:13px;white-space:nowrap;box-shadow:0 4px 12px #0000004d;border:1px solid var(--border-color);opacity:0;visibility:hidden;transition:opacity .1s ease,visibility .1s ease;pointer-events:none;z-index:1000}.instant-tooltip:hover:after{opacity:1;visibility:visible}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}