:root{--primary: #0F2C59;--primary-light: #1E3E62;--primary-dark: #071933;--secondary: #C85A17;--secondary-hover: #B04B0E;--secondary-light: #FFF0E6;--accent-gold: #D4AF37;--accent-green: #1B4D3E;--accent-green-light: #E8F5EE;--bg-main: #FBFBFC;--bg-surface: #FFFFFF;--bg-subtle: #F4F6F9;--bg-dark: #0F172A;--text-primary: #1E293B;--text-secondary: #64748B;--text-tertiary: #94A3B8;--text-inverse: #FFFFFF;--border-subtle: #E2E8F0;--border-focus: #C85A17;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .04);--success: #10B981;--success-bg: #ECFDF5;--warning: #F59E0B;--warning-bg: #FFFBEB;--danger: #EF4444;--danger-bg: #FEF2F2;--info: #3B82F6;--info-bg: #EFF6FF;--heading: #0F2C59;--bg-header: rgba(255, 255, 255, .86);--danger-ink: #991B1B;--danger-line: #FECACA;--success-ink: #047857;--warning-ink: #B45309;--info-ink: #1D4ED8;--scroll-thumb: #CBD5E1;--scroll-thumb-hover: #94A3B8;--focus-ring: rgba(200, 90, 23, .18);color-scheme:light;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s ease;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html[data-theme=dark]{color-scheme:dark;--primary: #1B3F7A;--primary-light: #2A5299;--primary-dark: #0B1A36;--heading: #F1F5F9;--secondary: #E0762F;--secondary-hover: #F08A45;--secondary-light: rgba(224, 118, 47, .14);--accent-green: #6EE7B7;--accent-green-light: rgba(16, 185, 129, .14);--bg-main: #0B1220;--bg-surface: #121A2B;--bg-subtle: #1A2438;--bg-dark: #060B16;--bg-header: rgba(11, 18, 32, .84);--text-primary: #E6ECF5;--text-secondary: #A3B1C6;--text-tertiary: #74839B;--border-subtle: #243049;--border-focus: #E0762F;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 10px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 20px -3px rgba(0, 0, 0, .55);--shadow-xl: 0 20px 30px -5px rgba(0, 0, 0, .6);--success: #34D399;--success-bg: rgba(16, 185, 129, .14);--success-ink: #6EE7B7;--warning: #FBBF24;--warning-bg: rgba(245, 158, 11, .14);--warning-ink: #FCD34D;--danger: #F87171;--danger-bg: rgba(239, 68, 68, .14);--danger-ink: #FCA5A5;--danger-line: rgba(248, 113, 113, .35);--info: #60A5FA;--info-bg: rgba(59, 130, 246, .14);--info-ink: #93C5FD;--scroll-thumb: #2B3852;--scroll-thumb-hover: #3A4A69;--focus-ring: rgba(224, 118, 47, .3)}html[data-theme=dark] img{filter:brightness(.94)}html[data-theme=dark] .no-dim img,html[data-theme=dark] img.no-dim{filter:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .25s ease,color .25s ease;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--heading);line-height:1.25}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button,input,select,textarea{font-family:inherit}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.container-narrow{max-width:960px}.container-fluid{width:100%;padding-left:1.5rem;padding-right:1.5rem}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}@media(min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:.95rem;padding:.65rem 1.4rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background-color:var(--secondary);color:var(--text-inverse);box-shadow:0 4px 12px #c85a1740}.btn-primary:hover:not(:disabled){background-color:var(--secondary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #c85a1759}.btn-navy{background-color:var(--primary);color:var(--text-inverse)}.btn-navy:hover:not(:disabled){background-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 6px 16px #0f2c594d}.btn-outline{background-color:transparent;border-color:var(--border-subtle);color:var(--text-primary)}.btn-outline:hover:not(:disabled){background-color:var(--bg-subtle);border-color:var(--text-secondary)}.btn-outline-primary{background-color:transparent;border-color:var(--secondary);color:var(--secondary)}.btn-outline-primary:hover:not(:disabled){background-color:var(--secondary-light)}.btn-sm{padding:.4rem .85rem;font-size:.85rem}.btn-lg{padding:.85rem 1.8rem;font-size:1.05rem}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.badge{display:inline-flex;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:700;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-sale{background-color:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.2)}.badge-featured{background-color:var(--accent-green-light);color:var(--accent-green);border:1px solid rgba(27,77,62,.2)}.badge-success{background-color:var(--success-bg);color:var(--success)}.badge-warning{background-color:var(--warning-bg);color:var(--warning)}.badge-danger{background-color:var(--danger-bg);color:var(--danger)}.badge-info{background-color:var(--info-bg);color:var(--info)}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem}.form-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.form-control{width:100%;padding:.75rem 1rem;font-size:.95rem;color:var(--text-primary);background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-control:focus{border-color:var(--secondary);box-shadow:0 0 0 3px var(--focus-ring)}.form-error{font-size:.8rem;color:var(--danger);margin-top:.2rem}.card{background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:#c85a174d}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast{pointer-events:auto;min-width:320px;max-width:450px;padding:1rem 1.25rem;border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:var(--shadow-xl);border-left:4px solid var(--primary);display:flex;align-items:center;justify-content:space-between;animation:slideIn .3s ease forwards}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-warning{border-left-color:var(--warning)}.toast-info{border-left-color:var(--info)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-subtle)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}::selection{background:var(--secondary);color:#fff}.btn{-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}.card{box-shadow:var(--shadow-sm)}.card-hover:hover{border-color:var(--secondary)}img,video,canvas,svg{max-width:100%}p,h1,h2,h3,h4,li{overflow-wrap:break-word}table{max-width:100%}pre,code{max-width:100%;overflow-x:auto}.container,.container-fluid{padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}@media(max-width:640px){.container,.container-fluid{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}input:not([type=checkbox]):not([type=radio]),select,textarea,.form-control,.o3-admin .input{font-size:16px}.btn{min-height:42px}.btn-sm{min-height:34px}.toast-container{left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom))}.toast{min-width:0;max-width:none;width:100%}h1{font-size:clamp(1.6rem,7vw,2.2rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}