:root{--op-black-base: #000000;--op-gold-primary: #d4af37;--op-gold-mid: #c9a227;--op-gold-bright: #e6c35a;--op-white: #ffffff;--op-gray-light: #d9d9d9;--op-gray-mid: #a6a6a6;--op-emerald: #0f3d2e;--op-dark-cinematic: #0a2e23;--op-petrol: #123f3a;--op-smoke: #2e5f58;--op-gold-ancient: #c8a24a;--op-gold-deep: #a67c2e;--op-gold-highlight: #e6c76b;--op-gold-aged: #8b6a2b;--op-carbon: #0f0c08;--op-black-green: #0d1f1a;--op-shadow-deep: #060504;--op-smoke-dark: #1a1610;--op-warm-black: #0a0805;--op-bronze-warm: #9a6b3c;--op-amber-light: #d89b4a;--op-skin-shadow: #5a3a22;--op-teal-dark: #1f3a3d;--op-cold-blue: #2c4e50;--op-teal-green: #3e6b6a;--op-bg-page: var(--op-warm-black);--op-bg-surface: var(--op-carbon);--op-bg-elevated: color-mix(in srgb, var(--op-gold-aged) 12%, var(--op-smoke-dark));--op-bg-hero: var(--op-warm-black);--op-bg-band: linear-gradient( 180deg, color-mix(in srgb, var(--op-gold-aged) 6%, var(--op-warm-black)) 0%, var(--op-warm-black) 100% );--op-text-primary: var(--op-white);--op-text-secondary: color-mix(in srgb, var(--op-gray-light) 92%, var(--op-gold-highlight));--op-text-muted: var(--op-gray-mid);--op-accent: var(--op-gold-highlight);--op-accent-hover: var(--op-gold-bright);--op-accent-intensity: var(--op-emerald);--op-border-subtle: color-mix(in srgb, var(--op-gold-ancient) 48%, transparent);--op-border-intensity: color-mix(in srgb, var(--op-emerald) 65%, transparent);--op-glow-gold: color-mix(in srgb, var(--op-gold-highlight) 42%, transparent);--op-glow-green: color-mix(in srgb, var(--op-emerald) 35%, transparent);--op-shadow-card: 0 10px 40px color-mix(in srgb, var(--op-shadow-deep) 85%, var(--op-gold-aged));--op-font-display: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--op-font-size-xs: .75rem;--op-font-size-sm: .875rem;--op-font-size-base: 1rem;--op-font-size-lg: 1.25rem;--op-font-size-xl: 1.75rem;--op-font-size-2xl: 2.5rem;--op-font-size-3xl: clamp(2.5rem, 6vw, 4rem);--op-font-weight-regular: 400;--op-font-weight-semibold: 600;--op-font-weight-bold: 700;--op-letter-wide: .2em;--op-line-tight: 1.1;--op-line-normal: 1.5;--op-space-xs: .25rem;--op-space-sm: .5rem;--op-space-md: 1rem;--op-space-lg: 1.5rem;--op-space-xl: 2rem;--op-space-2xl: 3rem;--op-space-3xl: 4rem;--op-container-max: 72rem;--op-container-wide: min(96rem, 100%);--op-radius-sm: 4px;--op-radius-md: 8px;--op-radius-lg: 12px;--op-transition-fast: .15s ease;--op-transition-base: .25s ease}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--op-font-display);font-size:var(--op-font-size-base);line-height:var(--op-line-normal);color:var(--op-text-primary);background:var(--op-bg-page);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:var(--op-accent);text-decoration:none;transition:color var(--op-transition-fast)}a:hover{color:var(--op-accent-hover)}:focus-visible{outline:2px solid var(--op-gold-highlight);outline-offset:2px}.op-logo{display:flex;flex-direction:column;align-items:center;gap:var(--op-space-xs);margin:0;line-height:var(--op-line-tight)}.op-logo__one{font-size:var(--op-font-size-3xl);font-weight:var(--op-font-weight-bold);letter-spacing:.08em;color:var(--op-white);text-shadow:0 0 40px var(--op-glow-gold)}.op-logo__promotions{font-size:var(--op-font-size-sm);font-weight:var(--op-font-weight-semibold);letter-spacing:var(--op-letter-wide);color:var(--op-gray-light);text-transform:uppercase}.op-logo-img{display:block;width:auto;height:auto;object-fit:contain}.op-logo-img--nav{max-height:2.75rem;max-width:min(11rem,42vw)}.op-logo-img--hero{max-height:clamp(4.5rem,10vw,8.5rem);max-width:min(28rem,95vw);filter:drop-shadow(0 0 28px var(--op-glow-gold))}.op-eyebrow{margin:0 0 var(--op-space-md);font-size:var(--op-font-size-xs);font-weight:var(--op-font-weight-semibold);letter-spacing:var(--op-letter-wide);text-transform:uppercase;color:var(--op-gold-highlight)}.op-heading-2{margin:0 0 var(--op-space-md);font-size:var(--op-font-size-xl);font-weight:var(--op-font-weight-bold);color:var(--op-gold-highlight);text-shadow:0 0 32px var(--op-glow-gold)}.op-heading-2--hero{font-size:clamp(1.85rem,4.5vw,3.25rem);letter-spacing:.06em;text-transform:uppercase;color:var(--op-gold-highlight);text-shadow:0 0 48px var(--op-glow-gold),0 2px 0 color-mix(in srgb,var(--op-emerald) 80%,transparent);max-width:none;line-height:1.15}.op-lead{margin:0 0 var(--op-space-xl);max-width:52rem;margin-inline:auto;color:var(--op-text-secondary);font-size:var(--op-font-size-lg)}.op-page{min-height:100vh;display:flex;flex-direction:column}.op-container{width:100%;max-width:var(--op-container-max);margin-inline:auto;padding-inline:clamp(var(--op-space-md),3vw,var(--op-space-2xl))}.op-container--wide{max-width:var(--op-container-wide)}.op-section{padding-block:var(--op-space-3xl)}.op-section--warm{background:var(--op-bg-band)}.op-main{flex:1;padding-block:var(--op-space-2xl)}.op-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--op-space-sm);box-sizing:border-box;min-height:2.75rem;padding:.65rem 1.25rem;font-family:inherit;font-size:var(--op-font-size-sm);font-weight:var(--op-font-weight-semibold);line-height:1.2;letter-spacing:.02em;text-transform:none;text-decoration:none;border-radius:var(--op-radius-md);border:1px solid transparent;cursor:pointer;appearance:none;-webkit-appearance:none;transition:background var(--op-transition-fast),color var(--op-transition-fast),border-color var(--op-transition-fast),box-shadow var(--op-transition-fast),transform var(--op-transition-fast)}.op-btn:focus-visible{outline:2px solid var(--op-gold-highlight);outline-offset:2px}.op-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.op-btn--caps{text-transform:uppercase;letter-spacing:.06em}.op-btn--primary{color:var(--op-shadow-deep);background:linear-gradient(180deg,var(--op-gold-highlight) 0%,var(--op-gold-ancient) 50%,var(--op-gold-deep) 100%);border-color:var(--op-gold-aged);box-shadow:0 2px 12px color-mix(in srgb,var(--op-gold-ancient) 40%,transparent),inset 0 1px color-mix(in srgb,var(--op-white) 22%,transparent)}.op-btn--primary:hover:not(:disabled){color:var(--op-black-base);transform:translateY(-1px);box-shadow:0 4px 18px color-mix(in srgb,var(--op-gold-highlight) 45%,transparent),inset 0 1px color-mix(in srgb,var(--op-white) 30%,transparent)}.op-btn--ghost{color:var(--op-text-primary);background:var(--op-bg-elevated);border-color:color-mix(in srgb,var(--op-gold-aged) 45%,var(--op-border-subtle))}.op-btn--ghost:hover:not(:disabled){color:var(--op-gold-highlight);background:color-mix(in srgb,var(--op-gold-aged) 18%,var(--op-bg-elevated));border-color:var(--op-gold-ancient)}.op-card{padding:var(--op-space-xl);background:linear-gradient(165deg,color-mix(in srgb,var(--op-gold-aged) 14%,var(--op-bg-elevated)) 0%,var(--op-bg-elevated) 55%,color-mix(in srgb,var(--op-emerald) 12%,var(--op-bg-surface)) 100%);border:1px solid var(--op-border-subtle);border-left:3px solid var(--op-accent-intensity);border-radius:var(--op-radius-lg);box-shadow:var(--op-shadow-card)}.op-card h3{margin:0 0 var(--op-space-sm);font-size:var(--op-font-size-lg);color:var(--op-gold-highlight)}.op-card p{margin:0;color:var(--op-text-secondary);font-size:var(--op-font-size-sm)}.op-cards{display:grid;gap:var(--op-space-lg);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.op-swatch{display:inline-block;width:3rem;height:3rem;border-radius:var(--op-radius-sm);border:1px solid var(--op-border-subtle)}.op-swatch-row{display:flex;flex-wrap:wrap;gap:var(--op-space-md)}.op-table{width:100%;border-collapse:collapse;background:var(--op-bg-surface);border-radius:var(--op-radius-md);overflow:hidden;border:1px solid var(--op-border-subtle)}.op-table th,.op-table td{padding:var(--op-space-md) var(--op-space-lg);text-align:left}.op-table thead{background:linear-gradient(90deg,color-mix(in srgb,var(--op-gold-deep) 90%,var(--op-gold-aged)),color-mix(in srgb,var(--op-gold-ancient) 85%,var(--op-amber-light)));color:var(--op-shadow-deep);font-size:var(--op-font-size-sm);font-weight:var(--op-font-weight-bold);letter-spacing:.05em;text-transform:uppercase;box-shadow:inset 0 -2px 0 var(--op-accent-intensity)}.op-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--op-gold-aged) 6%,transparent)}.op-table tbody tr:hover{background:color-mix(in srgb,var(--op-gold-ancient) 14%,transparent)}.op-loading{color:var(--op-text-muted);font-style:italic}.op-coming-soon-card{text-align:center;padding:var(--op-space-3xl) var(--op-space-xl);max-width:32rem;margin:var(--op-space-2xl) auto;background:linear-gradient(165deg,color-mix(in srgb,var(--op-gold-aged) 14%,var(--op-bg-elevated)) 0%,var(--op-bg-elevated) 55%,var(--op-bg-surface) 100%);border-color:color-mix(in srgb,var(--op-gold-aged) 45%,var(--op-border-subtle))}.op-coming-soon-card__eyebrow{margin:0 0 var(--op-space-sm);font-size:var(--op-font-size-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--op-gold-highlight)}.op-coming-soon-card__title{margin:0 0 var(--op-space-md);font-size:clamp(2rem,6vw,2.75rem);font-weight:var(--op-font-weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--op-gold-highlight)}.op-coming-soon-card__lead{margin:0 0 var(--op-space-xl);color:var(--op-text-secondary);line-height:1.55;font-size:var(--op-font-size-base)}.op-admin-page{min-height:calc(100vh - 5rem);padding-bottom:var(--op-space-3xl)}.op-admin-login{display:flex;justify-content:center;align-items:flex-start;padding-top:var(--op-space-2xl)}.op-admin-login .op-card{width:100%;max-width:26rem;background:linear-gradient(165deg,color-mix(in srgb,var(--op-gold-ancient) 20%,var(--op-bg-elevated)) 0%,var(--op-bg-elevated) 55%,color-mix(in srgb,var(--op-emerald) 15%,var(--op-bg-surface)) 100%);border-color:color-mix(in srgb,var(--op-gold-aged) 50%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--op-gold-highlight) 8%,transparent),var(--op-shadow-card)}.op-admin-login .op-heading-2{margin-bottom:var(--op-space-sm)}.op-admin-login .op-lead{margin-bottom:var(--op-space-xl);color:var(--op-text-secondary)}.op-form .op-form-row{margin-bottom:var(--op-space-lg)}.op-form label{display:block;margin-bottom:var(--op-space-xs);font-size:var(--op-font-size-sm);color:var(--op-text-secondary);letter-spacing:.04em}.op-form input,.op-form select,.op-admin-toolbar select,.op-filter select{width:100%;padding:var(--op-space-md);font-family:inherit;font-size:var(--op-font-size-base);color:var(--op-text-primary);background:var(--op-bg-surface);border:1px solid var(--op-border-subtle);border-radius:var(--op-radius-md);transition:border-color var(--op-transition-fast),box-shadow var(--op-transition-fast)}.op-form input:focus,.op-form select:focus,.op-admin-toolbar select:focus,.op-filter select:focus{outline:none;border-color:var(--op-gold-ancient);box-shadow:0 0 0 2px color-mix(in srgb,var(--op-gold-highlight) 20%,transparent)}.op-form-error{color:#f0a8a8;font-size:var(--op-font-size-sm);margin:0 0 var(--op-space-md)}.op-form-hint{font-size:var(--op-font-size-sm);margin:0 0 var(--op-space-md);color:var(--op-text-secondary)}.op-form-hint--warn{color:var(--op-gold-highlight);border-left:3px solid var(--op-gold-aged);padding-left:var(--op-space-md)}.op-hint{margin-top:var(--op-space-lg);font-size:var(--op-font-size-xs);color:var(--op-text-muted)}.op-back{display:inline-block;margin-top:var(--op-space-md);font-size:var(--op-font-size-sm)}.op-admin-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--op-space-lg);margin-bottom:var(--op-space-xl);padding-bottom:var(--op-space-lg);border-bottom:1px solid var(--op-border-subtle)}.op-admin-header__actions{display:flex;flex-wrap:wrap;gap:var(--op-space-sm);align-items:center}.op-admin-header__meta{margin:var(--op-space-xs) 0 0;color:var(--op-text-muted);font-size:var(--op-font-size-sm)}.op-admin-header__meta strong{color:var(--op-gold-highlight);font-weight:var(--op-font-weight-semibold)}.op-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--op-space-md);margin-bottom:var(--op-space-2xl)}.op-stat{text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--op-gold-ancient) 28%,var(--op-bg-elevated)) 0%,var(--op-bg-elevated) 100%);border-left:3px solid var(--op-accent-intensity);transition:transform var(--op-transition-fast)}.op-stat:hover{transform:translateY(-2px)}.op-stat__n{display:block;font-size:var(--op-font-size-2xl);font-weight:var(--op-font-weight-bold);color:var(--op-gold-highlight);line-height:var(--op-line-tight)}.op-stat span:last-child{font-size:var(--op-font-size-sm);color:var(--op-text-secondary);text-transform:uppercase;letter-spacing:.06em}.op-admin-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--op-space-md);margin-bottom:var(--op-space-lg)}.op-filter{display:flex;flex-direction:column;gap:var(--op-space-xs);min-width:10rem}.op-filter label{font-size:var(--op-font-size-xs);color:var(--op-text-muted);text-transform:uppercase;letter-spacing:.06em}.op-filter select{width:auto;min-width:10rem}.op-btn--sm{min-height:2.125rem;padding:.4rem .75rem;font-size:.8125rem}.op-btn--success{color:#e8fff0;background:linear-gradient(180deg,#4aad78,#2d7a52);border-color:#5cb88a}.op-btn--success:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.op-btn--danger{color:#fff5f5;background:linear-gradient(180deg,#b04545,#7a2a2a);border-color:#a84848}.op-btn--danger:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.op-btn--icon{min-width:2.125rem;padding:.4rem .65rem}.op-admin-page .op-btn{font-weight:600}.op-admin-page .op-btn--ghost{color:var(--op-text-secondary)}.op-admin-page .op-btn--ghost:hover:not(:disabled){color:var(--op-gold-highlight)}.op-admin-header__actions .op-btn{min-width:7.5rem}.op-admin-toolbar{align-items:center}.op-admin-toolbar .op-btn--sm{min-width:6.5rem}.op-row-actions{align-items:center}.op-row-actions .op-btn--sm{min-width:4.25rem}.op-row-actions .op-btn--success,.op-row-actions .op-btn--danger{min-width:5.5rem}.op-detail-panel__actions .op-btn{flex:0 1 auto}.op-table-wrap{overflow-x:auto;border-radius:var(--op-radius-lg);border:1px solid var(--op-border-subtle)}.op-table .op-col-actions{white-space:nowrap;text-align:right}.op-row-actions{display:flex;flex-wrap:wrap;gap:var(--op-space-xs);justify-content:flex-end}.op-badge{display:inline-block;padding:.2em .65em;font-size:var(--op-font-size-xs);font-weight:var(--op-font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;border:1px solid transparent}.op-badge--pending{color:var(--op-gold-highlight);background:color-mix(in srgb,var(--op-gold-aged) 35%,transparent);border-color:var(--op-gold-aged)}.op-badge--approved{color:#b8f0d0;background:color-mix(in srgb,#2a6b4a 60%,transparent);border-color:#3d9a6e}.op-badge--rejected{color:#f0c0c0;background:color-mix(in srgb,#6b2a2a 50%,transparent);border-color:#a84848}.op-badge--cancelled{color:var(--op-text-muted);background:color-mix(in srgb,var(--op-smoke) 50%,transparent);border-color:var(--op-border-subtle)}.op-detail-panel{margin-top:var(--op-space-xl);padding:var(--op-space-xl);background:var(--op-bg-elevated);border:1px solid var(--op-border-subtle);border-radius:var(--op-radius-lg)}.op-detail-panel__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--op-space-md);margin-bottom:var(--op-space-lg)}.op-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--op-space-md) var(--op-space-xl);font-size:var(--op-font-size-sm)}.op-detail-grid dt{margin:0;color:var(--op-text-muted);font-size:var(--op-font-size-xs);text-transform:uppercase;letter-spacing:.05em}.op-detail-grid dd{margin:var(--op-space-xs) 0 0;color:var(--op-text-primary)}.op-detail-panel__actions{display:flex;flex-wrap:wrap;gap:var(--op-space-sm);margin-top:var(--op-space-lg);padding-top:var(--op-space-lg);border-top:1px solid var(--op-border-subtle)}@media(max-width:640px){.op-admin-header{flex-direction:column;align-items:stretch}.op-row-actions{justify-content:flex-start}}