@font-face{font-family:Outfit;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/outfit-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/outfit-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary-blue: #006994;--primary-blue-hover: #005073;--header-bg: #00334e;--accent-gold: #ffd700;--primary-green: #28a745;--primary-green-hover: #218838;--danger-red: #dc3545;--text-primary: #212529;--text-secondary: #495057;--text-muted: #6c757d;--white: #ffffff;--light-gray: #f8f9fa;--dark-gray: #263238;--border-color: #dee2e6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-round: 4px;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-extrabold: 800;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-hover: 0 10px 20px rgba(0, 0, 0, .15);--focus-shadow: 0 0 0 3px rgba(0, 105, 148, .25);--transition-default: all .2s ease-in-out;--transition-fast: all .1s ease-out;--modal-backdrop: rgba(0, 0, 0, .5);--success-bg: #d4edda;--success-text: #155724;--success-border: #c3e6cb;--error-bg: #f8d7da;--error-text: #721c24;--error-border: #f5c6cb;--warning-bg: #fff3cd;--warning-text: #856404;--warning-border: #ffeeba;--surface-white: #ffffff;--surface-light: #f8f9fa;--surface-muted: #e9ecef;--surface-dark: #263238;--card-black: #333333;--card-blue: #007bff;--card-green: #28a745;--card-purple: #6f42c1;--card-red: #dc3545;--card-yellow: #ffc107;--nav-glass-bg: rgba(255, 255, 255, .1);--nav-glass-border: rgba(255, 255, 255, .1);--nav-active-bg: rgba(255, 255, 255, .15);--nav-text: rgba(255, 255, 255, .9);--nav-text-muted: rgba(255, 255, 255, .7);--status-pending-bg: var(--warning-bg);--status-pending-text: var(--warning-text);--status-confirmed-bg: var(--success-bg);--status-confirmed-text: var(--success-text);--status-processing-bg: #cce5ff;--status-processing-text: #004085;--status-shipped-bg: #d1ecf1;--status-shipped-text: #0c5460;--status-delivered-bg: #c3e6cb;--status-delivered-text: #0f5132;--status-cancelled-bg: var(--error-bg);--status-cancelled-text: var(--error-text);--status-expired-bg: #e2e3e5;--status-expired-text: #383d41;--status-refund-pending-bg: #ffeeba;--status-refund-pending-text: #856404;--status-refunded-bg: #e2e3e5;--status-refunded-text: #383d41;--status-active-bg: var(--success-bg);--status-active-text: var(--success-text);--status-inactive-bg: var(--surface-muted);--status-inactive-text: var(--text-muted);--status-default-bg: var(--surface-muted);--status-default-text: var(--text-secondary)}*,*:before,*:after{box-sizing:border-box}body{font-family:Outfit,sans-serif;color:var(--text-primary);background-color:var(--white);background-image:none;margin:0;line-height:1.5;overflow-x:hidden}html{overflow-x:hidden}input,button,select,optgroup,textarea{font-family:inherit;font-size:inherit;line-height:inherit}.form-control{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-md);font-family:inherit;background-color:var(--white);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;color:var(--text-primary)}textarea.form-control{resize:vertical}.form-control:focus{border-color:var(--primary-blue);outline:0;box-shadow:0 0 0 .2rem #00699440}.form-control.is-invalid,.is-invalid{border-color:var(--danger-red);background-image:none}.invalid-feedback{color:var(--danger-red);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);font-weight:var(--font-weight-medium)}.form-text{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-xs)}.form-control[readonly],select.form-control:disabled{background-color:var(--light-gray);opacity:1;cursor:not-allowed;color:var(--text-muted)}.form-group{margin-bottom:var(--spacing-md)}.form-section{margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-lg)}.form-row{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.btn-primary,.btn-secondary,.btn-cancel{padding:10px 20px;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:var(--font-weight-bold);transition:var(--transition-default);border:none;color:var(--white);font-size:var(--font-size-md);font-family:inherit;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.btn-primary{background:var(--primary-blue);box-shadow:none}.btn-primary:hover{background:var(--primary-blue-hover);transform:none;box-shadow:none}.btn-primary:active{background-color:#00405c}.btn-secondary{background-color:var(--primary-green)}.btn-secondary:hover{background-color:var(--primary-green-hover)}.btn-cancel{background-color:var(--white);color:var(--text-primary);border:1px solid var(--border-color)}.btn-cancel:hover{background-color:var(--light-gray);color:var(--text-primary);border-color:#c6c7c8}.alert{padding:var(--spacing-lg) var(--spacing-xl);margin-bottom:var(--spacing-xl);border-radius:var(--border-radius-sm)}.alert-success{background-color:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.alert-danger{background-color:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.loading{padding:var(--spacing-xl);text-align:center;color:#6c757d;font-style:italic}.color-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md)}.color-button{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid #ccc;border-radius:var(--border-radius-sm);background-color:var(--light-gray);cursor:pointer;transition:var(--transition-fast)}.color-button:hover{background-color:var(--medium-gray)}.color-button.selected{background-color:var(--primary-blue);color:var(--white);border-color:var(--primary-blue)}.color-button.color-red.selected{background-color:var(--danger-red);border-color:var(--danger-red)}.color-button.color-blue.selected{background-color:var(--primary-blue);border-color:var(--primary-blue)}.color-button.color-yellow.selected{background-color:var(--warning-yellow);border-color:var(--warning-yellow);color:var(--black)}.color-button.color-green.selected{background-color:var(--primary-green);border-color:var(--primary-green)}.color-button.color-black.selected{background-color:var(--dark-gray);border-color:var(--dark-gray)}.color-button.color-purple.selected{background-color:var(--purple);border-color:var(--purple)}.error-message{color:var(--danger-red);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.success-message{background-color:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--border-radius-sm);color:var(--success-text);padding:var(--spacing-md);margin-top:var(--spacing-lg)}.input-with-button{display:flex;gap:var(--spacing-md);align-items:center}.input-with-button .form-control{flex:1}.modal{background-color:var(--modal-backdrop);display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:1000}.modal-content{background-color:var(--white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);max-width:800px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.modal-header h2{margin:0}.modal-body{padding:var(--spacing-xl)}.error-message.alert{background-color:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--border-radius-sm);padding:var(--spacing-md);margin-top:var(--spacing-lg)}.form-group label{font-weight:var(--font-weight-normal);margin-bottom:var(--spacing-xs)}.form-group-container{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.form-group-container .form-group{flex:1 1 200px;min-width:200px;margin-bottom:0}.table{width:100%;border-collapse:collapse;margin-top:var(--spacing-xl);background-color:var(--white);box-shadow:var(--shadow-sm);border-radius:var(--border-radius-md);overflow:hidden}.table th,.table td{padding:16px 24px;text-align:left;border-bottom:1px solid var(--border-color)}.table th{background-color:var(--dark-gray);color:var(--white);font-weight:var(--font-weight-bold);border-bottom:none;text-transform:uppercase;font-size:.9rem;letter-spacing:.5px}.table tbody tr:nth-child(2n){background-color:var(--light-gray)}.table tbody tr:hover{background-color:#e9ecef;transition:background-color .2s}.table-container{overflow-x:auto}.no-data{color:var(--text-muted);text-align:center}@media(max-width:768px){.table th,.table td{padding:var(--spacing-sm) var(--spacing-md)}}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.list-header h2{margin:0;color:var(--text-secondary);font-size:var(--font-size-xl)}.nav-icon-btn{position:relative;background-color:transparent;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:var(--border-radius-sm);transition:all .2s ease;cursor:pointer;height:auto;font-family:inherit;font-size:.9rem;border:none}.nav-icon-btn:hover{background-color:#fff3;text-decoration:none;color:#fff;transform:none;box-shadow:none}.nav-icon-btn svg{width:24px;height:24px;stroke-width:2;stroke:currentColor;fill:none}@media(max-width:480px){:root{--font-size-sm: .8rem;--font-size-md: .9rem;--font-size-lg: 1.1rem;--font-size-xl: 1.3rem;--font-size-xxl: 1.6rem;--spacing-lg: 20px;--spacing-xl: 24px;--spacing-xxl: 32px}}@media(max-width:768px){.form-control{min-height:44px;font-size:16px}select.form-control{min-height:44px}.btn-primary,.btn-secondary,.btn-cancel{min-height:44px;padding:12px 16px}.form-row{flex-direction:column;gap:var(--spacing-md)}.form-actions{flex-direction:column}.form-actions button{width:100%}.form-group-container{flex-direction:column}.form-group-container .form-group{min-width:100%}.modal-content{width:95%;max-height:95vh;margin:10px}.modal-header,.modal-body,.alert{padding:var(--spacing-md)}.input-with-button{flex-direction:column}.input-with-button .form-control,.input-with-button button{width:100%}.list-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}}.hide-on-mobile{display:block}.show-on-mobile{display:none}@media(max-width:768px){.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}}@media(max-width:768px){.text-center-mobile{text-align:center}}@media(max-width:768px){.responsive-padding{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}@media(max-width:480px){.responsive-padding{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}}.item-image{width:40px;height:56px;margin-right:12px;background-color:#f0f0f0;border-radius:var(--border-radius-sm);overflow:hidden;flex-shrink:0}.item-image img{width:100%;height:100%;object-fit:cover}.item-content{flex:1;display:flex;flex-direction:column;justify-content:center}.item-title{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.item-subtitle{color:var(--text-muted);font-size:.75rem;margin-top:2px}.selector-preview{margin-top:var(--spacing-sm);padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--light-gray);display:flex;flex-direction:column;align-items:center}.preview-image{width:120px;height:168px;object-fit:cover;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm)}.preview-details{margin-top:var(--spacing-sm);text-align:center}.preview-code{font-size:.8rem;color:var(--text-muted);font-family:monospace}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xxl) var(--spacing-lg);background:var(--white);border:1px dashed var(--border-color);border-radius:var(--border-radius-lg);min-height:300px}.empty-state-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.8}.empty-state-title{margin:0 0 var(--spacing-sm);font-size:1.25rem;font-weight:var(--font-weight-bold);color:var(--text-primary)}.empty-state-message{margin:0 0 var(--spacing-lg);font-size:.95rem;color:var(--text-muted);max-width:300px}.browse-column{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.browse-header{font-size:.9rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;padding-bottom:.5rem}.browse-list{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.browse-item{text-align:left;padding:.5rem;font-size:.95rem;color:var(--text-primary);border-radius:4px;width:100%;background:none;border:none;cursor:pointer;transition:.2s ease}.browse-item:hover{background:var(--bg-hover);color:var(--primary-color);transform:translate(4px)}@media(max-width:768px){.app-container:has(app-listing-detail) app-footer{display:none}}