@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&family=Space+Mono:wght@400;700&display=swap";:root{--bg-primary: #F7F4EF;--bg-surface: #EEEAE2;--bg-elevated: #E4DFD4;--accent-cyan: #2D5A3D;--accent-gold: #8B6914;--accent-hover: #1E3D2A;--text-primary: #1A1A17;--text-muted: #6B6558;--text-dim: #A8A096;--border: rgba(26, 26, 23, .1);--border-glow: rgba(45, 90, 61, .2);--energy: #D4721A;--focus: #1A7A50;--immunity: #3A9E2A;--longevity: #9B6CC5;--font-display: "Cormorant Garamond", serif;--font-mono: "Space Mono", monospace;--font-body: "DM Sans", sans-serif;--radius: 2px;--radius-md: 6px;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:var(--font-body)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes capsuleIn{0%{opacity:0;transform:translate(16px) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}.fade-up{animation:fadeUp .45s ease both}.fade-up:nth-child(1){animation-delay:.05s}.fade-up:nth-child(2){animation-delay:.1s}.fade-up:nth-child(3){animation-delay:.15s}.fade-up:nth-child(4){animation-delay:.2s}.fade-up:nth-child(5){animation-delay:.25s}.fade-up:nth-child(6){animation-delay:.3s}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--text-dim);border-radius:2px}.header{position:sticky;top:0;z-index:100;background:#f7f4eff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-inner{max-width:1280px;margin:0 auto;padding:0 32px;height:60px;display:flex;align-items:center;gap:48px}.header-logo{display:flex;flex-direction:column;line-height:1;gap:2px}.logo-mark{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:.12em;color:var(--text-primary)}.logo-sub{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase}.header-nav{display:flex;gap:32px;margin-left:auto}.nav-link{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);transition:color var(--transition)}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active{color:var(--accent-cyan)}.header-cart{display:flex;align-items:center;gap:8px;padding:7px 16px;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;transition:border-color var(--transition),color var(--transition);position:relative}.header-cart:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.cart-icon{font-size:14px;color:var(--accent-cyan)}.cart-label{display:inline}@media (max-width: 640px){.header-inner{padding:0 16px;gap:16px}.header-nav{gap:16px}.cart-label{display:none}}.cart-badge{position:absolute;top:-6px;right:-6px;background:var(--accent-cyan);color:var(--bg-primary);font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:2rem;width:100%}@media (max-width: 768px){.main-content{padding:1rem}}.protocol-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:120px;border:1px dashed var(--border);border-radius:var(--radius-md);padding:32px}.protocol-empty-icon{font-size:28px;color:var(--text-dim)}.protocol-empty-text{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--text-muted);text-align:center;line-height:1.6}.protocol-stack{display:flex;flex-direction:column;gap:6px}.capsule{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--capsule-color, var(--accent-cyan));border-radius:var(--radius-md);cursor:pointer;animation:capsuleIn .25s ease both;transition:background var(--transition),border-color var(--transition)}.capsule:hover{background:#ef44440f;border-left-color:#ef4444}.capsule:hover .capsule-remove{opacity:1}.capsule-dot{width:8px;height:8px;border-radius:50%;background:var(--capsule-color, var(--accent-cyan));flex-shrink:0;box-shadow:0 0 6px var(--capsule-color, var(--accent-cyan))}.capsule-name{font-family:var(--font-display);font-size:16px;color:var(--text-primary);flex:1}.capsule-qty{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.capsule-remove{font-size:14px;color:#ef4444;opacity:0;transition:opacity var(--transition);font-weight:300}.ingredient-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:0;cursor:pointer;display:flex;flex-direction:column;gap:0;transition:border-color var(--transition),box-shadow var(--transition);position:relative;overflow:hidden}.card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}.ingredient-card:hover{border-color:var(--card-accent, var(--accent-cyan));background:var(--bg-elevated)}.ingredient-card:hover:after{content:"";position:absolute;inset:0;border-radius:var(--radius-md);box-shadow:0 0 20px -8px var(--card-accent, var(--accent-cyan));pointer-events:none}.card-header{display:flex;align-items:center;justify-content:space-between}.card-category{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.card-icon{display:flex;align-items:center;flex-shrink:0}.card-add{width:26px;height:26px;border-radius:50%;border:1px solid var(--border);color:var(--text-primary);font-size:16px;font-weight:300;display:flex;align-items:center;justify-content:center;transition:all var(--transition);flex-shrink:0;background:none;cursor:pointer}.card-add:hover{border-color:var(--card-accent, var(--accent-cyan));color:var(--card-accent, var(--accent-cyan));background:#2d5a3d14}.card-add--added{border-color:var(--card-accent, var(--accent-cyan));color:var(--card-accent, var(--accent-cyan));background:#2d5a3d26;transform:scale(1.15)}.ingredient-card--added{border-color:var(--card-accent, var(--accent-cyan));background:var(--bg-elevated)}.card-name{font-family:var(--font-display);font-size:18px;font-weight:400;color:var(--text-primary);line-height:1.2}.card-desc{font-size:12px;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-price{font-family:var(--font-mono);font-size:12px;color:var(--accent-gold);margin-top:auto;padding-top:4px}.supplement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}@media (max-width: 480px){.supplement-grid{grid-template-columns:1fr 1fr;gap:8px}}.supplement-empty{display:flex;align-items:center;justify-content:center;min-height:200px}.empty-label{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase}.goal-filter{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:28px}.goal-card{position:relative;height:100px;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;background:var(--bg-surface);cursor:pointer;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition);padding:0;text-align:left}.goal-card:hover{transform:translateY(-2px);border-color:var(--card-color)}.goal-card.active{border-color:var(--card-color);box-shadow:0 4px 16px -4px var(--card-color)}.goal-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:filter var(--transition)}.goal-card:hover .goal-card-img,.goal-card.active .goal-card-img{filter:saturate(1.15)}.goal-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,#14120ec7,#14120e2e)}.goal-card-content{position:absolute;bottom:0;left:0;right:0;padding:10px 10px 8px;display:flex;flex-direction:column;gap:1px}.goal-card-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff}.goal-card-desc{font-family:var(--font-body);font-size:9px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goal-card-check{position:absolute;top:7px;right:8px;width:18px;height:18px;background:var(--card-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;font-weight:700;line-height:18px;text-align:center}@media (max-width: 768px){.goal-filter{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.goal-filter{grid-template-columns:repeat(2,1fr)}}.starter-protocols{display:flex;flex-direction:column;gap:10px}.starter-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.starter-list{display:flex;flex-direction:column;gap:6px}.starter-btn{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);text-align:left;transition:all var(--transition);cursor:pointer}.starter-btn:hover{border-color:var(--accent-cyan);background:#2d5a3d0a}.starter-btn-label{font-family:var(--font-display);font-size:16px;font-weight:400}.starter-btn-tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-cyan)}.metrics-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:20px}.metrics-row{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border-radius:var(--radius);overflow:hidden}.metric-block{background:var(--bg-elevated);padding:16px;display:flex;flex-direction:column;gap:2px}.metric-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.metric-value{font-family:var(--font-display);font-size:28px;font-weight:300;color:var(--accent-gold);line-height:1}.metric-sub{font-size:11px;color:var(--text-dim)}.coverage-section{display:flex;flex-direction:column;gap:10px}.coverage-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.coverage-row{display:flex;align-items:center;gap:10px}.coverage-cat{font-size:12px;color:var(--text-muted);width:68px;flex-shrink:0}.coverage-track{flex:1;height:3px;background:var(--bg-elevated);border-radius:2px;overflow:hidden}.coverage-fill{height:100%;border-radius:2px;transition:width .4s ease}.coverage-count{font-family:var(--font-mono);font-size:11px;width:12px;text-align:right}.bb-root{width:100%;position:relative}.bb-hero{position:relative;width:100%;height:340px;overflow:hidden;margin:-2rem -2rem 2.5rem;width:calc(100% + 4rem);border-radius:0 0 var(--radius-md) var(--radius-md)}.bb-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%}.bb-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#141e14b8,#141e1459 60%,#141e141a)}.bb-hero-content{position:absolute;bottom:0;left:0;padding:40px 48px;max-width:560px}.bb-hero-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#ffffffb3;margin:0 0 10px}.bb-hero-title{font-family:var(--font-display);font-size:52px;font-weight:300;color:#fff;line-height:1.05;margin:0 0 14px;letter-spacing:-.01em}.bb-hero-desc{font-family:var(--font-body);font-size:14px;color:#ffffffbf;line-height:1.65;margin:0;max-width:420px}@media (max-width: 640px){.bb-hero{height:240px;margin:-1rem -1rem 2rem;width:calc(100% + 2rem)}.bb-hero-content{padding:24px 20px}.bb-hero-title{font-size:36px}}.bb-loading{display:flex;align-items:center;justify-content:center;gap:8px;min-height:400px}.bb-loading-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);animation:bb-pulse 1.2s ease-in-out infinite}.bb-loading-dot:nth-child(2){animation-delay:.2s}.bb-loading-dot:nth-child(3){animation-delay:.4s}@keyframes bb-pulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.bb-toast{position:fixed;top:88px;right:24px;background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--accent-cyan);color:var(--text-primary);font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;padding:12px 20px;border-radius:var(--radius-md);z-index:999;animation:bb-slide-in .25s ease-out}@keyframes bb-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.bb-layout{display:grid;grid-template-columns:1fr 360px;gap:32px;align-items:start}.bb-catalog{min-width:0;display:flex;flex-direction:column;gap:24px}.bb-catalog-header{display:flex;flex-direction:column;gap:6px}.bb-title{font-family:var(--font-display);font-size:42px;font-weight:300;color:var(--text-primary);margin:0;line-height:1;letter-spacing:-.01em}.bb-subtitle{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0}.bb-panel{min-width:0}.bb-panel-sticky{position:sticky;top:88px;display:flex;flex-direction:column;gap:16px}.bb-cta{display:flex;flex-direction:column;gap:8px}.bb-subscribe-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 20px;background:var(--accent-cyan);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}.bb-subscribe-btn:disabled{opacity:.35;cursor:not-allowed}.bb-subscribe-btn:not(:disabled):hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 8px 24px #2d5a3d33}.bb-subscribe-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#f7f4ef;font-weight:700}.bb-subscribe-price{font-family:var(--font-display);font-size:22px;font-weight:400;color:#f7f4ef;line-height:1}.bb-subscribe-freq{font-family:var(--font-mono);font-size:11px;font-weight:400}.bb-clear-btn{width:100%;padding:10px 20px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all var(--transition)}.bb-clear-btn:disabled{opacity:.3;cursor:not-allowed}.bb-clear-btn:not(:disabled):hover{border-color:var(--text-muted);color:var(--text-primary)}@media (max-width: 1024px){.bb-layout{grid-template-columns:1fr}.bb-panel-sticky{position:static}}@media (max-width: 640px){.bb-title{font-size:32px}.bb-toast{right:16px;left:16px;top:72px}}.cic-root{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition)}.cic-root:hover{border-color:var(--border)}.cic-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.cic-index{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0}.cic-stack-icon{font-size:18px;color:var(--accent-cyan)}.cic-info{display:flex;flex-direction:column;gap:2px;min-width:0}.cic-label{font-family:var(--font-display);font-size:18px;font-weight:300;color:var(--text-primary)}.cic-count{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.cic-price{font-family:var(--font-mono);font-size:11px;color:var(--accent-gold)}.cic-right{display:flex;align-items:center;gap:20px;flex-shrink:0}.cic-qty{display:flex;align-items:center;gap:4px}.cic-qty-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:16px;line-height:1;cursor:pointer;transition:all var(--transition)}.cic-qty-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.cic-qty-val{width:32px;text-align:center;font-family:var(--font-mono);font-size:14px;color:var(--text-primary)}.cic-total{font-family:var(--font-display);font-size:22px;font-weight:300;color:var(--accent-gold);min-width:80px;text-align:right}.cic-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:18px;line-height:1;cursor:pointer;transition:all var(--transition)}.cic-remove:hover{border-color:#ef444480;color:#ef4444}@media (max-width: 640px){.cic-root{flex-direction:column;align-items:flex-start}.cic-right{width:100%;justify-content:space-between}}.cart-page{width:100%}.cart-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px}.cart-title{font-family:var(--font-display);font-size:42px;font-weight:300;color:var(--text-primary);margin:0 0 4px;line-height:1}.cart-sub{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0}.cart-reset-btn{background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:8px 16px;cursor:pointer;transition:all var(--transition);white-space:nowrap}.cart-reset-btn:hover{border-color:#ef444466;color:#ef4444}.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start}.cart-items{display:flex;flex-direction:column;gap:8px}.cart-sidebar{position:sticky;top:88px}.cart-summary{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;display:flex;flex-direction:column;gap:16px}.cart-summary-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.cart-summary-rows{display:flex;flex-direction:column;gap:10px}.cart-summary-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-muted)}.cart-summary-divider{height:1px;background:var(--border)}.cart-summary-total{display:flex;justify-content:space-between;align-items:baseline}.cart-summary-total-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.cart-summary-total-value{font-family:var(--font-display);font-size:32px;font-weight:300;color:var(--accent-gold);line-height:1}.cart-checkout-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 20px;background:var(--accent-cyan);border:none;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#f7f4ef;font-weight:700;cursor:pointer;transition:all var(--transition)}.cart-checkout-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 8px 24px #2d5a3d33}.cart-checkout-arrow{font-size:16px;font-weight:400}.cart-continue-btn{width:100%;padding:10px 20px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--transition)}.cart-continue-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center;gap:16px}.cart-empty-icon{font-size:48px;color:var(--text-dim);line-height:1}.cart-empty-title{font-family:var(--font-display);font-size:36px;font-weight:300;color:var(--text-primary);margin:0}.cart-empty-sub{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--text-muted);margin:0;text-transform:uppercase}.cart-empty-btn{margin-top:8px;padding:12px 28px;background:var(--accent-cyan);border:none;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#f7f4ef;font-weight:700;cursor:pointer;transition:all var(--transition)}.cart-empty-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}@media (max-width: 1024px){.cart-layout{grid-template-columns:1fr}.cart-sidebar{position:static}}@media (max-width: 640px){.cart-head{flex-direction:column;gap:16px}.cart-reset-btn{width:100%}}.os-page{width:100%}.os-head{margin-bottom:32px}.os-title{font-family:var(--font-display);font-size:42px;font-weight:300;color:var(--text-primary);margin:0 0 4px;line-height:1}.os-sub{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0}.os-layout{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start}.os-form-wrap{display:flex;flex-direction:column;gap:20px}.os-error{background:#ef444414;border:1px solid rgba(239,68,68,.3);color:#f87171;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;padding:12px 16px;border-radius:var(--radius)}.os-form{display:flex;flex-direction:column;gap:20px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:32px}.os-field{display:flex;flex-direction:column;gap:8px}.os-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.os-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:14px;padding:12px 14px;width:100%;box-sizing:border-box;transition:border-color var(--transition);outline:none}.os-input::placeholder{color:var(--text-dim)}.os-input:focus{border-color:var(--accent-cyan)}.os-textarea{resize:vertical;min-height:80px}.os-submit{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:var(--accent-cyan);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);margin-top:4px}.os-submit:disabled{opacity:.4;cursor:not-allowed}.os-submit:not(:disabled):hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 8px 24px #2d5a3d33}.os-submit span{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#f7f4ef;font-weight:700}.os-submit-price{font-family:var(--font-display)!important;font-size:20px!important;font-weight:400!important;letter-spacing:0!important}.os-review{position:sticky;top:88px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;display:flex;flex-direction:column;gap:16px}.os-review-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.os-review-items{display:flex;flex-direction:column;gap:8px}.os-review-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--bg-elevated);border-radius:var(--radius);gap:12px}.os-review-item-left{display:flex;align-items:center;gap:10px;min-width:0}.os-review-item-icon{font-size:16px;color:var(--accent-cyan);flex-shrink:0}.os-review-item-name{font-family:var(--font-display);font-size:15px;font-weight:300;color:var(--text-primary);margin:0 0 2px}.os-review-item-detail{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;color:var(--text-muted);margin:0;text-transform:uppercase}.os-review-item-price{font-family:var(--font-mono);font-size:13px;color:var(--accent-gold);flex-shrink:0}.os-review-rows{display:flex;flex-direction:column;gap:10px}.os-review-row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-muted)}.os-review-divider{height:1px;background:var(--border)}.os-review-total{display:flex;justify-content:space-between;align-items:baseline}.os-review-total-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.os-review-total-value{font-family:var(--font-display);font-size:32px;font-weight:300;color:var(--accent-gold);line-height:1}.os-success{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center;gap:20px}.os-success-badge{width:64px;height:64px;border-radius:50%;border:2px solid var(--accent-cyan);display:flex;align-items:center;justify-content:center;animation:os-scale-in .4s ease-out}@keyframes os-scale-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.os-success-check{font-size:28px;color:var(--accent-cyan)}.os-success-title{font-family:var(--font-display);font-size:42px;font-weight:300;color:var(--text-primary);margin:0;line-height:1}.os-success-id{display:flex;flex-direction:column;gap:4px;margin:0}.os-success-id-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.os-success-id-value{font-family:var(--font-mono);font-size:14px;color:var(--accent-cyan)}.os-success-msg{font-size:14px;color:var(--text-muted);margin:0;max-width:420px;line-height:1.7}.os-success-btn{padding:12px 28px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all var(--transition)}.os-success-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.os-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center;gap:16px}.os-empty-icon{font-size:48px;color:var(--text-dim);line-height:1}.os-empty-title{font-family:var(--font-display);font-size:36px;font-weight:300;color:var(--text-primary);margin:0}.os-empty-sub{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0}.os-empty-btn{margin-top:8px;padding:12px 28px;background:var(--accent-cyan);border:none;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#f7f4ef;font-weight:700;cursor:pointer;transition:all var(--transition)}.os-empty-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}@media (max-width: 1024px){.os-layout{grid-template-columns:1fr}.os-review{position:static}}@media (max-width: 640px){.os-title{font-size:32px}.os-form{padding:20px 16px}.os-success-title{font-size:32px}}.oh-page{width:100%}.oh-loading{display:flex;align-items:center;justify-content:center;gap:8px;min-height:400px}.oh-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);animation:oh-pulse 1.2s ease-in-out infinite}.oh-dot:nth-child(2){animation-delay:.2s}.oh-dot:nth-child(3){animation-delay:.4s}@keyframes oh-pulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.oh-error{display:flex;flex-direction:column;align-items:center;gap:16px;min-height:300px;justify-content:center;color:var(--text-muted)}.oh-retry{padding:8px 20px;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--transition)}.oh-retry:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.oh-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;gap:16px}.oh-title{font-family:var(--font-display);font-size:42px;font-weight:300;color:var(--text-primary);margin:0 0 4px;line-height:1}.oh-sub{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0}.oh-head-actions{display:flex;gap:8px;flex-shrink:0}.oh-filter-toggle,.oh-refresh{padding:8px 16px;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--transition);white-space:nowrap}.oh-filter-toggle:hover,.oh-refresh:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.oh-filter-form{display:flex;gap:8px;margin-bottom:24px;padding:16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md)}.oh-filter-input{flex:1;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:13px;padding:8px 12px;outline:none;transition:border-color var(--transition)}.oh-filter-input::placeholder{color:var(--text-dim)}.oh-filter-input:focus{border-color:var(--accent-cyan)}.oh-filter-submit,.oh-filter-clear{padding:8px 16px;border-radius:var(--radius);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--transition);white-space:nowrap}.oh-filter-submit{background:var(--accent-cyan);border:none;color:#f7f4ef;font-weight:700}.oh-filter-submit:hover{background:var(--accent-hover)}.oh-filter-clear{background:transparent;border:1px solid var(--border);color:var(--text-muted)}.oh-filter-clear:hover{border-color:var(--text-muted);color:var(--text-primary)}.oh-list{display:flex;flex-direction:column;gap:8px}.oh-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 24px;display:flex;flex-direction:column;gap:12px;transition:border-color var(--transition)}.oh-card:hover{border-color:#2d5a3d33}.oh-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.oh-card-id{display:flex;align-items:baseline;gap:12px}.oh-card-num{font-family:var(--font-mono);font-size:14px;color:var(--text-primary);letter-spacing:.05em}.oh-card-date{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase}.oh-status{font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--status-color);border:1px solid var(--status-color);padding:4px 10px;border-radius:100px;opacity:.9}.oh-card-body{display:flex;align-items:center;justify-content:space-between;gap:16px}.oh-customer{display:flex;flex-direction:column;gap:2px}.oh-customer-name{font-family:var(--font-display);font-size:18px;font-weight:300;color:var(--text-primary)}.oh-customer-email{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.oh-amount{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.oh-amount-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.oh-amount-value{font-family:var(--font-display);font-size:26px;font-weight:300;color:var(--accent-gold);line-height:1}.oh-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border)}.oh-items-count{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.oh-updated{font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}.oh-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:16px}.oh-empty-icon{font-size:48px;color:var(--text-dim)}.oh-empty-title{font-family:var(--font-display);font-size:36px;font-weight:300;color:var(--text-primary);margin:0}.oh-empty-sub{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0}.oh-clear-btn{margin-top:8px;padding:10px 24px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all var(--transition)}.oh-clear-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}@media (max-width: 640px){.oh-title{font-size:32px}.oh-head{flex-direction:column}.oh-head-actions{width:100%}.oh-filter-toggle,.oh-refresh{flex:1;text-align:center}.oh-filter-form{flex-wrap:wrap}.oh-filter-input{width:100%}.oh-card-top{flex-wrap:wrap;gap:8px}.oh-card-body{flex-direction:column;align-items:flex-start}.oh-amount{align-items:flex-start}.oh-card{padding:16px}}*{box-sizing:border-box}#root{width:100%;margin:0 auto;text-align:left}