@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: #00587d;--primary-blue-light: #66b8d9;--primary-color: var(--primary-blue);--primary-gradient: linear-gradient(180deg, #007aab 0%, #006994 100%);--header-bg: #00334e;--header-bg-deep: #001e30;--header-gradient: linear-gradient(165deg, #001e30 0%, #00334e 62%, #014159 100%);--accent-gold: #ffd700;--primary-green: #28a745;--primary-green-hover: #218838;--danger-red: #dc3545;--warning-yellow: #ffc107;--text-primary: #1a212b;--text-secondary: #46505c;--text-muted: #6e7782;--white: #ffffff;--black: #000000;--light-gray: #f6f8fa;--medium-gray: #e9edf2;--dark-gray: #263238;--purple: #6f42c1;--border-color: #e5e9f0;--border-gray: var(--border-color);--page-bg: #f4f6f9;--card-image-bg: radial-gradient(ellipse 80% 90% at 50% -10%, rgba(102, 184, 217, .18), transparent 65%), var(--header-gradient);--bg-hover: rgba(0, 105, 148, .06);--font-family: "Outfit", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--border-radius-xs: 6px;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-pill: 999px;--border-radius-round: 8px;--font-size-xs: .75rem;--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-xs: 0 1px 2px rgba(13, 35, 51, .06);--shadow-sm: 0 1px 2px rgba(13, 35, 51, .05), 0 2px 6px rgba(13, 35, 51, .06);--shadow-md: 0 2px 4px rgba(13, 35, 51, .05), 0 8px 16px -4px rgba(13, 35, 51, .1);--shadow-lg: 0 4px 8px rgba(13, 35, 51, .05), 0 16px 32px -8px rgba(13, 35, 51, .14);--shadow-xl: 0 8px 16px rgba(13, 35, 51, .06), 0 24px 48px -12px rgba(13, 35, 51, .2);--shadow-hover: 0 6px 12px -2px rgba(0, 51, 78, .1), 0 16px 32px -8px rgba(0, 51, 78, .16);--focus-shadow: 0 0 0 3px rgba(0, 105, 148, .18);--ease-out: cubic-bezier(.22, .61, .36, 1);--transition-default: all .22s var(--ease-out);--transition-fast: all .12s var(--ease-out);--modal-backdrop: rgba(2, 16, 26, .55);--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: #f6f8fa;--surface-muted: #e9edf2;--surface-dark: #263238;--grade-psa: #cf2029;--grade-bgs-black: #1a1a1a;--grade-bgs-gold: #c9a227;--grade-bgs-silver: #aab2bb;--grade-ars: #0d9488;--grade-raw: #5b6472;--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:var(--font-family);color:var(--text-primary);background-color:var(--page-bg);background-image:none;margin:0;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}html{overflow-x:hidden}h1,h2,h3{letter-spacing:-.02em}::selection{background:#00699429}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0d23332e;border-radius:var(--border-radius-pill);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#0d233352}input,button,select,optgroup,textarea{font-family:inherit;font-size:inherit;line-height:inherit}.form-control{width:100%;padding:11px 14px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);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:var(--focus-shadow)}.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,.btn-danger{padding:11px 22px;border-radius:var(--border-radius-md);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-gradient);box-shadow:var(--shadow-xs),inset 0 1px #ffffff1f}.btn-primary:hover:not(:disabled){background:var(--primary-blue-hover);transform:translateY(-1px);box-shadow:0 6px 14px -4px #00699473}.btn-primary:active:not(:disabled){background-color:#00405c;transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-secondary{background-color:var(--primary-green)}.btn-secondary:hover:not(:disabled){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:not(:disabled){background-color:var(--light-gray);color:var(--text-primary);border-color:#c6c7c8}.btn-danger{background-color:var(--danger-red)}.btn-danger:hover:not(:disabled){background-color:#b02a37}.btn-primary:disabled,.btn-secondary:disabled,.btn-cancel:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.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);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);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-lg);box-shadow:var(--shadow-xl);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;min-width:44px;min-height:44px;border-radius:var(--border-radius-md);transition:all .2s ease;cursor:pointer;height:auto;font-family:inherit;font-size:.9rem;border:none}.nav-icon-btn:hover{background-color:#ffffff24;text-decoration:none;color:#fff;transform:none;box-shadow:none}.nav-icon-btn:active{background-color:#ffffff38}.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}.grade-chip{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--border-radius-xs);background:var(--surface-dark);color:var(--white);font-size:.68rem;font-weight:var(--font-weight-bold);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.grade-chip.psa{background:var(--grade-psa)}.grade-chip.ars{background:var(--grade-ars)}.grade-chip.bgs-black{background:var(--grade-bgs-black)}.grade-chip.bgs-gold{background:var(--grade-bgs-gold);color:#2a2100}.grade-chip.bgs-silver{background:var(--grade-bgs-silver);color:#2b2f34}.grade-chip.raw{background:var(--grade-raw);color:var(--white)}.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-xl);box-shadow:var(--shadow-xs);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}}@media(max-width:768px){.app-container{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.app-container:has(app-checkout){padding-bottom:0}.app-container:has(app-checkout) .bottom-nav{display:none!important}}