@import "https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,300;0,400;0,600;0,700;0,900;1,400&display=swap";:root{--color-mint:#6ec5a8;--color-marine:#1a2d5a;--color-teal:#175266;--color-mint-light:#c2fff0;--color-slate:#cbd5e8;--color-gold:#f0b800;--color-gold-hover:#d9a400;--color-danger:#e53e3e;--color-success:#38a169;--color-warning:#dd6b20;--bg-page:#f4f7fa;--bg-card:#fff;--bg-card-hover:#f0f6ff;--bg-header:#1a2d5a;--bg-sidebar:#eef3fa;--bg-input:#fff;--bg-overlay:#1a2d5a8c;--text-primary:#0f1d3a;--text-secondary:#3d5070;--text-muted:#718096;--text-inverse:#f0f4ff;--text-on-gold:#1a2d5a;--text-link:#1a6fa8;--text-link-hover:#0f4d7a;--border-default:#c8d5e8;--border-focus:#6ec5a8;--border-active:#1a2d5a;--btn-primary-bg:#1a2d5a;--btn-primary-text:#fff;--btn-primary-hover:#0f1d3a;--btn-secondary-bg:#6ec5a8;--btn-secondary-text:#0f1d3a;--btn-secondary-hover:#4aada8;--btn-cta-bg:#f0b800;--btn-cta-text:#1a2d5a;--btn-cta-hover:#d9a400;--btn-danger-bg:#e53e3e;--btn-danger-text:#fff;--btn-danger-hover:#c53030;--accent-primary:#6ec5a8;--accent-secondary:#175266;--badge-promo-bg:#f0b800;--badge-promo-text:#1a2d5a;--badge-new-bg:#6ec5a8;--badge-new-text:#0f1d3a;--badge-stock-low:#dd6b20;--badge-out-of-stock:#e53e3e;--shadow-sm:0 1px 3px #0f1d3a14;--shadow-md:0 4px 12px #0f1d3a1f;--shadow-lg:0 8px 24px #0f1d3a29;--shadow-xl:0 16px 48px #0f1d3a33;--shadow-card-hover:0 8px 28px #1a2d5a2e;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--font-family:"Source Sans 3", "Segoe UI", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.0625rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-regular:400;--font-semibold:600;--font-bold:700;--font-black:900;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.6;--leading-relaxed:1.75;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--tracking-widest:.12em;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--container-max:1280px;--header-height:64px;--sidebar-width:260px}[data-theme=dark]{--bg-page:#0c1628;--bg-card:#162035;--bg-card-hover:#1e2d45;--bg-header:#0a1020;--bg-sidebar:#0f1a2e;--bg-input:#1a2a40;--bg-overlay:#050a19b3;--text-primary:#e8eff8;--text-secondary:#a8bace;--text-muted:#6b839e;--text-inverse:#0f1d3a;--text-link:#6ec5a8;--text-link-hover:#8ad5bb;--border-default:#2a3f5a;--border-focus:#6ec5a8;--border-active:#6ec5a8;--btn-primary-bg:#6ec5a8;--btn-primary-text:#0f1d3a;--btn-primary-hover:#4aada8;--btn-secondary-bg:#1a2d5a;--btn-secondary-text:#e8eff8;--btn-secondary-hover:#243d70;--bg-table-row-alt:#0f1a2e;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-card-hover:0 8px 28px #0000008c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-family);font-size:var(--text-md);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-page);transition:background-color var(--transition-base), color var(--transition-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);line-height:var(--leading-tight);color:var(--text-primary);font-weight:var(--font-bold)}h1{font-size:var(--text-4xl);font-weight:var(--font-black);letter-spacing:var(--tracking-tight);color:var(--color-marine)}h2{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--color-teal)}h3{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}h4{font-size:var(--text-xl);font-weight:var(--font-semibold)}h5{font-size:var(--text-lg);font-weight:var(--font-semibold)}h6{font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}[data-theme=dark] h1{color:var(--text-primary)}[data-theme=dark] h2{color:var(--color-mint)}p{font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-primary)}a{color:var(--text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--text-link-hover)}strong,b{font-weight:var(--font-bold)}small{font-size:var(--text-sm);color:var(--text-muted)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-6);margin:0 auto}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-default);padding:var(--space-6);transition:box-shadow var(--transition-base), background-color var(--transition-base), transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);white-space:nowrap;border:2px solid #0000;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover{background:var(--btn-primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.btn-secondary:hover{background:var(--btn-secondary-hover);box-shadow:var(--shadow-sm)}.btn-cta{background:var(--btn-cta-bg);color:var(--btn-cta-text)}.btn-cta:hover{background:var(--btn-cta-hover);box-shadow:var(--shadow-md)}.btn-danger{background:var(--btn-danger-bg);color:var(--btn-danger-text)}.btn-danger:hover{background:var(--btn-danger-hover)}.btn-ghost{color:var(--text-primary);border-color:var(--border-default);background:0 0}.btn-ghost:hover{background:var(--bg-card-hover);border-color:var(--border-focus);color:var(--accent-primary)}.btn-sm{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.btn-lg{font-size:var(--text-lg);padding:var(--space-4) var(--space-8)}.badge{font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap;align-items:center;display:inline-flex}.badge-promo{background:var(--badge-promo-bg);color:var(--badge-promo-text)}.badge-new{background:var(--badge-new-bg);color:var(--badge-new-text)}.badge-low{background:var(--badge-stock-low);color:#fff}.badge-out{background:var(--badge-out-of-stock);color:#fff}.badge-info{background:var(--accent-secondary);color:#fff}.input{width:100%;font-family:var(--font-family);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-input);border:1.5px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6ec5a840}.input:hover{border-color:var(--accent-primary)}.divider{border:none;border-top:1px solid var(--border-default);margin:var(--space-6) 0}.price{font-size:var(--text-xl);font-weight:var(--font-black);color:var(--color-marine)}.price-old{font-size:var(--text-base);font-weight:var(--font-regular);color:var(--text-muted);text-decoration:line-through}[data-theme=dark] .price{color:var(--color-mint)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-muted{color:var(--text-muted)}.text-primary{color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--color-slate);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}::selection{background:var(--color-mint);color:var(--color-marine)}