*{margin:0;padding:0}:root{--brand-primary:#6b4e9b;--brand-secondary:#d4a574;--brand-accent:#e8c9a0;--brand-text:#1a1a1a;--brand-background:#fff;--brand-font-heading:system-ui;--brand-font-body:system-ui}@media (prefers-color-scheme:dark){:root{--brand-primary:#8b6ebb;--brand-secondary:#e5b584;--brand-accent:#f8d9b0;--brand-text:#e5e5e5;--brand-background:#1a1a1a}}html.dark{--brand-primary:#8b6ebb;--brand-secondary:#e5b584;--brand-accent:#f8d9b0;--brand-text:#e5e5e5;--brand-background:#1a1a1a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--brand-background,#f5f5f5);color:#1a1a1a;color:var(--brand-text,#333);font-family:system-ui;font-family:var(--brand-font-body,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif);transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--coffee-dark:#4a3728;--coffee-medium:#6b4e3d;--coffee-light:#8b6f5b;--terminal-green:#d4af37;--terminal-green-dim:#b8941f;--terminal-green-glow:#d4af3766;--cream:#f5f2eb;--cream-dark:#eae4d8;--white-warm:#fafaf8;--tan:#d4a574;--burnt-orange:#c77849;--error:#d32f2f;--success:var(--terminal-green);--text-dark:#2d2419;--text-medium:#5d4a3a}.App{background:#2a2a2a;display:flex;flex-direction:column;min-height:100vh}.App-header{background:#4a3728;background:var(--coffee-dark);border-bottom:2px solid #6b4e3d;border-bottom:2px solid var(--coffee-medium);box-shadow:0 2px 8px #4a37284d;color:#f5f2eb;color:var(--cream);padding:2rem;text-align:center}.App-header.hidden{display:none}.App-header h1{color:#d4af37;color:var(--terminal-green);font-family:Courier New,monospace;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 10px #d4af3766;text-shadow:0 0 10px var(--terminal-green-glow)}.App-header p{color:#f5f2eb;color:var(--cream);font-size:1.1rem;margin-bottom:1rem;opacity:.9}.user-info{align-items:center;color:#d4af37;display:flex;font-family:Courier New,monospace;font-size:.95rem;gap:1rem;justify-content:center;margin-top:1rem}.logout-btn,.user-info{color:var(--terminal-green)}.logout-btn{border:2px solid var(--terminal-green);border-radius:4px;padding:.4rem 1rem}.logout-btn:hover{background:var(--terminal-green);box-shadow:0 0 15px #d4af3766;box-shadow:0 0 15px var(--terminal-green-glow);color:#4a3728;color:var(--coffee-dark)}.App-main{background:#2a2a2a;flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;position:relative;width:100%}.App-main:before{animation:scanlines 8s linear infinite;background:repeating-linear-gradient(0deg,#d4a57408,#0000 1px,#0000 2px,#d4a57408 3px);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}.App-main.landing{max-width:100%;padding:0}.error-container,.loading-container{align-items:center;background:#4a3728;background:var(--coffee-dark);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.spinner{border:4px solid #6b4e3d;border-top:4px solid #d4af37;border:4px solid var(--coffee-medium);border-top-color:var(--terminal-green);box-shadow:0 0 20px #d4af3766;box-shadow:0 0 20px var(--terminal-green-glow);height:50px;width:50px}.loading-container:after{animation:blink 1s infinite;content:"_";display:block;margin-top:1rem}.error-container h1,.loading-container:after{color:#d4af37;color:var(--terminal-green);font-family:Courier New,monospace;font-size:2rem}.error-container h1{margin-bottom:1rem;text-shadow:0 0 10px #d4af3766;text-shadow:0 0 10px var(--terminal-green-glow)}.error-container p{color:#f5f2eb;color:var(--cream);font-size:1.1rem;margin-bottom:.5rem}.error-hint{color:#d4a574;color:var(--tan);font-family:Courier New,monospace;font-size:.95rem;margin-top:1rem}.roaster-logo{margin-bottom:1rem;max-height:80px;max-width:200px;object-fit:contain}@media (max-width:768px){.App-header h1{font-size:2rem}.App-main{padding:1rem}.roaster-logo{max-height:60px;max-width:150px}}.subscription-config{animation:screenFlicker .15s infinite alternate;background:#2a2a2a;border:3px solid #d4a574;border-radius:8px;box-shadow:0 0 30px #d4a5744d,0 0 60px #d4a57433,inset 0 0 100px #d4a5740d;padding:2.5rem;position:relative}.subscription-config h2{color:var(--coffee-dark);font-family:Courier New,monospace;font-size:2rem;margin-bottom:.5rem;text-transform:uppercase}.subtitle{color:#c9a227;font-size:1.05rem;margin-bottom:2rem;text-shadow:0 0 10px #c9a22780}.subtitle:before{color:#d4a574;content:"> "}.config-form{display:flex;flex-direction:column;gap:2rem}.form-section h3{color:var(--coffee-dark);font-family:Courier New,monospace;font-size:1.2rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grind-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.option-card{background:#0000;border:2px solid #d4a574;border-radius:0;padding:1.2rem;position:relative}.option-card:hover{border-color:var(--terminal-green);box-shadow:0 4px 8px #4a372826,0 0 15px var(--terminal-green-glow)}.option-card.selected{background:var(--coffee-dark);border-color:var(--terminal-green);box-shadow:0 0 20px var(--terminal-green-glow)}.option-card.selected .option-label{color:var(--terminal-green);text-shadow:0 0 5px var(--terminal-green-glow)}.option-card.selected .option-description{color:var(--cream)}.option-card input[type=radio]{opacity:0;pointer-events:none;position:absolute}.option-content{text-align:center}.option-label{color:var(--coffee-dark);font-family:Courier New,monospace;font-size:1rem;margin-bottom:.3rem}.option-description{color:var(--text-medium);font-size:.9rem}.quantity-control{gap:1rem}.qty-btn,.quantity-control{align-items:center;display:flex;justify-content:center}.qty-btn{background:var(--coffee-dark);border:2px solid var(--terminal-green);border-radius:6px;color:var(--terminal-green);cursor:pointer;font-family:Courier New,monospace;font-size:1.5rem;height:40px;transition:all .2s;width:40px}.qty-btn:hover{background:var(--terminal-green);box-shadow:0 0 20px var(--terminal-green-glow);color:var(--coffee-dark)}.qty-input{background:var(--cream);border:2px solid var(--coffee-medium);border-radius:6px;color:var(--coffee-dark);font-family:Courier New,monospace;font-size:1.2rem;font-weight:600;height:40px;text-align:center;width:80px}.qty-input:focus{border-color:var(--terminal-green);box-shadow:0 0 10px var(--terminal-green-glow);outline:none}.address-form{max-width:600px}.form-group{margin-bottom:1rem}.form-group input:focus{border-color:var(--terminal-green);box-shadow:0 0 10px var(--terminal-green-glow)}.form-group input.error{border-color:var(--error)}.form-row{grid-template-columns:1fr 100px 100px}.form-group-small input{text-transform:uppercase}.validation-error{color:var(--error);font-family:Courier New,monospace;font-size:.85rem;margin-top:.3rem}.validation-summary{background:var(--tan);border:2px solid var(--burnt-orange);border-radius:6px;color:var(--coffee-dark);font-family:Courier New,monospace;font-size:.95rem;padding:1rem;text-align:center}.price-summary{background:var(--coffee-dark);border:2px solid var(--coffee-medium);border-radius:6px;margin-top:1rem;padding:1.5rem}.price-row{color:var(--cream);display:flex;font-family:Courier New,monospace;font-size:1rem;justify-content:space-between;margin-bottom:.75rem}.price-row.total{border-top:2px solid var(--terminal-green);color:var(--terminal-green);font-size:1.2rem;font-weight:700;margin-top:.5rem;padding-top:.75rem;text-shadow:0 0 10px var(--terminal-green-glow)}.price-value{color:var(--terminal-green);font-weight:600}.message{border-radius:6px;font-size:.95rem;margin-bottom:1rem;padding:1rem}.error-message{border-left:3px solid var(--error);color:var(--error)}.success-message{background:#00ff411a;border-left:3px solid var(--terminal-green);color:var(--terminal-green-dim);text-shadow:0 0 5px var(--terminal-green-glow)}.submit-btn{background:var(--coffee-dark);border:2px solid var(--terminal-green);border-radius:6px;color:var(--terminal-green);font-weight:600;letter-spacing:1px;margin:0 auto;max-width:400px;width:100%}.submit-btn:hover:not(:disabled){background:var(--coffee-medium);box-shadow:0 0 25px var(--terminal-green-glow),0 6px 16px #4a372866}.submit-btn:disabled{border-color:var(--coffee-light);color:var(--coffee-light);transform:none}.success-screen{margin:0 auto;max-width:600px;padding:3rem 2rem;text-align:center}.success-icon{align-items:center;animation:scaleIn .5s ease-out,pulse 2s infinite;border-radius:50%;box-shadow:0 0 30px var(--terminal-green-glow);display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-screen h2{color:var(--terminal-green);font-family:Courier New,monospace;margin-bottom:1rem;text-shadow:0 0 15px var(--terminal-green-glow);text-transform:uppercase}.success-screen .success-message{background:#0000;border:none;color:var(--text-medium);font-size:1.1rem;margin-bottom:2rem;padding:0}.subscription-details{background:var(--coffee-dark);border:2px solid var(--terminal-green);border-radius:6px;box-shadow:0 0 20px var(--terminal-green-glow);margin-top:2rem;padding:2rem;text-align:left}.subscription-details h3{color:var(--terminal-green);font-family:Courier New,monospace;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;text-align:center;text-transform:uppercase}.subscription-details ul{list-style:none;margin:0;padding:0}.subscription-details li{border-bottom:1px solid var(--coffee-medium);color:var(--cream);font-family:Courier New,monospace;font-size:1rem;padding:.75rem 0}.subscription-details li:last-child{border-bottom:none;border-top:2px solid var(--terminal-green);color:var(--terminal-green);font-size:1.1rem;font-weight:600;margin-top:.5rem;padding-top:1rem}.subscription-details strong{color:var(--tan);margin-right:.5rem}@media (max-width:768px){.subscription-config{padding:1.5rem}.subscription-config h2{font-size:1.6rem}.form-row,.grind-grid,.options-grid{grid-template-columns:1fr}}.storefront{color:#d4a574;font-family:Courier New,monospace;margin:0 auto;max-width:1200px;padding:2rem}.storefront-header{border-bottom:2px solid #d4a574;margin-bottom:3rem;padding-bottom:2rem;text-align:center}.storefront-header h1{color:#d4af37;font-size:2.5rem;letter-spacing:2px;margin-bottom:.5rem;text-shadow:0 0 20px #d4af3780}.storefront-subtitle{color:#c9a227;font-size:1.1rem;letter-spacing:1px;text-transform:uppercase}.products-grid-storefront{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.product-card-storefront{background:#d4a5740d;border:2px solid #d4a574;border-radius:8px;cursor:pointer;padding:1.5rem;transition:all .3s}.product-card-storefront:hover{border-color:#d4af37;box-shadow:0 0 30px #d4af374d;transform:translateY(-4px)}.product-card-header{align-items:flex-start;border-bottom:1px solid #d4a574;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.product-card-header h3{color:#d4af37;flex:1 1;font-size:1.3rem;margin:0}.roast-badge{background:#d4af3733;border-radius:4px;color:#d4af37;font-size:.75rem;letter-spacing:1px;padding:.3rem .6rem;text-transform:uppercase}.product-description{color:#c9a227}.product-meta{margin:1rem 0}.product-meta p{color:#d4a574;font-size:.9rem;margin:.3rem 0}.product-meta strong{color:#c9a227}.flavor-notes{margin:1rem 0}.flavor-notes strong{color:#c9a227;display:block;font-size:.9rem;margin-bottom:.5rem}.flavor-tags{display:flex;flex-wrap:wrap;gap:.5rem}.flavor-tag{background:#d4a5744d;border-radius:4px;color:#d4a574;font-size:.8rem}.product-price{color:#d4af37;font-size:1.2rem;font-weight:700;margin:1rem 0}.subscribe-btn{background:#0000;border:2px solid #d4af37;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;font-size:1rem;letter-spacing:2px;min-height:44px;padding:.875rem;transition:all .2s;width:100%}.subscribe-btn:hover{background:#d4af37;box-shadow:0 0 20px #d4af3780;color:#2a2a2a}.modal-content-storefront{background:#2a2a2a;border:3px solid #d4a574;border-radius:8px;max-height:90vh;max-width:900px;overflow-y:auto;padding:2rem;position:relative;width:90%}.modal-close{align-items:center;background:none;color:#d4a574;display:flex;height:44px;justify-content:center;min-height:44px;min-width:44px;transition:all .2s;width:44px}.modal-close:hover{transform:scale(1.1)}.modal-content-storefront h2{color:#d4af37;font-size:1.8rem;margin-bottom:.5rem;text-shadow:0 0 15px #d4af3766}.modal-subtitle{color:#c9a227;font-size:1.1rem}.plans-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.plan-card.default-plan{border-color:#d4af37;box-shadow:0 0 20px #d4af374d}.plan-card:hover{transform:translateY(-4px)}.plan-header{border-bottom:1px solid #d4a574}.plan-header h3{color:#d4af37;font-size:1.2rem;margin:0 0 .5rem}.badge-recommended{background:#d4af3733;border-radius:4px;color:#d4af37;font-size:.7rem;letter-spacing:1px;padding:.3rem .6rem}.plan-details{margin:1.5rem 0;text-align:center}.plan-frequency{color:#c9a227;font-size:.9rem;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.plan-size{color:#d4a574;font-size:1rem;margin-bottom:1rem}.plan-price{font-size:2rem;margin:.5rem 0 .2rem}.plan-price-label{color:#d4a574;font-size:.85rem;margin-bottom:1rem}.plan-description{color:#c9a227;font-size:.9rem;line-height:1.5;margin:1rem 0}.select-plan-btn{background:#0000;border:2px solid #d4af37;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;font-size:.95rem;letter-spacing:2px;margin-top:auto;min-height:44px;padding:.875rem;transition:all .2s;width:100%}.select-plan-btn:hover{background:#d4af37;box-shadow:0 0 20px #d4af3780;color:#2a2a2a}.storefront-empty,.storefront-error,.storefront-loading{color:#d4a574;padding:4rem 2rem;text-align:center}.storefront-loading .spinner{animation:spin 1s linear infinite;border:3px solid #d4a574;border-radius:50%;border-top-color:#d4af37;height:50px;margin:0 auto 1rem;width:50px}.loading-plans{padding:3rem;text-align:center}.loading-plans .spinner{animation:spin 1s linear infinite;border:3px solid #d4a574;border-radius:50%;border-top-color:#d4af37;height:40px;margin:0 auto 1rem;width:40px}.no-plans{color:#c9a227;padding:3rem;text-align:center}.no-plans .cancel-btn{background:#0000;border:2px solid #d4a574;color:#d4a574;cursor:pointer;font-family:Courier New,monospace;margin-top:1rem;padding:.8rem 2rem;transition:all .2s}.no-plans .cancel-btn:hover{border-color:#d4a574;color:#d4a574}.checkout-flow{color:#d4a574;font-family:Courier New,monospace;margin:0 auto;max-width:800px;padding:2rem}.checkout-flow h1{color:#d4af37;font-size:2.5rem;letter-spacing:2px;margin-bottom:2rem;text-shadow:0 0 20px #d4af3780}.checkout-flow h2{color:#d4af37;font-size:1.3rem;letter-spacing:1px;margin:2rem 0 1rem}.checkout-summary{background:#d4a5740d;border:2px solid #d4a574;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.summary-item{color:#c9a227;display:flex;justify-content:space-between;margin:.5rem 0}.summary-item strong{color:#d4af37;margin-right:1rem}.price-item{border-top:1px solid #d4a574;font-size:1.1rem;margin-top:1rem;padding-top:1rem}.checkout-form{margin-top:2rem}.grind-select{background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;color:#d4a574;cursor:pointer;font-family:Courier New,monospace;font-size:1rem;margin-bottom:1rem;padding:.8rem;width:100%}.grind-select:focus{border-color:#d4af37;box-shadow:0 0 10px #d4af374d;outline:none}.shipping-method-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.shipping-option{align-items:center;background:#d4a5740d;border:2px solid #d4a574;border-radius:8px;cursor:pointer;display:flex;padding:1rem;transition:all .3s}.shipping-option:hover{border-color:#d4af37;box-shadow:0 0 15px #d4af3733}.shipping-option.selected{background:#d4af371a;border-color:#d4af37;box-shadow:0 0 20px #d4af374d}.shipping-option input[type=radio]{accent-color:#d4af37;cursor:pointer;height:18px;margin-right:1rem;width:18px}.option-content{display:flex;flex:1 1;flex-direction:column}.option-title{color:#d4af37;font-size:1rem;font-weight:700;margin-bottom:.3rem}.option-price{color:#c9a227;font-size:.9rem}.address-form{display:flex;flex-direction:column;gap:1rem}.address-form input{background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;color:#d4a574;font-family:Courier New,monospace;font-size:1rem;padding:.8rem}.address-form input:focus{border-color:#d4af37;box-shadow:0 0 10px #d4af374d;outline:none}.address-form input::placeholder{color:#d4a574}.address-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr}.checkout-btn{background:#0000;border:2px solid #d4af37;border-radius:4px;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;font-size:1rem;letter-spacing:2px;margin-top:2rem;min-height:44px;padding:1rem;transition:all .2s;width:100%}.checkout-btn:hover:not(:disabled){background:#d4af37;box-shadow:0 0 20px #d4af3780;color:#2a2a2a}.checkout-btn:disabled{cursor:not-allowed;opacity:.5}.error-message{background:#dc26261a;border:2px solid #dc2626;color:#fca5a5;font-family:Courier New,monospace;margin:1rem 0}@media (max-width:768px){.plans-grid,.products-grid-storefront{grid-template-columns:1fr}.storefront-header h1{font-size:1.8rem}.modal-content-storefront{padding:1.5rem}.checkout-flow{padding:1rem}.checkout-flow h1{font-size:1.8rem}.address-row,.shipping-method-selector{grid-template-columns:1fr}}.toast{align-items:center;animation:slideIn .3s ease-out;background:#1a1a1a;border:2px solid;border-radius:4px;box-shadow:0 4px 12px #00000080;cursor:pointer;display:flex;font-family:monospace;font-size:14px;gap:12px;max-width:500px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:10000}.toast-success{background:#4caf501a;border-color:#4caf50;color:#4caf50}.toast-error{background:#ff6b6b1a;border-color:#ff6b6b;color:#ff6b6b}.toast-warning{background:#ffa7261a;border-color:#ffa726;color:#ffa726}.toast-info{background:#29b6f61a;border-color:#29b6f6;color:#29b6f6}.toast-icon{flex-shrink:0;font-size:18px;font-weight:700}.toast-message{flex:1 1;line-height:1.4}.toast-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:24px;justify-content:center;opacity:.6;padding:0;transition:opacity .2s;width:24px}.toast-close:hover{opacity:1}@media (max-width:600px){.toast{font-size:13px;left:10px;max-width:none;min-width:0;min-width:auto;padding:14px 16px;right:10px;top:10px}}.customer-portal{background:#2a2a2a;color:#d4af37;font-family:Courier New,monospace;min-height:100vh;padding:2rem}.portal-header{align-items:center;border-bottom:2px solid #d4a574;display:flex;justify-content:space-between;margin-bottom:3rem;padding-bottom:1rem}.portal-header h1{font-size:2rem;margin:0;text-shadow:0 0 20px #d4af3780}.customer-info{align-items:center;color:#d4af37;display:flex;gap:2rem}.logout-btn{border:1px solid #d4af37;min-height:44px;padding:.75rem 1.5rem}.logout-btn:hover{box-shadow:0 0 20px #d4af3780;text-shadow:none}.portal-section{margin-bottom:3rem}.portal-section h2{color:#d4af37;font-size:1.5rem;margin-bottom:1.5rem;text-shadow:0 0 10px #d4af3780}.subscriptions-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.subscription-card{background:#d4af370d;border:1px solid #d4a574}.subscription-card:hover{box-shadow:0 0 20px #d4af3733}.subscription-card.paused{border-color:#666;opacity:.7}.subscription-card.cancelled{border-color:#444;opacity:.5}.card-header{padding-bottom:.5rem}.subscription-type{color:#d4af37;font-size:1.1rem;font-weight:700}.status-badge{border:1px solid;font-size:.8rem}.status-badge.active{background:#4caf501a;border-color:#4caf50;color:#4caf50}.status-badge.paused{background:#ffa5001a;border-color:orange;color:orange}.status-badge.cancelled{background:#8888881a;border-color:#888;color:#888}.detail-row .label{color:#d4a574}.detail-row .value{color:#d4af37}.card-actions{border-top:1px solid #d4a574;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem}.action-btn{border:1px solid #d4a574;color:#a0896b;flex:1 1;min-height:44px;min-width:100px;padding:.875rem 1rem}.action-btn:hover:not(:disabled){color:#d4af37;text-shadow:0 0 10px #d4af3780}.action-btn.primary{border-color:#4caf50;color:#4caf50}.action-btn.primary:hover:not(:disabled){background:#4caf501a;box-shadow:0 0 15px #4caf504d}.action-btn.danger{border-color:#888;color:#888}.action-btn.danger:hover:not(:disabled){border-color:#f44336;color:#f44336}.action-btn:disabled{opacity:.5}.order-card{padding:1rem 1.5rem}.order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.order-status{border:1px solid #d4a574;color:#a0896b}.order-status.assigned,.order-status.paid{border-color:orange;color:orange}.order-status.shipped{border-color:#2196f3;color:#2196f3}.order-status.delivered{border-color:#4caf50;color:#4caf50}.order-details{color:#a0896b;display:flex;font-size:.9rem;gap:2rem}.empty-state,.info-message{background:#d4a5740d;border:1px dashed #d4a574;color:#d4a574;padding:2rem;text-align:center}.error-message{border:1px solid #f44336;margin-bottom:2rem}.loading-state{min-height:50vh}.section-header-with-button{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header-with-button .action-btn,.section-header-with-button h2{margin:0}@media (max-width:968px){.customer-portal{padding:1.5rem 1rem}.portal-header{gap:1rem}.customer-info,.portal-header{align-items:flex-start;flex-direction:column}.customer-info{gap:.75rem;width:100%}.logout-btn{min-height:44px;padding:.875rem 1.5rem;width:100%}.portal-section h2{font-size:1.3rem}.subscriptions-grid{gap:1.5rem;grid-template-columns:1fr}.subscription-card{padding:1.25rem}.action-btn{font-size:.85rem;min-height:44px;padding:.875rem 1rem}.card-actions{flex-direction:column;gap:.75rem}.card-actions .action-btn{flex:none;width:100%}.section-header-with-button{align-items:flex-start;flex-direction:column;gap:12px}.section-header-with-button .action-btn{width:100%}.order-details{flex-direction:column;gap:.5rem}.error-message{padding:1rem}.error-message .action-btn{margin-top:1rem;width:100%}}@media (max-width:480px){.customer-portal{padding:1rem .75rem}.portal-header h1{font-size:1.5rem}.portal-section h2{font-size:1.2rem}.subscription-card{padding:1rem}.card-header{align-items:flex-start;flex-direction:column;gap:.5rem}.detail-row{flex-direction:column;gap:.25rem}.detail-row .value{text-align:left}}.subscription-status-widget{background:#d4a5740d;border:1px solid #d4a574;border-radius:4px;margin:20px 0;padding:20px}.widget-section{margin-bottom:25px}.widget-section:last-child{margin-bottom:0}.widget-title{color:#d4af37;font-family:Courier New,monospace;font-size:.85em;letter-spacing:1px;margin:0 0 15px}.timeline{justify-content:space-between;margin-bottom:10px}.timeline,.timeline-stage{align-items:center;display:flex;position:relative}.timeline-stage{flex:1 1;flex-direction:column;z-index:1}.stage-indicator{align-items:center;background:#000;border:2px solid #d4a574;border-radius:50%;color:#d4a574;display:flex;font-size:1.2em;height:40px;justify-content:center;margin-bottom:8px;transition:all .3s ease;width:40px}.timeline-stage.complete .stage-indicator{background:#8b5a8e;border-color:#d4af37;color:#d4af37}.timeline-stage.active .stage-indicator{animation:pulse 2s ease-in-out infinite;background:#d4af371a;border-color:#d4af37;color:#d4af37}.stage-label{color:#a0896b;font-family:Courier New,monospace;font-size:.75em;letter-spacing:.5px;max-width:80px;text-align:center;text-transform:uppercase}.timeline-stage.complete .stage-label{color:#d4af37}.timeline-stage.active .stage-label{color:#d4af37;font-weight:700}.stage-connector{background:#d4a574;height:2px;left:50%;position:absolute;right:-50%;top:20px;z-index:0}.timeline-stage:last-child .stage-connector{display:none}.stage-connector.complete{background:#d4af37}.lifecycle-note{border-radius:4px;font-family:Courier New,monospace;font-size:.8em;padding:8px 12px;text-align:center}.lifecycle-note.paused{background:#ffc1071a;border:1px solid #ffc107;color:#ffc107}.lifecycle-note.cancelled{background:#dc35451a;border:1px solid #dc3545;color:#dc3545}.widget-metrics{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:20px}.metric-card{background:#000;border:1px solid #d4a574;border-radius:4px;padding:15px;text-align:center;transition:all .2s ease}.metric-card:hover{border-color:#d4af37;transform:translateY(-2px)}.metric-card.highlight{background:#8b5a8e1a;border-color:#8b5a8e}.metric-card.highlight:hover{background:#8b5a8e26;border-color:#d4af37}.metric-icon{font-size:1.8em;margin-bottom:8px;opacity:.8}.metric-value{font-size:2em;line-height:1;margin-bottom:4px}.metric-label,.metric-value{font-family:Courier New,monospace}.metric-label{font-size:.65em;letter-spacing:1px;line-height:1.3}@media (max-width:768px){.timeline{flex-wrap:wrap}.timeline-stage{margin-bottom:15px;min-width:80px}.stage-connector{display:none}.widget-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.subscription-status-widget{padding:15px}.widget-metrics{grid-template-columns:1fr}.metric-card{padding:12px}}.gift-subscription-form{background:#2a2a2acc;border:2px solid #d4a574;border-radius:8px;font-family:Courier New,monospace;padding:24px}.gift-subscription-form.loading{padding:40px;text-align:center}.form-header{margin-bottom:24px}.form-header h2{margin:0 0 16px}.step-indicator{align-items:center;color:#a0896b;display:flex;font-size:13px;gap:12px}.step-indicator span.active{color:#d4af37;font-weight:700}.step-indicator .separator{color:#d4a574}.form-step{animation:fadeIn .3s}.form-step h3{color:#d4af37;font-size:16px;letter-spacing:1px;margin:0 0 20px;text-shadow:0 0 10px #d4af3780}.form-step h4{color:#d4a574;font-size:14px;letter-spacing:.5px;margin:20px 0 12px}.plans-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.plan-card{background:#d4a5740d;border:2px solid #d4a574;border-radius:6px;cursor:pointer;padding:16px}.plan-card:hover{box-shadow:0 0 15px #d4af374d;transform:translateY(-2px)}.plan-card.selected{background:#d4af371a;border-color:#d4af37;box-shadow:0 0 20px #d4af3766}.plan-name{font-size:14px;margin-bottom:8px}.plan-details{color:#a0896b;font-size:12px;gap:4px;margin-bottom:12px}.plan-price{color:#d4a574;font-size:16px}.form-group textarea{min-height:60px}.form-group.checkbox label{align-items:center;display:flex;gap:8px;margin:0}.form-group.checkbox input[type=checkbox]{width:auto}.form-row{grid-gap:12px;gap:12px;grid-template-columns:2fr 1fr 1fr}.review-section{background:#d4a5740d;border-left:4px solid #d4a574;border-radius:6px;margin-bottom:16px;padding:16px}.review-section h4{color:#d4af37;font-size:13px;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.review-item{grid-gap:12px;display:grid;font-size:13px;gap:12px;grid-template-columns:120px 1fr;margin-bottom:8px}.review-item span:first-child{color:#a0896b}.review-item span:last-child{color:#d4a574;font-weight:700}.review-section.total{background:#d4af371a;border-left-color:#d4af37}.review-section.total .review-item{margin-bottom:4px}.total-amount{color:#d4af37!important;font-size:20px!important;text-shadow:0 0 10px #d4af3780}.cost-breakdown{color:#a0896b;font-size:11px;margin-top:4px;text-align:right}.info-message{background:#2196f31a;border:1px solid #2196f3;border-radius:6px;color:#2196f3;font-size:12px;margin-bottom:20px;padding:10px 12px}.button-group{gap:12px;justify-content:space-between;margin-top:24px}.btn-back,.btn-next,.btn-submit{background:#d4a5741a;border:2px solid #d4a574;border-radius:6px;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;font-size:13px;font-weight:700;letter-spacing:1px;padding:12px 24px;transition:all .3s}.btn-next:hover,.btn-submit:hover{background:#d4af3733;border-color:#d4af37;box-shadow:0 0 15px #d4af374d;transform:translateY(-2px)}.btn-back{background:#0000;border-color:#a0896b;color:#a0896b}.btn-back:hover{background:#a0896b1a;border-color:#d4a574}.btn-submit{border-color:#4caf50;flex:1 1}.btn-submit:hover{background:#4caf5033;box-shadow:0 0 15px #4caf504d}.btn-next:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-next:disabled:hover,.btn-submit:disabled:hover{background:#d4a5741a;border-color:#d4a574;box-shadow:none}@media (max-width:768px){.form-row,.plans-grid,.review-item{grid-template-columns:1fr}.review-item{gap:4px}.button-group{flex-direction:column}.btn-back,.btn-next,.btn-submit{width:100%}}.gifts-list{font-family:Courier New,monospace}.gifts-list.loading{background:#2a2a2acc;border:2px solid #d4a574;border-radius:8px;padding:40px;text-align:center}.gifts-header{margin-bottom:24px}.gifts-header h2{color:#d4af37;font-size:20px;letter-spacing:1px;margin:0 0 16px;text-shadow:0 0 10px #d4af3780}.tab-navigation{border-bottom:2px solid #d4a5744d;display:flex;gap:8px}.tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#a0896b;cursor:pointer;font-family:Courier New,monospace;font-size:13px;font-weight:700;letter-spacing:.5px;padding:12px 20px;transition:all .3s}.tab:hover{border-bottom-color:#d4a57480;color:#d4a574}.tab.active{border-bottom-color:#d4af37;color:#d4af37;text-shadow:0 0 10px #d4af3780}.error-message{margin-bottom:16px}.gifts-content{animation:fadeIn .3s}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state p{font-size:14px;margin:8px 0}.empty-hint{color:#a0896b!important;font-size:12px!important;font-style:italic}.gifts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.gift-card{background:#d4a5740d;border:2px solid #d4a574;border-radius:8px;padding:20px;transition:all .3s}.gift-card:hover{border-color:#d4af37;box-shadow:0 0 20px #d4af374d;transform:translateY(-2px)}.gift-card.received{border-color:#4caf50}.gift-card.received:hover{border-color:#66bb6a;box-shadow:0 0 20px #4caf504d}.gift-header{align-items:center;border-bottom:1px solid #d4a5744d;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.gift-icon{filter:drop-shadow(0 0 10px rgba(212,175,55,.3));font-size:32px}.gift-status{border-radius:12px;font-size:11px;font-weight:700;letter-spacing:1px;padding:4px 12px}.gift-status.status-active{background:#4caf5033;border:1px solid #4caf50;color:#4caf50}.gift-status.status-paused{background:#ffc10733;border:1px solid #ffc107;color:#ffc107}.gift-status.status-cancelled,.gift-status.status-completed{background:#a0896b33;border:1px solid #a0896b;color:#a0896b}.gift-details{display:flex;flex-direction:column;gap:10px}.detail-row{align-items:start}.detail-row.primary{font-size:15px;margin-bottom:4px}.detail-row .label{color:#a0896b}.detail-row .value{color:#d4a574;font-weight:700}.detail-row.primary .value{color:#d4af37;text-shadow:0 0 10px #d4af374d}.detail-row.highlight{background:#d4af371a;border-left:3px solid #d4af37;border-radius:4px;margin:8px -12px;padding:8px 12px}.detail-row.highlight .value{color:#d4af37}.gift-message{background:#d4a5740d;border-left:3px solid #d4a574;border-radius:4px;margin:8px 0;padding:10px 12px}.gift-message .label{color:#a0896b;display:block;font-size:12px;margin-bottom:6px}.message-text{color:#d4af37;font-size:13px;font-style:italic;line-height:1.5}.loading-dots{gap:8px;justify-content:center;margin-top:16px}.loading-dots .dot{animation:pulse 1.4s infinite;color:#d4a574;font-size:20px}.loading-dots .dot:nth-child(2){animation-delay:.2s}.loading-dots .dot:nth-child(3){animation-delay:.4s}.flourish-line{color:#d4af37;font-size:14px;letter-spacing:1px;text-shadow:0 0 10px #d4af3780}@media (max-width:768px){.gifts-grid{grid-template-columns:1fr}.detail-row{grid-template-columns:100px 1fr}.tab{font-size:12px;padding:10px 16px}}.wholesale-status{background:#2a2a2acc;border:2px solid #d4a574;border-radius:8px;font-family:Courier New,monospace;padding:20px}.wholesale-status.loading{color:#a0896b;text-align:center}.wholesale-status.empty{padding:40px 20px;text-align:center}.wholesale-status.empty h3{color:#d4af37;font-size:16px;margin:0 0 12px}.wholesale-status.empty p{color:#a0896b;font-size:13px;margin:0 0 20px}.btn-apply{background:#4caf5033;border:2px solid #4caf50;border-radius:6px;color:#4caf50;cursor:pointer;font-family:Courier New,monospace;font-size:13px;font-weight:700;padding:12px 24px;transition:all .3s}.btn-apply:hover{background:#4caf504d;box-shadow:0 0 15px #4caf504d;transform:translateY(-2px)}.status-header{align-items:center;border-bottom:1px solid #d4a5744d;display:flex;gap:12px;margin-bottom:16px;padding-bottom:12px}.status-icon{font-size:24px}.status-header h3{font-size:15px;letter-spacing:.5px;margin:0}.wholesale-status.pending .status-header h3{color:#ffc107}.wholesale-status.approved .status-header h3{color:#4caf50}.wholesale-status.rejected .status-header h3{color:#f44336}.status-details{margin:16px 0}.detail-row{grid-gap:12px;display:grid;font-size:13px;gap:12px;grid-template-columns:120px 1fr;margin-bottom:8px}.detail-row span:first-child{color:#a0896b}.detail-row span:last-child{color:#d4a574;font-weight:700}.rejection-reason{background:#f443361a;border-left:4px solid #f44336;border-radius:4px;margin:16px 0;padding:12px}.rejection-reason strong{color:#f44336;display:block;font-size:12px;margin-bottom:8px}.rejection-reason p{color:#d4a574;font-size:13px;line-height:1.5;margin:0}.status-hint{border-top:1px solid #d4a5744d;color:#a0896b;font-size:12px;font-style:italic;margin:16px 0 0;padding-top:16px}.status-hint.success{color:#4caf50!important;font-weight:700}.wholesale-application-form{background:#2a2a2acc;border:2px solid #d4a574;border-radius:8px;font-family:Courier New,monospace;margin:0 auto;max-width:800px;padding:24px}.wholesale-application-form.success-state{padding:60px 24px;text-align:center}.success-icon{font-size:72px;margin-bottom:24px}.success-state h2{color:#4caf50;font-size:20px;letter-spacing:1px;margin:0 0 16px;text-shadow:0 0 10px #4caf5080}.success-state p{color:#d4a574;font-size:14px;margin:12px 0}.success-hint{color:#a0896b!important;font-size:13px!important;font-style:italic}.form-header{border-bottom:2px solid #d4a5744d;margin-bottom:32px;padding-bottom:16px}.form-header h2{color:#d4af37;font-size:20px;letter-spacing:1px;margin:0 0 12px;text-shadow:0 0 10px #d4af3780}.form-description{color:#a0896b;font-size:13px;line-height:1.5;margin:0}.error-message{font-size:13px;margin-bottom:24px}.form-section{background:#d4a57408;border-left:4px solid #d4a574;border-radius:6px;margin-bottom:32px;padding:20px}.form-section h3{color:#d4af37;font-size:15px;letter-spacing:1px;margin:0 0 20px;text-shadow:0 0 10px #d4af3780}.form-group{margin-bottom:16px}.form-group label{font-size:13px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#d4a5740d;border:1px solid #d4a574;border-radius:4px;color:#d4a574;font-family:Courier New,monospace;font-size:13px;padding:10px 12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 8px #d4af374d}.form-row{grid-gap:16px;gap:16px}.form-row.three-col{grid-template-columns:2fr 1fr 1fr}.form-actions{margin:32px 0 20px;text-align:center}.btn-submit{background:#4caf5033;border:2px solid #4caf50;border-radius:6px;color:#4caf50;cursor:pointer;font-family:Courier New,monospace;font-size:14px;font-weight:700;letter-spacing:1px;padding:14px 32px;transition:all .3s}.btn-submit:hover{background:#4caf504d;box-shadow:0 0 20px #4caf5066;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.5;transform:none}.form-footer{border-top:1px solid #d4a5744d;padding-top:20px;text-align:center}.form-footer p{color:#a0896b;font-size:12px;font-style:italic;margin:8px 0}@media (max-width:768px){.form-row{grid-template-columns:1fr}.wholesale-application-form{padding:16px}}.payment-method-section{background:#0a0a0a;border:2px solid #333;margin:20px 0;padding:20px}.payment-method-section h3{color:#e0e0e0;font-family:monospace;font-size:18px;margin-bottom:15px}.current-payment-method{align-items:center;background:#1a1a1a;border:1px solid #333;display:flex;justify-content:space-between;margin-bottom:15px;padding:15px}.payment-card-info{align-items:center;color:#e0e0e0;display:flex;font-family:monospace;gap:20px}.card-brand{color:#4caf50;font-weight:700}.card-last4{font-size:18px;letter-spacing:2px}.card-expiry{color:#888;font-size:14px}.no-payment-method{background:#1a1a1a;border:1px solid #333;padding:15px;text-align:center}.no-payment-method p{color:#888;font-family:monospace;margin-bottom:15px}.add-payment-btn,.change-payment-btn{background:#0000;border:2px solid #4caf50;color:#4caf50;cursor:pointer;font-family:monospace;font-size:14px;padding:8px 16px;transition:all .2s}.add-payment-btn:hover,.change-payment-btn:hover{background:#4caf50;color:#000}.payment-form-container{background:#1a1a1a;border:1px solid #333;margin-top:20px;padding:20px}.payment-method-form{max-width:500px}.card-element-wrapper{background:#0a0a0a;border:1px solid #333;border-radius:4px;margin-bottom:15px;padding:15px}.update-payment-btn{background:#0000;border:2px solid #4caf50;color:#4caf50;cursor:pointer;font-family:monospace;font-size:14px;padding:12px 24px;transition:all .2s;width:100%}.update-payment-btn:hover:not(:disabled){background:#4caf50;color:#000}.update-payment-btn:disabled{cursor:not-allowed;opacity:.5}.error-message{background:#ff6b6b1a;border:1px solid #ff6b6b;font-size:14px;margin:10px 0;padding:10px}.loading-state{color:#888;font-family:monospace;padding:15px}.shipping-address-section{background:#2a2a2a;border:2px solid #d4a574;color:#e0e0e0;font-family:Courier New,monospace;margin-bottom:2rem;padding:2rem}.shipping-address-section h3{color:#d4af37;font-size:1.3rem;letter-spacing:1px;margin:0 0 1.5rem;text-shadow:0 0 10px #d4af374d}.loading-state{padding:1rem;text-align:center}.current-address{display:flex;flex-direction:column;gap:1rem}.address-display{background:#1a1a1a;border:1px solid #444;border-left:3px solid #d4a574;padding:1.5rem}.address-line{color:#e0e0e0;font-size:1rem;line-height:1.6;margin:.25rem 0}.add-address-btn,.change-address-btn{align-self:flex-start;background:#0000;border:2px solid #d4a574;color:#d4a574;cursor:pointer;font-family:Courier New,monospace;font-size:.95rem;letter-spacing:1px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s}.add-address-btn:hover,.change-address-btn:hover{background:#d4a5741a;border-color:#d4af37;box-shadow:0 0 10px #d4af374d;transform:translateY(-1px)}.no-address{padding:2rem;text-align:center}.no-address p{color:#a0896b;font-size:1rem;margin-bottom:1.5rem}.address-form{background:#1a1a1a;border:1px solid #444;padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{color:#d4a574;letter-spacing:.5px}.form-group input{border:2px solid #444;width:100%}.form-group input:focus{box-shadow:0 0 5px #d4a5744d}.form-group input::placeholder{color:#666}.form-row{grid-template-columns:1fr 100px 150px;margin-bottom:1.25rem}.state-input input,.zip-input input{text-transform:uppercase}.form-actions{border-top:1px solid #444;margin-top:1.5rem}.cancel-btn,.save-address-btn{background:#0000;border:2px solid #666;color:#b0b0b0;cursor:pointer;flex:1 1;font-family:Courier New,monospace;font-size:.95rem;letter-spacing:1px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s}.save-address-btn{border-color:#d4a574;color:#d4a574}.cancel-btn:hover:not(:disabled){background:#d4a5740d}.save-address-btn:hover:not(:disabled){background:#d4a5741a;border-color:#d4af37;box-shadow:0 0 10px #d4af374d;transform:translateY(-1px)}.cancel-btn:disabled,.save-address-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.shipping-address-section{padding:1.5rem}.form-row{grid-template-columns:1fr}.state-input,.zip-input{width:100%}.form-actions{flex-direction:column}.cancel-btn,.save-address-btn{width:100%}}.confirm-modal-overlay{align-items:center;animation:fadeIn .15s ease-out;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.confirm-modal{animation:slideUp .2s ease-out;background:#1a1a1a;background:var(--bg-primary,#1a1a1a);border:2px solid #0f0;border:2px solid var(--primary-color,#0f0);border-radius:4px;box-shadow:0 8px 32px #00ff004d;max-width:500px;min-width:320px;padding:0}.confirm-modal-header{background:#0f0;background:var(--primary-color,#0f0);border-bottom:2px solid #0f0;border-bottom:2px solid var(--primary-color,#0f0);color:#000;color:var(--bg-primary,#000);padding:12px 16px}.confirm-modal-header h3{font-family:Courier New,monospace;font-size:16px;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.confirm-modal-body{color:#0f0;color:var(--text-primary,#0f0);font-family:Courier New,monospace;line-height:1.6;padding:24px 16px}.confirm-modal-body p{font-size:14px;margin:0}.confirm-modal-actions{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);display:flex;gap:12px;justify-content:flex-end;padding:16px}.confirm-btn{background:#0000;border:2px solid #0f0;border:2px solid var(--primary-color,#0f0);color:#0f0;color:var(--primary-color,#0f0);cursor:pointer;font-family:Courier New,monospace;font-size:14px;font-weight:700;letter-spacing:1px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.confirm-btn:hover{background:#0f0;background:var(--primary-color,#0f0);box-shadow:0 4px 8px #00ff004d;color:#000;color:var(--bg-primary,#000);transform:translateY(-1px)}.confirm-btn:active{transform:translateY(0)}.confirm-btn.primary{background:#0f0;background:var(--primary-color,#0f0);color:#000;color:var(--bg-primary,#000)}.confirm-btn.primary:hover{background:#0000;color:#0f0;color:var(--primary-color,#0f0)}.confirm-btn.danger{border-color:#f44;color:#f44}.confirm-btn.danger:hover{background:#f44;box-shadow:0 4px 8px #ff44444d;color:#fff}.confirm-btn.secondary{border-color:#888;color:#888}.confirm-btn.secondary:hover{background:#888;box-shadow:0 4px 8px #8888884d;color:#000}@media (max-width:600px){.confirm-modal{margin:0 16px;max-width:90vw;min-width:280px}.confirm-modal-actions{flex-direction:column-reverse}.confirm-btn{width:100%}}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#2a2a2a 50%,#1a1a1a);background-size:200% 100%;border-radius:4px}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-rect{margin-bottom:12px;width:100%}.skeleton-card{background:#0a0a0a;border:2px solid #333;margin-bottom:16px;overflow:hidden}.skeleton-card-content{padding:16px}.skeleton-table{width:100%}.skeleton-table-row{border-bottom:1px solid #333;display:flex;gap:16px;padding:12px}.skeleton-table-cell{flex:1 1}.skeleton:before{clip:rect(0,0,0,0);border-width:0;content:"Loading...";height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.auth-container{align-items:center;background:#2a2a2a;display:flex;font-family:Courier New,monospace;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.auth-container:before{animation:scanlines 8s linear infinite;background:repeating-linear-gradient(0deg,#d4a5740d,#0000 1px,#0000 2px,#d4a5740d 3px);left:0;top:0;z-index:2}.auth-container:after,.auth-container:before{content:"";height:100%;pointer-events:none;position:absolute;width:100%}.auth-container:after{background:radial-gradient(ellipse at center,#d4a5741a 0,#0000 70%);left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.auth-card{animation:screenFlicker .15s infinite alternate;background:#2a2a2a;border:3px solid #d4a574;border-radius:8px;box-shadow:0 0 30px #d4a5744d,0 0 60px #d4a57433,inset 0 0 100px #d4a5740d;max-width:500px;padding:2.5rem;position:relative;width:100%;z-index:3}.auth-card h2{border-bottom:1px solid #d4a574;color:#d4a574;font-size:1.8rem;letter-spacing:3px;margin-bottom:2rem;padding-bottom:1rem;text-align:center;text-shadow:0 0 20px #d4a57499;text-transform:uppercase}.auth-card h2:before{color:#c9a227;content:"> "}form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{text-shadow:0 0 10px #c9a22780}.form-group label:before{color:#d4a574;content:"> "}.form-group input{border-radius:0;padding:.75rem}.form-group input:focus{border-color:#d4a574;box-shadow:0 0 15px #d4a5744d,inset 0 0 5px #d4a5741a}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#d4a574;border-color:#d4a574;box-shadow:inset 0 0 0 1000px #2a2a2a}.error-message{animation:errorPulse .5s ease-out;background:#d32f2f26;text-shadow:0 0 5px #d32f2f80}.error-message:before{content:"! ERROR: ";font-weight:700}.submit-btn{border:3px solid #d4a574;color:#d4a574;font-size:1.1rem;letter-spacing:2px;overflow:hidden;position:relative;text-transform:uppercase;transition:all .2s}.submit-btn:before{background:#d4a57433;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 0 30px #d4a57480;transform:translateY(-2px)}.submit-btn:hover:not(:disabled):before{left:0}.submit-btn:disabled{animation:processing 1.5s infinite;cursor:not-allowed;opacity:.5}@keyframes processing{0%,to{box-shadow:0 0 15px #d4a5744d}50%{box-shadow:0 0 30px #d4a57499}}.auth-toggle{border-top:1px solid #d4a574;color:#d4a574;font-size:.9rem;margin-top:2rem;padding-top:1.5rem;text-align:center}.toggle-btn{background:none;border:none;color:#d4a574;cursor:pointer;font-family:Courier New,monospace;letter-spacing:1px;padding:0;text-decoration:underline;text-transform:uppercase;transition:all .2s}.toggle-btn:hover{color:#c9a227;text-shadow:0 0 10px #c9a22799}.forgot-password-link{margin-top:.5rem}.link-button{background:none;border:none;color:#d4a574;cursor:pointer;font-family:Courier New,monospace;font-size:.85rem;padding:0;text-decoration:underline;transition:all .2s}.link-button:hover{color:#c9a227;text-shadow:0 0 8px #c9a22780}.success-message{background:#4caf5026;border:2px solid #4caf50;color:#81c784;font-size:.95rem;line-height:1.6;margin:1.5rem 0;padding:1.5rem;text-shadow:0 0 5px #4caf504d}.success-message p{margin:.5rem 0}.success-message .help-text{color:#9e9e9e;font-size:.85rem;margin-top:1rem}.auth-button{background:#0000;border:3px solid #d4a574;color:#d4a574;cursor:pointer;font-family:Courier New,monospace;font-size:1.1rem;letter-spacing:2px;margin-top:1rem;overflow:hidden;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:all .2s;width:100%}.auth-button:before{background:#d4a57433;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s;width:100%}.auth-button:hover:not(:disabled){box-shadow:0 0 30px #d4a57480;transform:translateY(-2px)}.auth-button:hover:not(:disabled):before{left:0}.auth-button:disabled{animation:processing 1.5s infinite;cursor:not-allowed;opacity:.5}.auth-button.secondary{border-color:#888;color:#888;margin-top:1rem}.auth-button.secondary:hover:not(:disabled){border-color:#d4a574;box-shadow:0 0 20px #d4a5744d;color:#d4a574}.auth-subtitle{color:#a0896b;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.field-help{color:#888;display:block;font-size:.8rem;margin-top:.25rem}@media (max-width:768px){.auth-container{padding:1rem}.auth-card{padding:1.5rem}.auth-card h2{font-size:1.4rem}.form-group input{font-size:.95rem}.auth-button,.submit-btn{font-size:1rem}}.landing-page{background:#2a2a2a;display:flex;flex-direction:column;min-height:100vh}.hero-section{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:900px;padding:4rem 2rem;position:relative;text-align:center}.headline{color:var(--terminal-green);font-family:Courier New,monospace;font-size:3.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 0 20px var(--terminal-green-glow);text-transform:uppercase}.roaster-storefront .headline{animation:flicker 3s infinite alternate;color:var(--terminal-green);text-shadow:0 0 20px var(--terminal-green-glow),0 0 40px var(--terminal-green-glow)}.subhead{font-size:1.4rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:700px}.roaster-storefront .subhead,.subhead{color:#c9a227}.cta-container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.cta-button{border:none;display:inline-block;font-size:1.1rem;letter-spacing:.5px;min-width:280px;padding:1rem 2.5rem;text-align:center;text-decoration:none}.cta-button.primary{background:var(--coffee-dark);border:2px solid var(--coffee-medium);box-shadow:0 4px 12px #4a37284d;color:var(--terminal-green)}.cta-button.primary:hover{background:var(--coffee-medium);box-shadow:0 0 25px var(--terminal-green-glow),0 6px 20px #4a372866;transform:translateY(-2px)}.cta-button.secondary{background:#0000;border:2px solid #d4a574;color:#d4a574}.cta-button.secondary:hover{border-color:var(--terminal-green);transform:translateY(-1px)}.cta-note{color:#d4a574;font-size:.95rem;font-style:italic;margin-top:.5rem;opacity:.8}.benefits-section{background:#4a37284d;border-bottom:2px solid #d4a574;border-top:2px solid #d4a574;padding:4rem 2rem}.benefits-title{color:var(--terminal-green);font-family:Courier New,monospace;font-size:2.2rem;font-weight:600;margin-bottom:3rem;text-align:center;text-shadow:0 0 15px var(--terminal-green-glow);text-transform:uppercase}.benefits-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.benefit-card{background:#d4a5740d;border:2px solid #d4a574;border-radius:8px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s}.benefit-card:before{background:var(--terminal-green);content:"";height:3px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%}.benefit-card:hover:before{box-shadow:0 0 15px var(--terminal-green-glow);opacity:1}.benefit-card:hover{border-color:var(--terminal-green);box-shadow:0 8px 24px #4a372833;transform:translateY(-4px)}.benefit-icon{align-items:center;background:#1a1a1a;border:2px solid #d4a574;border-radius:50%;box-shadow:0 4px 12px #d4a5744d;color:var(--terminal-green);display:flex;font-size:3rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.benefit-card:hover .benefit-icon{box-shadow:0 0 25px var(--terminal-green-glow),0 4px 12px #4a37284d}.benefit-title{color:var(--terminal-green);font-family:Courier New,monospace;font-size:1.4rem;font-weight:600;margin-bottom:1rem}.benefit-description{color:#d4a574;font-size:1rem;line-height:1.7}.footer-section{background:#2a2a2a;border-top:1px solid #d4a574;padding:2rem;text-align:center}.footer-text{color:#c9a227;font-family:Courier New,monospace;font-size:1rem}.heart{animation:heartbeat 1.5s ease-in-out infinite;color:var(--burnt-orange);display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.cartridge-label{border:1px solid #2a2a2a}.footer-links{color:var(--text-medium);font-family:Courier New,monospace;font-size:.9rem;margin-top:1rem}.footer-link{text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--terminal-green);text-shadow:0 0 10px var(--terminal-green-glow)}.footer-link-button{background:none;border:none;color:#d4a574;cursor:pointer;font-family:Courier New,monospace;font-size:.9rem;padding:0;text-decoration:none;transition:color .2s}.footer-link-button:hover{color:var(--terminal-green);text-shadow:0 0 10px var(--terminal-green-glow)}.footer-separator{margin:0 .75rem}@media (max-width:768px){.headline{font-size:2.5rem}.subhead{font-size:1.2rem}.hero-section{padding:3rem 1.5rem}.benefits-grid{gap:1.5rem;grid-template-columns:1fr}.benefits-title{font-size:1.8rem}.cta-button{max-width:320px;min-width:100%}.nes-cartridge{bottom:15px;right:15px;transform:scale(.85)}.nes-cartridge:hover{transform:scale(.9) translateY(-3px)}}.checkout-result{align-items:center;background:var(--coffee-dark);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.checkout-result:before{animation:scanlines 8s linear infinite;background:repeating-linear-gradient(0deg,#00ff4108,#0000 1px,#0000 2px,#00ff4108 3px);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.terminal-header-success{border-bottom:1px solid #d4a574;color:#d4a574;display:flex;font-family:Courier New,monospace;font-size:.85rem;justify-content:space-between;letter-spacing:2px;margin-bottom:2rem;padding-bottom:1rem;text-transform:uppercase}.result-card{animation:screenFlicker .15s infinite alternate;background:#2a2a2a;border:3px solid #d4a574;border-radius:8px;box-shadow:0 10px 40px #2a2a2a4d,0 0 30px #d4a57466;max-width:600px;padding:3rem;position:relative;text-align:center;width:100%;z-index:1}.result-card.success{border-color:var(--terminal-green)}.result-icon{align-items:center;border-radius:50%;display:flex;font-family:Courier New,monospace;font-size:3rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.success-icon{animation:successPulse 2s infinite,successFlicker 3s infinite;background:var(--coffee-dark);border:3px solid var(--terminal-green);box-shadow:0 0 30px var(--terminal-green-glow),0 0 60px var(--terminal-green-glow);color:var(--terminal-green)}@keyframes successPulse{0%,to{box-shadow:0 0 30px var(--terminal-green-glow),0 0 60px var(--terminal-green-glow)}50%{box-shadow:0 0 50px var(--terminal-green-glow),0 0 100px var(--terminal-green-glow)}}@keyframes successFlicker{0%,to{opacity:1}43%{opacity:.95}45%{opacity:1}}.cancel-icon{background:var(--coffee-dark);border:3px solid var(--error);color:var(--error);font-size:4rem}.result-card h1{color:var(--coffee-dark);font-family:Courier New,monospace;font-size:2rem;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.result-card.success h1{color:var(--terminal-green);text-shadow:0 0 15px var(--terminal-green-glow)}.result-message{color:#c9a227;font-family:Courier New,monospace;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.next-steps{background:var(--coffee-dark);border:2px solid var(--terminal-green);border-radius:6px;box-shadow:0 0 15px var(--terminal-green-glow);margin:2rem 0;padding:1.5rem;text-align:left}.next-steps h3{color:var(--terminal-green);font-size:1.2rem;margin-bottom:1rem;text-shadow:0 0 10px var(--terminal-green-glow);text-transform:uppercase}.next-steps h3,.next-steps li{font-family:Courier New,monospace}.next-steps li{color:var(--cream);padding:.5rem 0 .5rem 1.5rem}.next-steps li:before{animation:blink 1.5s infinite;color:var(--terminal-green);content:">";font-weight:700}.next-steps p{color:var(--cream);margin:0}.next-steps p,.session-id{font-family:Courier New,monospace}.session-id{border:1px solid var(--coffee-medium);border-radius:4px;color:var(--tan);font-size:.85rem;margin:1.5rem 0;padding:.5rem}.cta-button,.session-id{background:var(--coffee-dark)}.cta-button{border:2px solid var(--terminal-green);border-radius:6px;color:var(--terminal-green);font-size:1rem;font-weight:600;letter-spacing:1px;margin:.5rem;padding:1rem 2rem;text-transform:uppercase;transition:all .2s}.cta-button:hover{background:var(--coffee-medium);box-shadow:0 0 25px var(--terminal-green-glow),0 4px 12px #4a372866}.cta-button.secondary{border:2px solid var(--coffee-dark);color:var(--coffee-dark)}.cta-button.secondary:hover{background:var(--coffee-dark);box-shadow:0 0 15px var(--terminal-green-glow);color:var(--terminal-green)}.button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}@media (max-width:640px){.result-card{padding:2rem 1.5rem}.result-card h1{font-size:1.5rem}.result-icon{font-size:2rem;height:60px;width:60px}.button-group{flex-direction:column}.cta-button{width:100%}}.brew-wizard{align-items:center;background:#2a2a2a;display:flex;font-family:Courier New,monospace;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.brew-wizard:before{animation:scanlines 8s linear infinite;background:repeating-linear-gradient(0deg,#d4a5740d,#0000 1px,#0000 2px,#d4a5740d 3px);left:0;top:0;z-index:2}.brew-wizard:after,.brew-wizard:before{content:"";height:100%;pointer-events:none;position:absolute;width:100%}.brew-wizard:after{background:radial-gradient(ellipse at center,#d4a5741a 0,#0000 70%);left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.wizard-screen{border:3px solid #d4a574;box-shadow:0 0 30px #d4a5744d,0 0 60px #d4a57433,inset 0 0 100px #d4a5740d}.terminal-header{color:#d4a574}.codec-logo h1,.question-text{color:#d4a574;text-shadow:0 0 20px #d4a57499}.info-icon{border:2px solid #d4a574;color:#c9a227;height:44px;min-height:44px;min-width:44px;width:44px}.info-icon:hover{border-color:#d4a574;box-shadow:0 0 15px #d4a57466;color:#d4a574}.info-popup-content{border:2px solid #d4a574;box-shadow:0 0 30px #d4a5744d}.info-popup-close{border:1px solid #d4a574;color:#d4a574;height:44px;min-height:44px;min-width:44px;width:44px}.info-popup-close:hover{border-color:#d4a574;box-shadow:0 0 10px #d4a5744d;color:#d4a574}.info-popup-text{color:#c9a227}.info-popup-body{color:#d4a574}.subtitle-text{color:#c9a227}.cursor{color:#d4a574}.wizard-option{border:2px solid #d4a574;color:#d4a574;min-height:44px}.wizard-option:before{background:#d4a5741a}.wizard-option:hover{border-color:#d4a574;box-shadow:0 0 20px #d4a5744d}.option-bracket{color:#c9a227}.wizard-option.multiselect.selected{background:#d4a57426;border-color:#d4a574;box-shadow:0 0 15px #d4a57440}.wizard-option.multiselect .option-bracket{color:#c9a227}.wizard-option.multiselect.selected .option-bracket{color:#d4a574}.product-option-header .product-price{color:#c9a227}.product-flavor-notes{color:#d4a574}.wizard-button.primary{border:3px solid #d4a574;color:#d4a574}.wizard-button.primary:hover{background:#d4a574;box-shadow:0 0 40px #d4a574cc}.wizard-footer{border-top:1px solid #d4a574}.footer-link{color:#d4a574}.footer-link:hover{color:#d4a574;text-shadow:0 0 10px #d4a57480}.footer-separator{color:#d4a574}.results-title{color:#d4a574;text-shadow:0 0 20px #d4a57499}.results-container{background:#d4a5740d;border:2px solid #d4a574}.result-item.consumption{border-top:1px solid #d4a574}.result-item.product-match{border:1px solid #d4a574}.flavor-preview{color:#c9a227}.result-label{color:#c9a227;flex-shrink:0;min-width:150px}.result-value{color:#d4a574;flex-shrink:0;text-shadow:0 0 10px #d4a57466}.wizard-button.secondary{border:2px solid #d4a574;color:#d4a574}.wizard-button.secondary:hover{border-color:#d4a574;box-shadow:0 0 20px #d4a5744d;color:#d4a574}.results-note{color:#c9a227}@media (max-width:768px){.brew-wizard{padding:1rem}.wizard-screen{padding:1.5rem}.question-header{flex-wrap:wrap;justify-content:center}.question-text{font-size:1.4rem}.codec-logo h1{font-size:2.5rem;letter-spacing:.3rem}.info-icon{font-size:1.1rem;height:44px;min-height:44px;min-width:44px;width:44px}.info-popup-content{padding:1rem}.info-popup-text{font-size:.9rem}.info-popup-body{font-size:.85rem}.wizard-option{font-size:.95rem;min-height:44px;padding:.9rem 1rem}.terminal-header{flex-direction:column;font-size:.75rem;gap:.5rem}.ascii-art{font-size:.65rem;text-shadow:0 0 5px #d4a5744d}.wizard-footer{font-size:.75rem}.footer-separator{display:none}.footer-link{display:block;margin:.5rem 0}.results-title{font-size:1.4rem}.results-container{padding:1.5rem}.result-item{align-items:flex-start;flex-direction:column;gap:.5rem;padding:1rem 0}.result-value{font-size:1rem;text-align:left}.results-actions{flex-direction:column;width:100%}.wizard-button.primary,.wizard-button.secondary{padding:1rem;width:100%}}:root{--grape-dark:#4a1c40;--grape-medium:#722f52;--grape-light:#9b5b7f;--vine-green:#5c6e3e;--vine-gold:#c4a962;--terminal-wine:#8b3a62;--terminal-glow:#8b3a6266;--cream-wine:#f5f0f2;--white-wine:#fdfbfc}.wine-wizard{align-items:center;background:#2a2a2a;display:flex;font-family:Georgia,Playfair Display,serif;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.wine-wizard:before{animation:scanlines 8s linear infinite;background:repeating-linear-gradient(0deg,#9b7ebd0d,#0000 1px,#0000 2px,#9b7ebd0d 3px);left:0;top:0;z-index:2}.wine-wizard:after,.wine-wizard:before{content:"";height:100%;pointer-events:none;position:absolute;width:100%}.wine-wizard:after{background:radial-gradient(ellipse at center,#9b7ebd1a 0,#0000 70%);left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.wizard-screen{animation:screenFlicker .15s infinite alternate;background:#2a2a2a;border:3px solid #9b7ebd;border-radius:8px;box-shadow:0 0 30px #9b7ebd4d,0 0 60px #9b7ebd33,inset 0 0 100px #9b7ebd0d;max-width:800px;padding:2rem;position:relative;width:100%;z-index:3}.terminal-header{border-bottom:1px solid #9b7ebd;color:#9b7ebd;font-size:.9rem;letter-spacing:2px;text-transform:uppercase}.terminal-prompt{text-shadow:0 0 10px #9b7ebd80}.terminal-step{opacity:.7}.terminal-output{display:flex;flex-direction:column;justify-content:center;min-height:400px}.welcome-screen{text-align:center}.codec-logo{margin-bottom:2rem;opacity:.9}.codec-logo h1{animation:fadeIn .5s ease-in;color:#9b7ebd;font-family:Courier New,Consolas,monospace;font-size:4rem;font-weight:700;letter-spacing:.5rem;margin:0;text-shadow:0 0 20px #9b7ebd99}.question-header{align-items:center;display:flex;gap:1rem;justify-content:center}.question-text{color:#9b7ebd;font-size:1.8rem;font-weight:400;letter-spacing:2px;line-height:1.4;margin-bottom:1.5rem;text-shadow:0 0 20px #9b7ebd99}.info-icon{align-items:center;background:#0000;border:2px solid #6b2d5c;border-radius:50%;color:#c4a962;cursor:pointer;display:flex;flex-shrink:0;font-family:Courier New,monospace;font-size:1.2rem;height:36px;justify-content:center;margin-bottom:1.5rem;transition:all .2s;width:36px}.info-icon:hover{border-color:#9b7ebd;box-shadow:0 0 15px #9b7ebd66;color:#9b7ebd;transform:scale(1.1)}.info-popup{animation:slideIn .3s ease-out;margin-bottom:1.5rem;position:relative}.info-popup-content{background:#1a1a1af2;border:2px solid #9b7ebd;border-radius:4px;box-shadow:0 0 30px #9b7ebd4d;padding:1.5rem;position:relative}.info-popup-close{align-items:center;background:#0000;border:1px solid #6b2d5c;color:#6b2d5c;cursor:pointer;display:flex;font-family:Courier New,monospace;font-size:1rem;height:28px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s;width:28px}.info-popup-close:hover{border-color:#9b7ebd;box-shadow:0 0 10px #9b7ebd4d;color:#9b7ebd}.info-popup-text{color:#c4a962;font-size:1rem;font-weight:600;letter-spacing:1px;margin-bottom:.75rem;text-transform:uppercase}.info-popup-body{color:#9b7ebd;font-size:.95rem;line-height:1.6;margin:0}.subtitle-text{animation:fadeIn .5s ease-in;color:#c4a962;font-size:1rem;margin-bottom:2rem;opacity:.8}.cursor{color:#9b7ebd}.options-container{animation:slideIn .3s ease-out;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.wizard-option{background:#0000;border:2px solid #6b2d5c;color:#9b7ebd;cursor:pointer;font-family:Courier New,monospace;font-size:1.1rem;letter-spacing:1px;overflow:hidden;padding:1rem 1.5rem;position:relative;text-align:left;text-transform:uppercase;transition:all .2s}.wizard-option:before{background:#9b7ebd1a;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s;width:100%}.wizard-option:hover{border-color:#9b7ebd;box-shadow:0 0 20px #9b7ebd4d;transform:translateX(5px)}.wizard-option:hover:before{left:0}.option-bracket{color:#c4a962;font-weight:700;margin-right:.5rem}.wizard-option.multiselect{background:#0000}.wizard-option.multiselect.selected{background:#9b7ebd26;border-color:#9b7ebd;box-shadow:0 0 15px #9b7ebd40}.wizard-option.multiselect .option-bracket{color:#c4a962;font-size:1rem;font-weight:700;margin-right:.75rem}.wizard-option.multiselect.selected .option-bracket{color:#9b7ebd}.wizard-option.product-option{padding:1.5rem}.product-option-content{display:flex;flex-direction:column;gap:.5rem;text-align:left;width:100%}.product-option-header{align-items:center;display:flex;gap:.75rem;width:100%}.product-option-header .product-name{flex:1 1;font-size:1.1rem;font-weight:600}.product-option-header .product-price{color:#c4a962;font-size:1rem;font-weight:700}.product-flavor-notes{color:#6b2d5c;font-size:.9rem;font-style:italic;margin-left:2rem;opacity:.9}.wine-details{align-items:center;color:#c4a962;display:flex;font-size:.85rem;gap:.25rem;margin-left:2rem;opacity:.8}.wine-region,.wine-vintage{font-style:italic}.multiselect-actions{animation:fadeIn .5s ease-in;display:flex;justify-content:center;margin-top:2rem}.wizard-button.continue-button,.wizard-button.primary{animation:pulse 2s infinite}.wizard-button.primary{background:#1a1a1a;border:3px solid #9b7ebd;color:#9b7ebd;cursor:pointer;font-family:Courier New,monospace;font-size:1.2rem;letter-spacing:2px;margin-top:2rem;padding:1rem 3rem;text-transform:uppercase;transition:all .2s}.wizard-button.primary:hover{background:#9b7ebd;box-shadow:0 0 40px #9b7ebdcc;color:#2a2a2a;transform:scale(1.05)}.flourish-line{color:#c4a962;font-family:Georgia,Playfair Display,serif;font-size:1.3rem;font-style:italic;font-weight:400;letter-spacing:.5px;text-shadow:0 0 15px #c4a96299}.loading-dots{color:#9b7ebd}.wizard-footer{border-top:1px solid #6b2d5c;font-size:.85rem;margin-top:3rem;padding-top:1.5rem;text-align:center}.footer-link{background:none;border:none;color:#6b2d5c;cursor:pointer;font-family:Courier New,monospace;letter-spacing:1px;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s}.footer-link:hover{color:#9b7ebd;text-shadow:0 0 10px #9b7ebd80}.footer-separator{color:#6b2d5c;margin:0 1rem;opacity:.5}.results-screen .terminal-output{min-height:auto}.results-title{color:#9b7ebd;font-size:1.8rem;letter-spacing:2px;margin-bottom:2rem;text-align:center;text-shadow:0 0 20px #9b7ebd99}.results-container{background:#9b7ebd0d;border:2px solid #6b2d5c;border-radius:4px;margin:0 auto 2rem;max-width:800px;padding:2rem}.result-item{border-bottom:1px solid #d4a5744d;gap:2rem;padding:1rem 0}.result-item:last-child{border-bottom:none}.result-item.consumption{border-top:1px solid #6b2d5c;margin-top:1rem;padding-top:1.5rem}.result-item.product-match{align-items:flex-start;background:#d4af3714;border:1px solid #9b7ebd;border-radius:4px;flex-direction:column;margin:1rem 0;padding:1.5rem}.result-value.product-name{color:#d4af37;font-size:1.2rem;font-weight:700;margin-top:.5rem;text-shadow:0 0 15px #d4af3780}.flavor-preview{color:#c4a962;font-size:.85rem;font-style:italic;margin-top:.5rem;opacity:.8}.result-label{color:#c4a962;font-size:1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.result-value{color:#9b7ebd;font-size:1.1rem;text-align:right;text-shadow:0 0 10px #9b7ebd66}.results-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.wizard-button.secondary{background:#1a1a1a;border:2px solid #6b2d5c;color:#6b2d5c;cursor:pointer;font-family:Courier New,monospace;font-size:1rem;letter-spacing:2px;padding:1rem 2rem;text-transform:uppercase;transition:all .2s}.wizard-button.secondary:hover{border-color:#9b7ebd;box-shadow:0 0 20px #9b7ebd4d;color:#9b7ebd}.results-note{color:#c4a962;font-size:.9rem;font-style:italic;margin-top:2rem;opacity:.8;text-align:center}@media (max-width:1024px){.results-container{margin:0 auto 2rem;max-width:700px}.result-item{padding:1rem}.result-value{font-size:1rem}}@media (max-width:768px){.wine-wizard{padding:1rem}.wizard-screen{padding:1.5rem}.question-header{flex-wrap:wrap;justify-content:center}.question-text{font-size:1.4rem}.codec-logo h1{font-size:2.5rem;letter-spacing:.3rem}.info-icon{font-size:1rem;height:32px;width:32px}.info-popup-content{padding:1rem}.info-popup-text{font-size:.9rem}.info-popup-body{font-size:.85rem}.wizard-option{font-size:.95rem;padding:.8rem 1rem}.terminal-header{flex-direction:column;font-size:.75rem;gap:.5rem}.ascii-art{font-size:.65rem;text-shadow:0 0 5px #9b7ebd4d}.wizard-footer{font-size:.75rem}.footer-separator{display:none}.footer-link{display:block;margin:.5rem 0}.results-title{font-size:1.4rem}.results-container{padding:1.5rem}.result-item{align-items:flex-start;flex-direction:column;gap:.5rem;padding:1rem 0}.result-value{font-size:1rem;text-align:left}.results-actions{flex-direction:column;width:100%}.wizard-button.primary,.wizard-button.secondary{padding:1rem;width:100%}}.promo-section{background:#4a1c401a;border:1px solid #4a1c40;margin:2rem 0;padding:1.5rem}.promo-input-group{margin-bottom:1rem}.promo-label{color:#9b7ebd;display:block;font-family:Courier New,monospace;font-size:.9rem;letter-spacing:1px;margin-bottom:.5rem}.promo-input-wrapper{align-items:center;display:flex;gap:1rem}.promo-input{background:#1a0f1c;border:2px solid #6b2d5c;color:#9b7ebd;flex:1 1;font-family:Courier New,monospace;font-size:1rem;letter-spacing:2px;padding:.75rem 1rem;text-transform:uppercase;transition:all .3s}.promo-input:focus{border-color:#9b7ebd;box-shadow:0 0 10px #9b7ebd4d;outline:none}.promo-input::placeholder{color:#6b2d5c;opacity:.6}.promo-validating{animation:blink 1s infinite;color:#c4a962;font-size:.85rem}.promo-error,.promo-validating{font-family:Courier New,monospace}.promo-error{background:#d94a4a1a;border-left:3px solid #d94a4a;color:#d94a4a;font-size:.9rem;margin-top:.5rem;padding:.5rem}.promo-success{align-items:center;animation:fadeIn .3s ease-in;background:#7ebd9b1a;border:1px solid #7ebd9b;color:#7ebd9b;display:flex;font-family:Courier New,monospace;font-size:.95rem;gap:1rem;margin-top:1rem;padding:1rem}.promo-success-icon{color:#7ebd9b;font-size:1.5rem;font-weight:700}.promo-success-text{flex:1 1}.promo-success-text strong{color:#9b7ebd;font-weight:700;margin-right:.5rem}.roaster-login{align-items:center;background:#2a2a2a;display:flex;font-family:Courier New,monospace;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.roaster-login:before{animation:scanlines 8s linear infinite;background:repeating-linear-gradient(0deg,#d4a57408,#0000 1px,#0000 2px,#d4a57408 3px);left:0;top:0;z-index:2}.roaster-login:after,.roaster-login:before{content:"";height:100%;pointer-events:none;position:absolute;width:100%}.roaster-login:after{background:radial-gradient(ellipse at center,#d4a5741a 0,#0000 70%);left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.login-card{animation:screenFlicker .15s infinite alternate;background:#2a2a2a;border:3px solid #d4a574;border-radius:8px;box-shadow:0 0 30px #d4a5744d,0 0 60px #d4a57433,inset 0 0 100px #d4a5740d;max-width:500px;padding:3rem;position:relative;width:100%;z-index:3}@keyframes screenFlicker{0%{opacity:.97}to{opacity:1}}.terminal-header-login{border-bottom:1px solid #d4a574;color:#d4a574;display:flex;font-size:.9rem;justify-content:center;padding-bottom:1rem;text-shadow:0 0 10px #d4a57480;text-transform:uppercase}.login-title,.terminal-header-login{letter-spacing:2px;margin-bottom:2rem}.login-title{color:#d4af37;font-size:1.8rem;text-align:center;text-shadow:0 0 20px #d4af3799}.info-box{background:#d4a57414;border:1px solid #d4a574;border-left:3px solid #d4af37;border-radius:4px;color:#d4a574;font-size:.95rem;line-height:1.6;margin-bottom:2rem;padding:1rem 1.5rem}.info-box p{margin:.5rem 0}.info-box strong{color:#d4af37;text-shadow:0 0 10px #d4af3766}.signup-link{color:#d4af37;display:inline-block;margin-top:.5rem;text-decoration:none;text-shadow:0 0 10px #d4af374d;transition:all .2s}.signup-link:hover{color:gold;text-shadow:0 0 20px #ffd700cc;transform:translateX(5px)}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{gap:.5rem}.form-group input{background:#0000;border:2px solid #d4a574;border-radius:4px;color:#d4a574;padding:.8rem;transition:all .2s}.form-group input:disabled{cursor:not-allowed;opacity:.5}.form-group input::placeholder{opacity:.6}.login-button{background:#1a1a1a;border:3px solid #d4af37;box-shadow:0 0 15px #d4af374d;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;font-size:1.1rem;letter-spacing:2px;margin-top:1rem;padding:1rem 2rem;text-transform:uppercase;transition:all .2s}.login-button:hover:not(:disabled){background:#d4af37;box-shadow:0 0 40px #d4af3799;color:#2a2a2a;transform:scale(1.02)}.login-button:disabled{cursor:not-allowed;opacity:.5}.error-message{animation:errorPulse 2s infinite;background:#d32f2f1a;border:2px solid #d32f2f;color:#ff6b6b}.login-footer{border-top:1px solid #d4a574;font-size:.85rem;margin-top:2rem;padding-top:1.5rem;text-align:center}.login-footer p{margin-bottom:.5rem}.login-footer a,.login-footer p{color:#d4a574;letter-spacing:1px;text-transform:uppercase}.login-footer a{text-decoration:none;transition:all .2s}.login-footer a:hover{color:#d4af37;text-shadow:0 0 10px #d4af3780}.roaster-login-container{align-items:center;background:#2a2a2a;display:flex;font-family:Courier New,monospace;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.roaster-login-box{background:#2a2a2a;border:3px solid #d4a574;border-radius:8px;box-shadow:0 0 30px #d4a5744d,0 0 60px #d4a57433,inset 0 0 100px #d4a5740d;max-width:600px;padding:3rem;position:relative;width:100%;z-index:3}.terminal-title{color:#d4af37;font-size:1.8rem;letter-spacing:2px;margin-bottom:2rem;text-align:center;text-shadow:0 0 20px #d4af3799}.roaster-login-form{display:flex;flex-direction:column;gap:1.5rem}.slug-input-wrapper{gap:.5rem}.slug-suffix{color:#d4a574;font-size:.9rem;white-space:nowrap}.form-group input.valid{border-color:#4caf50}.form-group input.invalid{border-color:#d32f2f}.slug-available,.slug-checking,.slug-taken{font-size:.8rem;margin-left:.5rem}.slug-checking{color:#d4a574}.slug-available{color:#4caf50}.slug-taken{color:#d32f2f}.form-hint{color:#d4a574;font-size:.75rem}.roaster-login-btn{background:#0000;border:3px solid #d4af37;box-shadow:0 0 15px #d4af374d;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;font-size:1.1rem;letter-spacing:2px;margin-top:1rem;padding:1rem 2rem;text-transform:uppercase;transition:all .2s}.roaster-login-btn:hover:not(:disabled){background:#d4af37;box-shadow:0 0 40px #d4af3799;color:#2a2a2a;transform:scale(1.02)}.roaster-login-btn:disabled{cursor:not-allowed;opacity:.5}.auth-footer{border-top:1px solid #d4a574;font-size:.85rem;margin-top:2rem;padding-top:1.5rem;text-align:center}.auth-footer p{color:#d4a574;margin-bottom:.5rem}.link-btn{background:none;border:none;color:#d4a574;cursor:pointer;font-family:Courier New,monospace;text-decoration:underline;transition:all .2s}.link-btn:hover{color:#d4af37;text-shadow:0 0 10px #d4af3780}@media (max-width:768px){.form-row{grid-template-columns:1fr}.slug-input-wrapper{align-items:flex-start;flex-direction:column}.roaster-login-box{max-width:100%}}@media (max-width:640px){.roaster-login{padding:1rem}.login-card{padding:2rem 1.5rem}.login-title{font-size:1.4rem}.terminal-header-login{font-size:.75rem}.roaster-login-container{padding:1rem}.roaster-login-box{padding:2rem 1.5rem}.terminal-title{font-size:1.4rem}}.success-message{margin-bottom:2rem;text-align:center}.onboarding-heading{color:#4caf50;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.onboarding-subtitle{color:#b0b0b0;font-size:1rem;margin-bottom:1rem}.onboarding-steps{background:#2a2a2a;border:2px solid #333;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.steps-title{color:#d4af37;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-bottom:1.5rem;text-transform:uppercase}.step-item{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.step-item:last-child{margin-bottom:0}.step-number{color:#2a2a2a;flex-shrink:0;font-size:1rem;height:32px;width:32px}.step-content h4{color:#e0e0e0;font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.step-content p{color:#b0b0b0;font-size:.95rem;line-height:1.4;margin:0}.step-content strong{color:#d4af37}.help-text{color:#b0b0b0;font-size:.95rem;margin-top:1.5rem;text-align:center}.help-text a{color:#d4af37;font-weight:700;text-decoration:none}.help-text a:hover{text-decoration:underline}.forgot-password-link{margin-bottom:1rem;margin-top:-.5rem;text-align:right}.forgot-password-link a{color:#d4a574;font-size:.85rem;text-decoration:none;transition:all .2s}.forgot-password-link a:hover{color:#d4af37;text-shadow:0 0 10px #d4af3780}.roaster-dashboard{color:#d4a574;font-family:Courier New,monospace;min-height:100vh}.roaster-dashboard,.sidebar{background:#2a2a2a;display:flex}.sidebar{border-right:2px solid #d4a574;flex-direction:column;padding:2rem 0;width:250px}.business-name{margin:0}.nav-section-divider{border-top:1px solid #d4a5744d;margin-top:1rem;padding-top:1rem}.platform-link{opacity:.8}.platform-link:hover{opacity:1}.logout-btn{background:#0000;border:2px solid #d4af37;color:#d4af37;font-size:.9rem;letter-spacing:1px;margin:2rem 1.5rem 0;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .2s}.logout-btn:hover{background:#d4af37;box-shadow:0 0 20px #d4af3766;color:#2a2a2a}.dashboard-content{padding:3rem;position:relative}.dashboard-content:before{animation:scanlines 8s linear infinite;background:repeating-linear-gradient(0deg,#d4a57408,#0000 1px,#0000 2px,#d4a57408 3px);bottom:0;content:"";left:250px;pointer-events:none;position:fixed;right:0;top:0;z-index:1}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(10px)}}.dashboard-placeholder{max-width:900px;position:relative;z-index:2}.terminal-header-dash{border-bottom:1px solid #d4a574;color:#d4a574;font-size:.9rem;letter-spacing:2px;margin-bottom:2rem;padding-bottom:1rem;text-shadow:0 0 10px #d4a57480;text-transform:uppercase}.welcome-message{animation:fadeIn 1s ease-in;color:#d4af37;font-size:2.5rem;letter-spacing:2px;margin-bottom:2rem;text-shadow:0 0 25px #d4af3799}.status-message{background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;margin-bottom:2rem;padding:2rem}.status-message p{font-size:1rem;letter-spacing:1px;margin:.5rem 0}.status-success{color:#4caf50;text-shadow:0 0 10px #4caf5080}.status-warning{color:#ffc107}.next-steps{background:#d4af370d;border:2px solid #d4af37;border-radius:4px;margin-bottom:2rem;padding:2rem}.next-steps h2{color:#d4af37;font-size:1.3rem;margin-bottom:1rem;text-shadow:0 0 15px #d4af3780}.next-steps p{line-height:1.6;margin-bottom:1rem}.next-steps ul{list-style:none;margin:0;padding:0}.next-steps li{padding:.5rem 0 .5rem 2rem;position:relative}.next-steps li:before{color:#d4af37;content:attr(data-prefix);left:0;position:absolute}.api-test{background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;padding:2rem}.api-test h3{color:#c9a227;font-size:1.1rem;margin-bottom:1rem}.api-test h3,.test-btn{letter-spacing:1px;text-transform:uppercase}.test-btn{background:#0000;border:2px solid #d4af37;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;font-size:.95rem;padding:.8rem 2rem;transition:all .2s}.test-btn:hover{background:#d4af37;box-shadow:0 0 25px #d4af3780;color:#2a2a2a;transform:translateX(5px)}@media (max-width:968px){.roaster-dashboard{flex-direction:column}.sidebar{border-bottom:2px solid #d4a574;border-right:none;width:100%}.dashboard-content{padding:2rem 1rem}.dashboard-content:before{left:0}.welcome-message{font-size:1.8rem}}.nes-cartridge{transition:transform .3s ease,filter .3s ease}.nes-cartridge.unlocked{cursor:pointer;filter:drop-shadow(0 4px 8px rgba(42,42,42,.3))}.nes-cartridge.unlocked:hover{filter:drop-shadow(0 8px 16px rgba(42,42,42,.4));transform:translateY(-5px) rotate(-2deg)}.nes-cartridge.locked{cursor:not-allowed;filter:grayscale(100%) brightness(.6) drop-shadow(0 2px 4px rgba(42,42,42,.3));opacity:.7}.nes-cartridge.locked:hover .unlock-tooltip{opacity:1;transform:translateX(0)}@media (max-width:768px){.nes-cartridge{bottom:15px;right:15px;transform:scale(.85)}.nes-cartridge.unlocked:hover{transform:scale(.85) translateY(-5px) rotate(-2deg)}.unlock-tooltip{bottom:calc(100% + 10px);font-size:.7rem;left:50%;padding:.4rem .6rem;right:0;top:auto;transform:translate(-50%,10px)}.nes-cartridge.locked:hover .unlock-tooltip{transform:translate(-50%)}.unlock-tooltip:before{border:6px solid #0000;border-bottom:none;border-top:8px solid #d4af37;bottom:-8px}.unlock-tooltip:after,.unlock-tooltip:before{left:50%;right:auto;top:auto;transform:translateX(-50%)}.unlock-tooltip:after{border:4px solid #0000;border-bottom:none;border-top:5px solid #2a2a2a;bottom:-5px}}.lock-icon{font-size:24px;left:50%;text-shadow:0 2px 4px #00000080;top:50%;transform:translate(-50%,-50%);z-index:10}.lock-icon,.unlock-tooltip{pointer-events:none;position:absolute}.unlock-tooltip{background:#2a2a2a;border:2px solid #d4af37;border-radius:6px;box-shadow:0 4px 12px #d4af374d;color:#d4af37;font-family:Courier New,monospace;font-size:.75rem;opacity:0;padding:.5rem .75rem;right:calc(100% + 15px);top:-10px;transform:translateX(10px);transition:opacity .3s ease,transform .3s ease;white-space:nowrap;z-index:101}.unlock-tooltip:before{border-bottom:6px solid #0000;border-left:8px solid #d4af37;border-top:6px solid #0000;right:-8px;top:15px}.unlock-tooltip:after,.unlock-tooltip:before{content:"";height:0;position:absolute;width:0}.unlock-tooltip:after{border-bottom:4px solid #0000;border-left:5px solid #2a2a2a;border-top:4px solid #0000;right:-5px;top:17px}.dashboard-home{position:relative;z-index:2}.terminal-header-home{border-bottom:1px solid #d4a574;color:#d4a574;display:flex;font-size:.85rem;justify-content:space-between;letter-spacing:2px;margin-bottom:2rem;padding-bottom:1rem;text-transform:uppercase}.terminal-prompt{text-shadow:0 0 10px #d4a57480}.terminal-timestamp{opacity:.7}.welcome-title{color:#d4af37;font-size:2.5rem;font-weight:400;letter-spacing:2px;margin-bottom:3rem;min-height:3rem;text-shadow:0 0 25px #d4af3799}.cursor{animation:cursorBlink 1s infinite;color:#d4af37;display:inline-block}@keyframes cursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}.stripe-banner{background:#ffc1071a;border:2px solid #ffc107;border-radius:8px;box-shadow:0 0 20px #ffc10733;margin-bottom:2rem;padding:1.5rem}.banner-content{align-items:center;display:flex;gap:1.5rem}.banner-icon{color:#ffc107;flex-shrink:0;font-size:2.5rem;text-shadow:0 0 15px #ffc10780}.banner-text{flex:1 1}.banner-text h3{color:#ffc107;font-size:1.1rem;letter-spacing:1px;margin:0 0 .5rem}.banner-text p{color:#d4a574;font-size:.95rem;margin:0}.connect-stripe-btn{background:#0000;border:2px solid #ffc107;color:#ffc107;cursor:pointer;font-family:Courier New,monospace;font-size:.9rem;letter-spacing:1px;padding:.8rem 1.5rem;transition:all .2s;white-space:nowrap}.connect-stripe-btn:hover{background:#ffc107;box-shadow:0 0 25px #ffc10799;color:#2a2a2a;transform:translateY(-2px)}@media (max-width:768px){.banner-content{flex-direction:column;text-align:center}.connect-stripe-btn{width:100%}}.stats-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem}.stat-card{background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;box-shadow:0 0 20px #d4a57433;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s}.stat-card:before{background:linear-gradient(90deg,#0000,#d4af371a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.stat-card:hover{border-color:#d4af37;box-shadow:0 0 40px #d4af3766;transform:translateY(-5px)}.stat-card:hover:before{left:100%}.stat-icon{color:#c9a227;font-size:2rem;margin-bottom:1rem;text-shadow:0 0 15px #c9a22780}.stat-value{animation:statPulse 3s infinite}@keyframes statPulse{0%,to{text-shadow:0 0 20px #d4af3799}50%{text-shadow:0 0 30px #d4af37cc}}.stat-label{color:#c9a227;letter-spacing:1px;text-transform:uppercase}.recent-orders-section{background:#d4a57408;border:2px solid #d4a574;border-radius:4px;padding:2rem}.section-title{font-size:1.5rem}.empty-state p{font-size:1.1rem}.empty-hint{font-size:.95rem!important}.orders-table-container{overflow-x:auto}.orders-table{color:#d4a574}.orders-table th{border-bottom:2px solid #d4a574;text-shadow:0 0 10px #d4af3780}.orders-table td{border-bottom:1px solid #d4a574}.orders-table tr{transition:all .2s}.orders-table tbody tr:hover{background:#d4a5740d;box-shadow:inset 0 0 15px #d4af371a}.order-number{color:#c9a227;font-family:Courier New,monospace}.order-type{color:#d4a574;font-size:.85rem;text-transform:uppercase}.status-pending{background:#ffc1071a;border:1px solid #ffc107;color:#ffc107}.status-paid{background:#4caf501a;border:1px solid #4caf50;color:#4caf50;text-shadow:0 0 10px #4caf5080}.status-shipped{background:#2196f31a;border:1px solid #2196f3;color:#2196f3}.status-delivered{background:#4caf501a;border:1px solid #4caf50;color:#4caf50}.status-cancelled,.status-refunded{background:#f443361a;border:1px solid #f44336;color:#f44336}.order-total{color:#d4af37;font-weight:700;text-shadow:0 0 10px #d4af3766}.order-date{color:#d4a574;font-size:.9rem}.flourish-line{min-height:1.5rem}@media (max-width:968px){.stats-grid{gap:1.5rem;grid-template-columns:1fr}.welcome-title{font-size:1.8rem}.stat-value{font-size:2.5rem}.orders-table-container{overflow-x:scroll}.orders-table{min-width:700px}}@media (max-width:640px){.terminal-header-home{flex-direction:column;font-size:.75rem;gap:.5rem}.welcome-title{font-size:1.4rem}.section-title{font-size:1.2rem}}.onboarding-progress{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:24px}.onboarding-progress.error,.onboarding-progress.loading{padding:40px;text-align:center}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.progress-header h3{color:#333;font-size:20px;margin:0}.progress-percentage{color:#6b4e9b;font-size:28px;font-weight:700}.progress-bar{background:#f0f0f0;margin-bottom:12px}.progress-fill{background:linear-gradient(90deg,#6b4e9b,#8b6ebb);border-radius:6px;transition:width .5s ease}.progress-stats{color:#666;display:flex;font-size:14px;justify-content:space-between;margin-bottom:24px}.time-estimate{color:#6b4e9b;font-weight:500}.completion-message{background:#f0f9ff;border-radius:8px;margin-top:24px;padding:32px;text-align:center}.completion-message h4{color:#10b981;font-size:24px;margin:0 0 8px}.completion-message p{color:#666;margin:0}.next-steps{margin-top:24px}.next-steps h4{color:#333;font-size:16px;margin-bottom:16px}.next-step-item{align-items:center;background:#f9fafb;border-left:3px solid #6b4e9b;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px}.step-info strong{color:#333;display:block;margin-bottom:4px}.step-info p{color:#666;font-size:14px;margin:0}.step-meta{align-items:center;display:flex;gap:12px}.time-badge{background:#e0e7ff;border-radius:12px;color:#6b4e9b;font-size:12px;padding:4px 12px}.btn-small,.time-badge{font-weight:500;white-space:nowrap}.btn-small{background:#6b4e9b;border-radius:6px;color:#fff;font-size:14px;padding:8px 16px;text-decoration:none;transition:background .2s}.btn-small:hover{background:#5a3e8b}.quick-start{background:#fffbeb;border:2px dashed #fbbf24;border-radius:8px;margin-top:32px;padding:20px}.quick-start h4{color:#92400e;font-size:16px;margin:0 0 8px}.quick-start p{color:#78350f;font-size:14px;margin:0 0 16px}.demo-controls{align-items:center;display:flex;gap:12px}.demo-controls select{background:#fff;border:2px solid #fbbf24;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;padding:10px 16px}.btn-demo{background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:background .2s;white-space:nowrap}.btn-demo:hover{background:#d97706}.btn-demo:disabled{background:#d1d5db;cursor:not-allowed}.steps-checklist{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}.steps-checklist h4{color:#666;font-size:14px;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.steps-checklist ul{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin:0;padding:0}.steps-checklist li{background:#f9fafb;border-radius:4px;color:#6b7280;font-size:14px;padding:8px 12px}.steps-checklist li.done{background:#ecfdf5;color:#065f46;font-weight:500}.steps-checklist li.done:before{color:#10b981;content:"✓";margin-right:8px}@media (max-width:768px){.next-step-item{align-items:flex-start;flex-direction:column}.step-meta{justify-content:space-between;margin-top:12px;width:100%}.demo-controls{flex-direction:column}.btn-demo,.demo-controls select{width:100%}.steps-checklist ul{grid-template-columns:1fr}}.product-form-overlay{align-items:center;background:#2a2a2acc;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.product-form-modal{background:#2a2a2a;border:2px solid #d4af37;border-radius:4px;box-shadow:0 0 50px #d4af3780;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-title{font-size:1.5rem;font-weight:400;letter-spacing:2px;margin:0;text-shadow:0 0 15px #d4af3799}.close-btn{font-size:1.5rem;padding:.5rem;transition:all .2s}.close-btn:hover{transform:scale(1.2)}.product-form{padding:2rem}.form-error{background:#f443361a;border:1px solid #f44336;border-radius:4px;color:#f44336;margin-bottom:1.5rem;padding:1rem}.form-group label{color:#c9a227;font-size:.9rem;text-transform:uppercase}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;color:#d4a574;font-family:Courier New,monospace;font-size:.95rem;padding:.75rem;transition:all .3s;width:100%}.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{border-color:#d4af37;box-shadow:0 0 10px #d4af374d;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.5}.flavor-notes-input{display:flex;gap:.5rem}.flavor-notes-input input{flex:1 1}.flavor-notes-input button{background:#d4a5741a;border:2px solid #d4a574;border-radius:4px;color:#d4a574;cursor:pointer;font-family:Courier New,monospace;padding:.75rem 1.5rem;transition:all .2s}.flavor-notes-input button:hover:not(:disabled){border-color:#d4af37;box-shadow:0 0 10px #d4af374d;color:#d4af37}.flavor-notes-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.flavor-note{align-items:center;background:#d4af3726;border:1px solid #d4af37;border-radius:20px;color:#d4af37;display:inline-flex;font-size:.85rem;gap:.5rem;padding:.4rem .8rem}.flavor-note button{background:none;border:none;color:#d4af37;cursor:pointer;font-size:1rem;opacity:.7;padding:0;transition:opacity .2s}.flavor-note button:hover{opacity:1}.brew-methods-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:.5rem}.brew-method-checkbox{align-items:center;background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:.75rem;transition:all .3s}.brew-method-checkbox:hover{background:#d4a5741a;border-color:#d4a574}.brew-method-checkbox input[type=checkbox]{cursor:pointer;margin:0;width:auto}.brew-method-checkbox span{color:#d4a574;font-size:.9rem}.brew-method-checkbox input:checked+span{color:#d4af37;font-weight:700}.form-group.checkboxes{display:flex;flex-direction:column;gap:.75rem}.checkbox-label{align-items:center;color:#d4a574;cursor:pointer;display:flex;gap:.75rem}.checkbox-label input[type=checkbox]{cursor:pointer;margin:0;width:auto}.checkbox-label span{font-size:.95rem}.form-actions{border-top:2px solid #d4a574;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.cancel-btn,.save-btn{font-size:.95rem;padding:.75rem 2rem}.save-btn{background:#d4af371a;border:2px solid #d4af37}.save-btn:hover:not(:disabled){background:#d4af37;box-shadow:0 0 20px #d4af3780;color:#2a2a2a}.cancel-btn:disabled,.save-btn:disabled{opacity:.5}@media (max-width:768px){.product-form-overlay{padding:1rem}.product-form-modal{max-height:95vh}.product-form{padding:1.5rem}.form-row{gap:1rem}.brew-methods-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.products-list{position:relative;z-index:2}.terminal-header-products{border-bottom:1px solid #d4a574;color:#d4a574;display:flex;font-size:.85rem;justify-content:space-between;letter-spacing:2px;margin-bottom:2rem;padding-bottom:1rem;text-transform:uppercase}.product-count{opacity:.7}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:3rem}.page-title{margin:0}.add-product-btn{background:#d4af371a;border:2px solid #d4af37;border-radius:4px;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;font-size:.9rem;letter-spacing:1px;padding:.75rem 2rem;text-transform:uppercase;transition:all .3s}.add-product-btn:hover{background:#d4af37;box-shadow:0 0 25px #d4af3780;color:#2a2a2a;transform:translateY(-2px)}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.product-card{background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;overflow:hidden;position:relative}.product-card:before{background:linear-gradient(90deg,#0000,#d4af371a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.product-card:hover{box-shadow:0 0 30px #d4af374d;transform:translateY(-5px)}.product-card:hover:before{left:100%}.product-card.inactive{border-color:#d4a574;opacity:.6}.product-card.inactive:hover{border-color:#d4a574;opacity:.8}.product-header{border-bottom:1px solid #d4a574;padding-bottom:1rem}.product-sku{color:#c9a227;font-size:.85rem;letter-spacing:1px;text-transform:uppercase}.status-indicator{border-radius:3px;font-size:.75rem;letter-spacing:1px;padding:.3rem .6rem}.status-indicator.active{background:#4caf501a;border:1px solid #4caf50;color:#4caf50;text-shadow:0 0 10px #4caf5080}.status-indicator.inactive{background:#d4a5741a;border:1px solid #d4a574;color:#d4a574}.product-name{font-weight:400;letter-spacing:1px;margin-bottom:.5rem;text-shadow:0 0 15px #d4af3766}.product-description{color:#d4a574;font-size:.9rem;opacity:.8}.product-type{align-items:center;border-bottom:1px solid #d4a5744d;display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem}.type-label{color:#c9a227;font-size:.85rem}.type-value{color:#d4a574;font-size:.85rem;font-weight:500}.product-pricing{margin-bottom:1rem}.price-item{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.price-label{color:#c9a227;font-size:.9rem}.price-value{color:#d4af37;font-size:1.1rem;font-weight:700;text-shadow:0 0 10px #d4af3766}.product-attributes{border-bottom:1px solid #d4a5744d;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem}.attribute-item{display:flex;font-size:.85rem;gap:.5rem}.attr-label{color:#c9a227}.attr-value{color:#d4a574}.single-origin-details{background:#d4af3708;border-radius:4px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.flavor-notes,.single-origin-details{border-bottom:1px solid #d4a5744d;margin-bottom:1rem}.flavor-notes{padding-bottom:1rem}.notes-label{color:#c9a227;display:block;font-size:.85rem;margin-bottom:.5rem}.notes-tags{display:flex;flex-wrap:wrap;gap:.4rem}.flavor-tag{background:#d4af3726;border:1px solid #d4af37;border-radius:12px;color:#d4af37;font-size:.75rem;padding:.25rem .6rem}.brew-methods{border-bottom:1px solid #d4a5744d;margin-bottom:1rem;padding-bottom:1rem}.brew-label{color:#c9a227;display:block;font-size:.85rem;margin-bottom:.3rem}.brew-value{color:#d4a574;font-size:.8rem}.product-availability{border-top:1px solid #d4a5744d;display:flex;gap:1rem;margin-bottom:1rem;padding-top:1rem}.availability-item{flex:1 1;font-size:.85rem}.availability-item .available{color:#4caf50}.availability-item .unavailable{color:#d4a574;opacity:.6}.product-actions{border-top:1px solid #d4a5744d;display:flex;gap:.75rem;padding-top:1rem}.delete-btn,.edit-btn{border-radius:4px;cursor:pointer;flex:1 1;font-family:Courier New,monospace;font-size:.85rem;letter-spacing:1px;padding:.6rem 1rem;text-transform:uppercase;transition:all .3s}.edit-btn{background:#d4af371a;border:2px solid #d4af37;color:#d4af37}.edit-btn:hover{background:#d4af37;box-shadow:0 0 15px #d4af3766;color:#2a2a2a}.delete-btn{background:#0000;border:2px solid #d4a574;color:#d4a574}.delete-btn:hover{border-color:#f44336;box-shadow:0 0 15px #f443364d;color:#f44336}@media (max-width:768px){.products-grid{grid-template-columns:1fr}.page-title{font-size:1.5rem}.terminal-header-products{flex-direction:column;font-size:.75rem;gap:.5rem}}.subscriptions-list{position:relative;z-index:2}.terminal-header-subscriptions{border-bottom:1px solid #d4a574;color:#d4a574;display:flex;font-size:.85rem;justify-content:space-between;letter-spacing:2px;margin-bottom:2rem;padding-bottom:1rem;text-transform:uppercase}.subscription-count{opacity:.7}.filter-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.filter-btn{background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;color:#d4a574;cursor:pointer;font-family:Courier New,monospace;font-size:.9rem;letter-spacing:1px;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s}.filter-btn:before{background:linear-gradient(90deg,#0000,#d4af3733,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.filter-btn:hover{border-color:#d4af37;box-shadow:0 0 20px #d4af3766;transform:translateY(-2px)}.filter-btn:hover:before{left:100%}.filter-btn.active{background:#d4af3726;border-color:#d4af37;box-shadow:0 0 25px #d4af3780;color:#d4af37;text-shadow:0 0 10px #d4af3799}.empty-state{padding:5rem 2rem}.empty-icon{animation:iconPulse 3s infinite;color:#d4a574;margin-bottom:1.5rem;text-shadow:0 0 20px #d4a57466}@keyframes iconPulse{0%,to{opacity:.5}50%{opacity:1}}.empty-state p{letter-spacing:1px}.empty-hint{font-size:1rem!important;margin-top:1rem;opacity:.7}.subscriptions-table-container{background:#d4a57408;border:2px solid #d4a574;border-radius:4px;overflow-x:auto;padding:1.5rem}.subscriptions-table{border-collapse:collapse;color:#d4a574;width:100%}.subscriptions-table th{border-bottom:2px solid #d4a574;color:#d4af37;font-size:.85rem;font-weight:400;letter-spacing:1px;padding:1rem;text-align:left;text-shadow:0 0 10px #d4af3780;text-transform:uppercase}.subscriptions-table td{border-bottom:1px solid #d4a574;padding:1rem}.subscriptions-table tbody tr{transition:all .2s}.subscriptions-table tbody tr:hover{background:#d4a5740d;box-shadow:inset 0 0 15px #d4af371a}.customer-name{font-weight:500}.frequency,.grind-size,.quantity{color:#d4a574;opacity:.9}.next-delivery{color:#c9a227;font-size:.9rem}.status-badge{border-radius:3px;letter-spacing:.5px;min-width:80px;text-align:center}.status-badge.status-active{background:#4caf501a;border:1px solid #4caf50;color:#4caf50;text-shadow:0 0 10px #4caf5080}.status-badge.status-paused{background:#ffc1071a;border:1px solid #ffc107;color:#ffc107;text-shadow:0 0 10px #ffc10780}.status-badge.status-cancelled{background:#f443361a;text-shadow:0 0 10px #f4433680}.status-badge.status-pending{background:#d4a5741a;border:1px solid #d4a574;color:#d4a574;opacity:.8}@media (max-width:968px){.filter-buttons{gap:.75rem}.filter-btn{font-size:.8rem;padding:.6rem 1.2rem}.subscriptions-table-container{overflow-x:scroll}.subscriptions-table{min-width:800px}}@media (max-width:768px){.page-title{font-size:1.5rem}.terminal-header-subscriptions{font-size:.75rem}.filter-buttons,.terminal-header-subscriptions{flex-direction:column;gap:.5rem}.filter-btn{width:100%}}.modal-overlay{animation:fadeIn .2s ease-out}.modal-content{animation:slideUp .3s ease-out;background:#0a0a0a;border-radius:4px;box-shadow:0 0 40px #d4af3780;font-family:Courier New,monospace;max-width:600px;width:90%}.modal-header{background:#d4a57414;border-bottom:2px solid #d4a574;padding:1.5rem 2rem}.modal-header h2{font-size:1.5rem;font-weight:400;letter-spacing:2px;text-shadow:0 0 20px #d4af3799}.close-btn{background:#0000;border:none;color:#d4a574;cursor:pointer;font-size:2rem;height:30px;line-height:1;padding:0;transition:all .3s;width:30px}.close-btn:hover{color:#d4af37;text-shadow:0 0 15px #d4af37cc;transform:rotate(90deg)}.modal-body{padding:2rem}.assignment-info{color:#d4a574;font-size:1.1rem;margin-bottom:2rem;text-align:center}.assignment-info .highlight{color:#d4af37;font-weight:700;text-shadow:0 0 10px #d4af3780}.error-message{animation:shake .3s ease-out;text-shadow:0 0 10px #f4433680}.form-group input[type=date],.form-group input[type=text]{background:#0a0a0a;border:2px solid #d4a574;border-radius:4px;color:#d4af37;font-family:Courier New,monospace;font-size:1.1rem;padding:.75rem 1rem;transition:all .3s;width:100%}.form-group input:hover{border-color:#d4af37}.form-group input:focus{box-shadow:0 0 20px #d4af3766}.form-group input::placeholder,.help-text{color:#d4a574}.help-text{display:block;font-size:.85rem;font-style:italic;margin-top:.5rem}.orders-preview{border-top:2px solid #d4a574;margin-top:2rem;padding-top:2rem}.orders-preview h3{color:#d4af37;font-size:1.1rem;font-weight:400;letter-spacing:1px;margin-bottom:1rem;text-shadow:0 0 15px #d4af3780}.orders-list{background:#d4a57408;max-height:200px;overflow-y:auto;padding:.5rem}.order-preview-item,.orders-list{border:1px solid #d4a574;border-radius:4px}.order-preview-item{align-items:center;background:#d4a5740d;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .3s}.order-preview-item:hover{background:#d4af371a;border-color:#d4a574}.order-preview-item:last-child{margin-bottom:0}.order-num{color:#d4af37;flex:0 0 140px;font-weight:700}.customer-name{color:#d4a574;flex:1 1}.items-count{color:#a0896b;flex:0 0 100px;font-size:.9rem;text-align:right}.modal-footer{background:#d4a5740d;border-top:2px solid #d4a574;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.cancel-btn,.save-btn{border-radius:4px;cursor:pointer;font-family:Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:1px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s}.cancel-btn{border:2px solid #d4a574;color:#a0896b}.cancel-btn:hover:not(:disabled){border-color:#d4a574;box-shadow:0 0 15px #d4a5744d;color:#d4a574}.save-btn:hover:not(:disabled){transform:translateY(-2px)}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.3}.modal-content::-webkit-scrollbar,.orders-list::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track,.orders-list::-webkit-scrollbar-track{background:#0a0a0a}.modal-content::-webkit-scrollbar-thumb,.orders-list::-webkit-scrollbar-thumb{background:#d4a574;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover,.orders-list::-webkit-scrollbar-thumb:hover{background:#d4af37}@media (max-width:640px){.modal-content{max-height:95vh;width:95%}.modal-header{padding:1rem 1.5rem}.modal-header h2{font-size:1.2rem}.modal-body{padding:1.5rem}.modal-footer{flex-direction:column;padding:1rem 1.5rem}.cancel-btn,.save-btn{width:100%}.order-preview-item{align-items:flex-start;flex-direction:column;gap:.5rem}.customer-name,.items-count,.order-num{flex:none;text-align:left;width:100%}}.label-modal{max-width:700px}.label-info{color:#d4a574;font-size:1.1rem;margin-bottom:2rem;text-align:center}.label-info .highlight{color:#d4af37;font-weight:700;text-shadow:0 0 10px #d4af3780}.form-group select{background:#0a0a0a;border:2px solid #d4a574;border-radius:4px;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;font-size:1.1rem;padding:.75rem 1rem;transition:all .3s;width:100%}.form-group select:hover:not(:disabled){border-color:#d4af37}.form-group select:focus{border-color:#d4af37;box-shadow:0 0 20px #d4af3766;outline:none}.form-group select:disabled{cursor:not-allowed;opacity:.5}.progress-container{background:#d4a5740d;margin:2rem 0;padding:1.5rem}.progress-bar,.progress-container{border:2px solid #d4a574;border-radius:4px}.progress-bar{background:#0a0a0a;height:30px;margin-bottom:1rem}.progress-fill{background:linear-gradient(90deg,#d4a574,#d4af37);box-shadow:0 0 20px #d4af3799;overflow:hidden;position:relative;transition:width .3s ease-out}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-text{color:#d4af37;display:block;font-size:1rem;letter-spacing:1px;text-shadow:0 0 10px #d4af3780}.cost-estimate{background:#f443360d;border:2px solid #f44336;border-radius:4px;margin:2rem 0;padding:1.5rem}.cost-warning{color:#f44336;font-size:1.1rem;font-weight:700;letter-spacing:2px;margin-bottom:1rem;text-align:center;text-shadow:0 0 15px #f4433680}.cost-details{background:#2a2a2a4d;border:1px solid #d4a574;border-radius:4px;margin-bottom:1rem;padding:1rem}.cost-line{border-bottom:1px solid #d4a57433;color:#d4a574;display:flex;justify-content:space-between;padding:.5rem 0}.cost-line:last-child{border-bottom:none}.cost-line.total{border-top:2px solid #d4a574;font-size:1.2rem;font-weight:700;margin-top:.5rem;padding-top:1rem}.cost-value{color:#d4af37;text-shadow:0 0 10px #d4af3766}.cost-note{color:#a0896b;font-size:.85rem;font-style:italic;margin:0;text-align:center}.results-container{padding:1rem 0}.results-summary{display:flex;gap:1rem;margin-bottom:2rem}.result-stat{background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;flex:1 1;padding:1.5rem;text-align:center}.result-stat.success-stat{background:#4caf500d;border-color:#4caf50}.result-stat.error-stat{background:#f443360d;border-color:#f44336}.stat-value{font-size:3rem;margin-bottom:.5rem;text-shadow:0 0 20px #d4af3799}.success-stat .stat-value{color:#4caf50;text-shadow:0 0 20px #4caf5099}.error-stat .stat-value{color:#f44336;text-shadow:0 0 20px #f4433699}.stat-label{font-size:.9rem;letter-spacing:2px}.results-section{margin-bottom:2rem}.results-section h3{color:#d4af37;font-size:1.1rem;font-weight:400;letter-spacing:1px;margin-bottom:1rem;text-shadow:0 0 15px #d4af3780}.results-list{background:#d4a57408;max-height:300px;overflow-y:auto;padding:.5rem}.result-item,.results-list{border:1px solid #d4a574;border-radius:4px}.result-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .3s}.result-item:last-child{margin-bottom:0}.success-item{background:#4caf500d;border-color:#4caf50}.success-item:hover{background:#4caf501a}.error-item{background:#f443360d;border-color:#f44336}.error-item:hover{background:#f443361a}.result-order{color:#d4af37;flex:0 0 140px;font-weight:700}.result-tracking{color:#4caf50;flex:1 1;font-family:monospace;margin:0 1rem;text-shadow:0 0 10px #4caf504d}.result-status{color:#4caf50;flex:0 0 120px;font-weight:700;text-align:right}.result-error{color:#f44336;flex:1 1;font-size:.9rem;text-shadow:0 0 10px #f443364d}.generate-btn{background:#0000;border:3px solid #d4af37;border-radius:4px;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:1px;padding:.75rem 1.5rem;text-shadow:0 0 10px #d4af3780;text-transform:uppercase;transition:all .3s}.generate-btn:hover:not(:disabled){background:#d4af3726;box-shadow:0 0 25px #d4af3780;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.3}.done-btn{background:#0000;border:3px solid #4caf50;border-radius:4px;color:#4caf50;cursor:pointer;font-family:Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:1px;padding:.75rem 1.5rem;text-shadow:0 0 10px #4caf5080;text-transform:uppercase;transition:all .3s}.done-btn:hover{background:#4caf5026;box-shadow:0 0 25px #4caf5080;transform:translateY(-2px)}.results-list::-webkit-scrollbar{width:8px}.results-list::-webkit-scrollbar-track{background:#0a0a0a}.results-list::-webkit-scrollbar-thumb{background:#d4a574;border-radius:4px}.results-list::-webkit-scrollbar-thumb:hover{background:#d4af37}@media (max-width:768px){.label-modal{max-width:95%}.result-item,.results-summary{flex-direction:column}.result-item{align-items:flex-start;gap:.5rem}.result-error,.result-order,.result-status,.result-tracking{flex:none;text-align:left;width:100%}.cost-line{font-size:.9rem}.stat-value{font-size:2rem}}.packslip-modal{max-width:650px}.packslip-info{color:#d4a574;font-size:1.1rem;margin-bottom:2rem;text-align:center}.packslip-info .highlight{color:#d4af37;font-weight:700;text-shadow:0 0 10px #d4af3780}.packslip-preview{background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;margin:2rem 0;padding:1.5rem}.packslip-preview h3{color:#d4af37;font-size:1.1rem;font-weight:400;letter-spacing:1px;margin-bottom:1rem;text-shadow:0 0 15px #d4af3780}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{border-bottom:1px solid #d4a57433;color:#d4a574;font-size:1rem;padding:.5rem 0 .5rem .5rem;transition:all .3s}.feature-list li:last-child{border-bottom:none}.feature-list li:hover{background:#d4af370d;color:#d4af37;padding-left:1rem}.generating-message{align-items:center;background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;display:flex;gap:1rem;justify-content:center;margin:2rem 0;padding:2rem}.generating-message span{color:#d4af37;font-size:1.1rem;letter-spacing:1px;text-shadow:0 0 10px #d4af3780}.spinner{border:3px solid #d4a5744d;height:30px;width:30px}.packslip-modal .orders-preview{border-top:2px solid #d4a574;margin-top:2rem;padding-top:2rem}.packslip-modal .orders-preview h3{color:#d4af37;font-size:1.1rem;font-weight:400;letter-spacing:1px;margin-bottom:1rem;text-shadow:0 0 15px #d4af3780}.packslip-modal .orders-list{background:#d4a57408;border:1px solid #d4a574;border-radius:4px;max-height:200px;overflow-y:auto;padding:.5rem}.packslip-modal .order-preview-item{align-items:center;background:#d4a5740d;border:1px solid #d4a574;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .3s}.packslip-modal .order-preview-item:hover{background:#d4af371a;border-color:#d4a574}.packslip-modal .order-preview-item:last-child{margin-bottom:0}.packslip-modal .order-num{color:#d4af37;flex:0 0 140px;font-weight:700}.packslip-modal .customer-name{color:#d4a574;flex:1 1}.packslip-modal .items-count{color:#a0896b;flex:0 0 100px;font-size:.9rem;text-align:right}.packslip-modal .orders-list::-webkit-scrollbar{width:8px}.packslip-modal .orders-list::-webkit-scrollbar-track{background:#0a0a0a}.packslip-modal .orders-list::-webkit-scrollbar-thumb{background:#d4a574;border-radius:4px}.packslip-modal .orders-list::-webkit-scrollbar-thumb:hover{background:#d4af37}@media (max-width:768px){.packslip-modal{max-width:95%}.packslip-modal .order-preview-item{align-items:flex-start;flex-direction:column;gap:.5rem}.packslip-modal .customer-name,.packslip-modal .items-count,.packslip-modal .order-num{flex:none;text-align:left;width:100%}.feature-list li{font-size:.9rem}.generating-message{flex-direction:column;gap:.5rem}}.ship-modal{max-width:700px}.ship-info{color:#d4a574;font-size:1.1rem;margin-bottom:2rem;text-align:center}.ship-info .highlight{color:#d4af37;font-weight:700;text-shadow:0 0 10px #d4af3780}.warning-box{background:#ffc1070d;border:2px solid #ffc107;border-radius:4px;margin:2rem 0;padding:1.5rem}.warning-header{color:#ffc107;font-size:1.1rem;font-weight:700;letter-spacing:2px;margin-bottom:.75rem;text-align:center;text-shadow:0 0 15px #ffc10780}.warning-text{color:#d4a574;font-size:1rem;margin:0;text-align:center}.warning-text .highlight{color:#ffc107;font-weight:700}.ship-summary{background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;margin:2rem 0;padding:1.5rem}.summary-row{border-bottom:1px solid #d4a57433;color:#d4a574;display:flex;justify-content:space-between;padding:.75rem 0}.summary-row:last-child{border-bottom:none}.summary-row.total{border-top:2px solid #d4a574;font-size:1.1rem;font-weight:700;margin-top:.5rem;padding-top:1rem}.summary-label{color:#d4a574}.summary-value{color:#d4af37;font-weight:700;text-shadow:0 0 10px #d4af3766}.summary-value.warning{color:#ffc107;text-shadow:0 0 10px #ffc10766}.ship-modal .orders-preview{border-top:2px solid #d4a574;margin-top:2rem;padding-top:2rem}.ship-modal .orders-preview h3{color:#d4af37;font-size:1.1rem;font-weight:400;letter-spacing:1px;margin-bottom:1rem;text-shadow:0 0 15px #d4af3780}.ship-modal .orders-list{background:#d4a57408;border:1px solid #d4a574;border-radius:4px;max-height:250px;overflow-y:auto;padding:.5rem}.ship-modal .order-preview-item{align-items:center;background:#d4a5740d;border:1px solid #d4a574;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .3s}.ship-modal .order-preview-item:hover{background:#d4af371a;border-color:#d4a574}.ship-modal .order-preview-item:last-child{margin-bottom:0}.ship-modal .order-num{color:#d4af37;flex:0 0 140px;font-weight:700}.ship-modal .customer-name{color:#d4a574;flex:1 1}.tracking-status{flex:0 0 120px;font-size:.9rem;font-weight:700;text-align:right}.tracking-status.has-tracking{color:#4caf50;text-shadow:0 0 10px #4caf5066}.tracking-status.no-tracking{color:#ffc107;text-shadow:0 0 10px #ffc10766}.confirmation-note{background:#d4a5740d;border-left:4px solid #d4af37;border-radius:4px;margin:2rem 0 0;padding:1rem 1.5rem}.confirmation-note p{color:#a0896b;font-size:.95rem;line-height:1.5;margin:0}.ship-modal .results-container{padding:1rem 0}.ship-modal .results-summary{display:flex;gap:1rem;margin-bottom:2rem}.ship-modal .result-stat{background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;flex:1 1;padding:1.5rem;text-align:center}.ship-modal .result-stat.success-stat{background:#4caf500d;border-color:#4caf50}.ship-modal .result-stat.error-stat{background:#f443360d;border-color:#f44336}.ship-modal .stat-value{color:#d4af37;font-size:3rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 20px #d4af3799}.ship-modal .success-stat .stat-value{color:#4caf50;text-shadow:0 0 20px #4caf5099}.ship-modal .error-stat .stat-value{color:#f44336;text-shadow:0 0 20px #f4433699}.ship-modal .stat-label{color:#d4a574;font-size:.9rem;letter-spacing:2px}.ship-modal .results-section{margin-bottom:2rem}.ship-modal .results-section h3{color:#d4af37;font-size:1.1rem;font-weight:400;letter-spacing:1px;margin-bottom:1rem;text-shadow:0 0 15px #d4af3780}.ship-modal .results-list{background:#d4a57408;border:1px solid #d4a574;border-radius:4px;max-height:300px;overflow-y:auto;padding:.5rem}.ship-modal .result-item{align-items:center;border:1px solid #d4a574;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .3s}.ship-modal .result-item:last-child{margin-bottom:0}.ship-modal .success-item{background:#4caf500d;border-color:#4caf50}.ship-modal .success-item:hover{background:#4caf501a}.ship-modal .error-item{background:#f443360d;border-color:#f44336}.ship-modal .error-item:hover{background:#f443361a}.ship-modal .result-order{color:#d4af37;flex:0 0 140px;font-weight:700}.ship-modal .result-tracking{color:#4caf50;flex:1 1;font-family:monospace;margin:0 1rem;text-shadow:0 0 10px #4caf504d}.ship-modal .result-status{color:#4caf50;flex:0 0 120px;font-weight:700;text-align:right}.ship-modal .result-error{color:#f44336;flex:1 1;font-size:.9rem;text-shadow:0 0 10px #f443364d}.ship-btn{background:#0000;border:3px solid #4caf50;border-radius:4px;color:#4caf50;cursor:pointer;font-family:Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:1px;padding:.75rem 1.5rem;text-shadow:0 0 10px #4caf5080;text-transform:uppercase;transition:all .3s}.ship-btn:hover:not(:disabled){background:#4caf5026;box-shadow:0 0 25px #4caf5080;transform:translateY(-2px)}.ship-btn:disabled{cursor:not-allowed;opacity:.3}.ship-modal .done-btn{background:#0000;border:3px solid #4caf50;border-radius:4px;color:#4caf50;cursor:pointer;font-family:Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:1px;padding:.75rem 1.5rem;text-shadow:0 0 10px #4caf5080;text-transform:uppercase;transition:all .3s}.ship-modal .done-btn:hover{background:#4caf5026;box-shadow:0 0 25px #4caf5080;transform:translateY(-2px)}.ship-modal .orders-list::-webkit-scrollbar,.ship-modal .results-list::-webkit-scrollbar{width:8px}.ship-modal .orders-list::-webkit-scrollbar-track,.ship-modal .results-list::-webkit-scrollbar-track{background:#0a0a0a}.ship-modal .orders-list::-webkit-scrollbar-thumb,.ship-modal .results-list::-webkit-scrollbar-thumb{background:#d4a574;border-radius:4px}.ship-modal .orders-list::-webkit-scrollbar-thumb:hover,.ship-modal .results-list::-webkit-scrollbar-thumb:hover{background:#d4af37}@media (max-width:768px){.ship-modal{max-width:95%}.ship-modal .results-summary{flex-direction:column}.ship-modal .order-preview-item,.ship-modal .result-item{align-items:flex-start;flex-direction:column;gap:.5rem}.ship-modal .customer-name,.ship-modal .order-num,.ship-modal .result-error,.ship-modal .result-order,.ship-modal .result-status,.ship-modal .result-tracking,.tracking-status{flex:none;text-align:left;width:100%}.summary-row{font-size:.9rem}.ship-modal .stat-value{font-size:2rem}.warning-text{font-size:.9rem}}.fulfillment-orders-list{position:relative}.search-filter-bar{background:#d4a57408;border:2px solid #d4a574;border-radius:4px;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.search-box,.search-filter-bar{align-items:center;display:flex}.search-box{flex:1 1;gap:.75rem;min-width:300px;position:relative}.search-box label{color:#d4af37;font-size:1rem;text-shadow:0 0 10px #d4af3766;white-space:nowrap}.search-input{background:#0a0a0a;border:2px solid #d4a574;border-radius:4px;color:#d4af37;flex:1 1;font-family:Courier New,monospace;font-size:1rem;padding:.6rem 2.5rem .6rem 1rem;transition:all .3s}.search-input::placeholder{color:#d4a574}.search-input:focus,.search-input:hover{border-color:#d4af37}.search-input:focus{box-shadow:0 0 20px #d4af3766;outline:none}.clear-search-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#d4a574;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:all .3s;width:30px}.clear-search-btn:hover{background:#d4af371a;color:#d4af37}.filter-group{align-items:center;display:flex;gap:.5rem}.filter-group label{color:#d4af37;font-size:1rem;text-shadow:0 0 10px #d4af3766;white-space:nowrap}.filter-group select{background:#0a0a0a;border:2px solid #d4a574;border-radius:4px;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;font-size:.95rem;padding:.6rem 1rem;transition:all .3s}.filter-group select:hover{border-color:#d4af37;box-shadow:0 0 15px #d4af374d}.filter-group select:focus{border-color:#d4af37;box-shadow:0 0 20px #d4af3766;outline:none}.list-controls{background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.filter-controls,.list-controls{align-items:center;display:flex;gap:1rem}.filter-controls label{color:#d4af37;font-size:1rem;text-shadow:0 0 10px #d4af3766}.filter-controls select{background:#0a0a0a;border:2px solid #d4a574;border-radius:4px;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;font-size:1rem;padding:.5rem 1rem;transition:all .3s}.filter-controls select:hover{border-color:#d4af37;box-shadow:0 0 15px #d4af374d}.filter-controls select:focus{border-color:#d4af37;box-shadow:0 0 20px #d4af3766;outline:none}.order-count{font-style:italic}.selection-controls{align-items:center;display:flex;gap:.75rem}.clear-selection-btn,.select-all-btn{background:#0000;border:2px solid #d4a574;border-radius:4px;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;font-size:.85rem;padding:.5rem 1rem;transition:all .3s}.clear-selection-btn:hover,.select-all-btn:hover:not(:disabled){border-color:#d4a574;box-shadow:0 0 15px #d4a5744d;color:#d4a574}.select-all-btn:disabled{cursor:not-allowed;opacity:.3}.bulk-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.selected-count{background:#d4af371a;border-radius:4px;padding:.5rem 1rem;text-shadow:0 0 10px #d4af3780}.action-btn,.selected-count{color:#d4af37;font-size:.9rem}.action-btn{background:#0000;border:2px solid #d4a574;border-radius:4px;cursor:pointer;font-family:Courier New,monospace;letter-spacing:1px;padding:.6rem 1.2rem;text-transform:uppercase;transition:all .3s}.action-btn:hover:not(:disabled){background:#d4af371a;border-color:#d4af37;box-shadow:0 0 15px #d4af374d;transform:translateY(-2px)}.action-btn:disabled{cursor:not-allowed;opacity:.3}.action-btn.ship-btn{border-color:#c9a227;color:gold}.action-btn.ship-btn:hover:not(:disabled){border-color:gold;box-shadow:0 0 20px #ffd70066}.ship-date-group{background:#d4a57408;border:2px solid #d4a574;border-radius:4px;overflow:hidden}.group-header{align-items:center;background:#d4a57414;border-bottom:1px solid #d4a574;cursor:pointer;display:flex;justify-content:space-between;padding:1.2rem 1.5rem;transition:all .3s}.group-header:hover{background:#d4af371f}.header-left{gap:1rem}.header-left input[type=checkbox]{cursor:pointer;height:18px;width:18px}.ship-date-label{color:#d4af37;font-size:1.4rem;font-weight:700;letter-spacing:1.5px;text-shadow:0 0 20px #d4af3799,0 0 40px #d4af374d}.order-count{margin-left:1rem}.expand-icon{color:#d4af37;font-size:1.2rem;transition:transform .3s}.group-orders{padding:1rem}.orders-table{border-collapse:collapse;font-family:Courier New,monospace;width:100%}.orders-table thead{background:#d4a57414;border-bottom:2px solid #d4a574}.orders-table th{color:#d4af37;font-size:.85rem;font-weight:400;letter-spacing:1px;padding:1rem;text-align:left;text-shadow:0 0 10px #d4af3766;text-transform:uppercase}.orders-table tbody tr{border-bottom:1px solid #d4a574;transition:all .3s}.orders-table tbody tr:hover{background:#d4af3714}.orders-table tbody tr.selected{background:#d4af3726;border-left:3px solid #d4af37}.orders-table td{color:#d4a574;font-size:.9rem;padding:1rem}.orders-table td input[type=checkbox]{cursor:pointer;height:16px;width:16px}.order-number{font-weight:700;text-shadow:0 0 10px #d4af3766}.status-badge{display:inline-block;font-size:.75rem;padding:.3rem .8rem}.status-badge.status-pending{background:#ffc10733;border:1px solid #ffc107;color:#ffc107}.status-badge.status-paid{background:#4caf5033;border:1px solid #4caf50;color:#4caf50}.status-badge.status-assigned{background:#2196f333;border:1px solid #2196f3;color:#2196f3}.status-badge.status-shipped{background:#9c27b033;border:1px solid #9c27b0;color:#9c27b0}.status-badge.status-delivered{background:#4caf5033;border:1px solid #4caf50;color:#4caf50}.status-badge.status-cancelled{background:#f4433633;border:1px solid #f44336;color:#f44336}.label-status{font-size:.85rem}.label-status.generated{color:#4caf50;text-shadow:0 0 10px #4caf5080}.label-status.pending{color:#a0896b}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state p{color:#d4a574;font-size:1.2rem;margin:.5rem 0}.empty-hint{color:#d4a574;font-size:.9rem}.reset-filters-btn{background:#0000;border:2px solid #d4a574;border-radius:4px;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;font-size:.9rem;letter-spacing:1px;margin-top:1.5rem;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s}.reset-filters-btn:hover{background:#d4af371a;border-color:#d4af37;box-shadow:0 0 20px #d4af3766;transform:translateY(-2px)}@media (max-width:968px){.search-filter-bar{align-items:stretch;flex-direction:column}.search-box{min-width:100%}.filter-group{width:100%}.filter-group select{flex:1 1}.filter-controls,.list-controls{align-items:stretch;flex-direction:column}.filter-controls{gap:.75rem}.filter-controls select{width:100%}.order-count{margin-left:0;text-align:center}.bulk-actions{flex-direction:column;justify-content:stretch}.selection-controls{justify-content:space-between;width:100%}.clear-selection-btn,.select-all-btn{flex:1 1}.action-btn{width:100%}.orders-table{font-size:.8rem}.orders-table td,.orders-table th{padding:.5rem}}.shipping-days-config{max-width:900px;position:relative}.section-title{margin-bottom:2rem;text-shadow:0 0 20px #d4af3799}.subsection-title{color:#d4af37;font-size:1.2rem;font-weight:400;letter-spacing:1px;margin-bottom:1rem;text-shadow:0 0 15px #d4af3780}.message{animation:slideIn .3s ease-out;border-radius:4px;font-family:Courier New,monospace;letter-spacing:1px;margin-bottom:2rem;padding:1rem 1.5rem}.message.success{background:#4caf501a;border:2px solid #4caf50;color:#4caf50;text-shadow:0 0 10px #4caf5080}.message.error{background:#f443361a;border:2px solid #f44336;color:#f44336;text-shadow:0 0 10px #f4433680}.config-section{background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;margin-bottom:3rem;padding:2rem;transition:all .3s}.config-section:hover{border-color:#d4af37;box-shadow:0 0 25px #d4af3733}.help-text{color:#a0896b;font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.days-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:1rem}.day-card{background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s}.day-card:before{background:linear-gradient(90deg,#0000,#d4af371a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.day-card:hover{border-color:#d4a574;transform:translateY(-3px)}.day-card:hover:before{left:100%}.day-card.active{background:#d4af3726;border-color:#d4af37;border-width:3px;box-shadow:0 0 20px #d4af3766}.day-card.active .day-name{color:gold;text-shadow:0 0 15px #ffd70099}.day-name{color:#d4af37;font-size:1rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;transition:all .3s}.day-status{color:#a0896b;font-size:.85rem;transition:all .3s}.day-card.active .day-status{color:#d4af37;text-shadow:0 0 10px #d4af3780}.form-group{margin-bottom:1.5rem}.form-group label{display:block;letter-spacing:1px;text-shadow:0 0 10px #d4af3766}.form-group input[type=text],.form-group input[type=time],.form-group select,.form-group textarea{background:#0a0a0a;border:2px solid #d4a574;border-radius:4px;color:#d4af37;font-family:Courier New,monospace;font-size:1rem;padding:.75rem 1rem;transition:all .3s;width:100%}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#d4af37}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#d4af37;box-shadow:0 0 20px #d4af3766;outline:none}.form-group textarea{line-height:1.5;min-height:80px;resize:vertical}.form-group.checkbox{align-items:center;display:flex;gap:.75rem}.form-group.checkbox input[type=checkbox]{cursor:pointer;height:20px;width:20px}.form-group.checkbox label{cursor:pointer;font-size:.95rem;margin-bottom:0}.config-actions{display:flex;justify-content:flex-end;margin-top:3rem}.save-btn{background:#0000;border:3px solid #d4af37;border-radius:4px;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;letter-spacing:2px;padding:1rem 2.5rem;text-shadow:0 0 10px #d4af3780;text-transform:uppercase;transition:all .3s}.save-btn:hover:not(:disabled){background:#d4af3726;box-shadow:0 0 25px #d4af3780;transform:translateY(-3px)}.save-btn:disabled{cursor:not-allowed;opacity:.3}@media (max-width:968px){.days-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.day-card{padding:1rem}.config-section{padding:1.5rem}.save-btn{width:100%}}.fulfillment{max-width:1400px;position:relative;z-index:2}.terminal-header-fulfillment{border-bottom:1px solid #d4a574;color:#d4a574;font-size:.85rem;letter-spacing:2px;margin-bottom:2rem;padding-bottom:1rem;text-transform:uppercase}.view-tabs{border-bottom:2px solid #d4a574;gap:1rem;margin-bottom:2rem;padding-bottom:0}.view-tabs .tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;font-size:1.1rem;padding:1rem 2rem;position:relative;transition:all .3s}.view-tabs .tab:hover{color:#d4af37;text-shadow:0 0 10px #d4af3780}.view-tabs .tab.active{border-bottom:3px solid #d4af37;box-shadow:0 2px 15px #d4af374d;color:#d4af37;text-shadow:0 0 15px #d4af3799}.view-tabs .tab.active:before{animation:blink 1.5s infinite;content:"▸ ";margin-right:.5rem}.loading-state{color:#d4a574}.inventory,.loading-dots .dot{color:#d4af37}.inventory{font-family:Courier New,monospace}.inventory-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.filter-tabs{flex-wrap:wrap;gap:.5rem}.filter-tab{background:#0000;border:1px solid #d4a574;color:#a0896b;cursor:pointer;font-family:Courier New,monospace;padding:.75rem 1.5rem;transition:all .3s}.filter-tab.active,.filter-tab:hover{border-color:#d4af37;color:#d4af37}.filter-tab.active{background:#d4af371a;text-shadow:0 0 10px #d4af3780}.add-btn{background:#1a1a1a;border:1px solid #d4af37;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;padding:.75rem 1.5rem;transition:all .3s}.add-btn:hover{background:#d4af371a;box-shadow:0 0 15px #d4af374d}.add-form-container{background:#d4af370d;border:1px solid #d4a574;margin-bottom:2rem;padding:2rem}.add-form-container h3{color:#d4a574;margin-bottom:1.5rem}.inventory-form{display:flex;flex-direction:column;gap:1rem}.inventory-form label{color:#a0896b;display:flex;flex-direction:column;gap:.5rem}.inventory-form input,.inventory-form select{background:#2a2a2a;border:1px solid #d4a574;color:#d4af37;font-family:Courier New,monospace;font-size:1rem;padding:.75rem}.inventory-form input:focus,.inventory-form select:focus{border-color:#d4af37;box-shadow:0 0 10px #d4af374d;outline:none}.submit-btn{background:#0000;border:1px solid #4caf50;color:#4caf50;cursor:pointer;font-family:Courier New,monospace;margin-top:1rem;padding:1rem 2rem;transition:all .3s}.submit-btn:hover{background:#4caf501a;box-shadow:0 0 15px #4caf504d}.inventory-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.inventory-card{background:#d4af370d;border:1px solid #d4a574}.inventory-card:hover{box-shadow:0 0 20px #d4af3733}.inventory-card.low-stock{background:#f443360d;border-color:#f44336}.card-header{align-items:flex-start;border-bottom:1px solid #d4a574;padding-bottom:.75rem}.item-name{color:#d4af37;display:block;font-size:1.1rem;margin-bottom:.5rem;text-shadow:0 0 10px #d4af374d}.item-type{border:1px solid;display:inline-block;font-size:.75rem;margin-top:.25rem;padding:.25rem .75rem}.item-type.green{background:#8bc34a1a;border-color:#8bc34a;color:#8bc34a}.item-type.roasted{background:#ff98001a;border-color:#ff9800;color:#ff9800}.item-sku{color:#d4a574;font-size:.9rem}.stock-visual{margin:1rem 0}.stock-bar{background:#d4a57433;border:1px solid #d4a574;height:20px;margin-bottom:.5rem;overflow:hidden;position:relative;width:100%}.stock-fill{box-shadow:0 0 10px #d4af374d;height:100%;transition:width .5s ease,background .3s ease}.stock-info{color:#a0896b;display:flex;font-size:.9rem;justify-content:space-between}.stock-info .reserved{color:orange}.card-details{margin:1rem 0}.detail-row{color:#a0896b;font-size:.9rem;margin-bottom:.5rem}.detail-row span:first-child{color:#d4a574}.detail-row span:last-child{color:#d4af37}.adjust-form{background:#d4a5740d;border:1px solid #d4a574;margin-top:1rem;padding:1rem}.adjust-form label{color:#a0896b;display:flex;flex-direction:column;font-size:.9rem;gap:.5rem;margin-bottom:.75rem}.adjust-form input,.adjust-form select{background:#2a2a2a;border:1px solid #d4a574;color:#d4af37;font-family:Courier New,monospace;font-size:.9rem;padding:.5rem}.adjust-actions{display:flex;gap:.5rem;margin-top:.75rem}.adjust-btn,.cancel-btn,.save-btn{background:#0000;border:1px solid;cursor:pointer;flex:1 1;font-family:Courier New,monospace;font-size:.9rem;padding:.5rem 1rem;transition:all .3s}.save-btn{border-color:#4caf50;color:#4caf50}.save-btn:hover{background:#4caf501a}.cancel-btn{border-color:#888;color:#888}.cancel-btn:hover{border-color:#f44336;color:#f44336}.adjust-btn{border-color:#d4af37;color:#d4af37;margin-top:1rem}.adjust-btn:hover{background:#d4af371a;box-shadow:0 0 10px #d4af374d}.empty-state{grid-column:1/-1}.production{color:#d4af37;font-family:Courier New,monospace}.terminal-header{border-bottom:1px solid #d4a574;font-size:1.2rem;text-shadow:0 0 10px #d4af3766}.production-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.view-tabs{display:flex;gap:.5rem}.view-tab{background:#0000;border:1px solid #d4a574;color:#a0896b;cursor:pointer;font-family:Courier New,monospace;padding:.75rem 1.5rem;transition:all .3s}.view-tab.active,.view-tab:hover{border-color:#d4af37;color:#d4af37}.view-tab.active{background:#d4af371a;text-shadow:0 0 10px #d4af3780}.date-range-selector{align-items:center;color:#a0896b;display:flex;gap:1rem}.date-range-selector select{background:#2a2a2a;border:1px solid #d4a574;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;padding:.5rem 1rem}.date-range-selector select:focus{border-color:#d4af37;outline:none}.schedule-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.schedule-card{background:#d4af370d;border:1px solid #d4a574;padding:1.5rem;transition:all .3s}.schedule-card:hover{border-color:#d4af37;box-shadow:0 0 20px #d4af3733}.schedule-card.today{background:#4caf500d;border-color:#4caf50}.schedule-card.past{border-color:#666;opacity:.6}.schedule-card .card-header{align-items:flex-start;border-bottom:1px solid #d4a574;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.date{color:#d4af37;font-size:1.2rem;margin-bottom:.25rem}.day-name{color:#a0896b;font-size:.9rem}.today-badge{background:#4caf501a;border:1px solid #4caf50;color:#4caf50;font-size:.75rem;padding:.25rem .75rem}.card-stats{display:flex;gap:2rem;margin-bottom:1rem}.stat{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.stat-label{color:#d4a574;font-size:.85rem}.stat-value{text-shadow:0 0 10px #d4af374d}.roast-batches{border-top:1px solid #d4a574;margin-top:1rem;padding-top:1rem}.batch-header{color:#a0896b;font-size:.9rem;margin-bottom:.5rem}.batch-item{color:#d4af37;display:flex;font-size:.9rem;justify-content:space-between;padding:.5rem 0}.batch-details{color:#a0896b}.no-activity{color:#d4a574;font-style:italic;padding:1rem;text-align:center}.roast-dates{display:flex;flex-direction:column;gap:3rem}.roast-date-section{background:#d4af3705;border:1px solid #d4a574;padding:2rem}.roast-date-header{align-items:center;border-bottom:2px solid #d4a574;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.roast-date-header h3{color:#d4af37;margin:0;text-shadow:0 0 15px #d4af3766}.order-count{color:#a0896b;font-size:.9rem}.coffee-requirements{background:#d4a5741a;border:1px solid #d4a574;margin-bottom:2rem;padding:1.5rem}.coffee-requirements h4{color:#d4a574;margin:0 0 1rem}.requirements-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.coffee-requirement{background:#d4af370d;border:1px solid #d4a574;padding:1rem}.coffee-name{border-bottom:1px solid #d4a574;color:#d4af37;margin-bottom:.75rem;padding-bottom:.5rem}.grind-breakdown{display:flex;flex-direction:column;gap:.5rem}.grind-item{color:#a0896b;display:flex;font-size:.9rem;justify-content:space-between}.grind-name{color:#d4a574}.grind-qty{color:#d4af37}.orders-list{display:flex;flex-direction:column}.order-card{background:#d4af370d;border:1px solid #d4a574;padding:1.5rem;transition:all .3s}.order-card:hover{box-shadow:0 0 15px #d4af3733}.order-card .order-header{align-items:center;border-bottom:1px solid #d4a574;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.order-number{color:#d4af37;font-size:1.1rem}.customer-name{color:#a0896b}.order-status{border:1px solid;font-size:.8rem;padding:.25rem .75rem}.order-status.paid{background:#ffa5001a;border-color:orange;color:orange}.order-status.assigned{background:#2196f31a;border-color:#2196f3;color:#2196f3}.order-items{display:flex;flex-direction:column;gap:.75rem}.order-item{background:#d4a5741a;border-left:2px solid #d4a574;padding:.75rem}.item-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.item-coffee{color:#d4af37}.item-details{color:#a0896b;font-size:.9rem}.item-assignment{color:#d4a574;display:flex;font-size:.85rem;gap:1rem}.order-footer{border-top:1px solid #d4a574;color:#a0896b;font-size:.9rem;margin-top:1rem;padding-top:.75rem}.empty-state{border:1px dashed #d4a574;color:#d4a574;padding:3rem}.loading-state{padding:4rem 2rem}.flourish-line{letter-spacing:2px;margin-bottom:1.5rem;text-shadow:0 0 15px #d4a57480}.loading-dots{display:flex;gap:.5rem}.loading-dots .dot{animation:pulse 1.5s infinite;font-size:2rem}.analytics{min-height:100vh;padding:2rem}.analytics-header{align-items:center;border-bottom:2px solid #d4a574;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.analytics-header h2{color:#d4af37;font-size:1.8rem;letter-spacing:2px;text-shadow:0 0 15px #d4af3799}.export-buttons{display:flex;gap:1rem}.export-btn{background:#0000;border:2px solid #d4a574;color:#d4af37;font-size:.9rem;letter-spacing:1px;padding:.6rem 1.2rem}.export-btn:hover{background:#d4af371a;border-color:#d4af37;box-shadow:0 0 15px #d4af3766}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.metric-card{background:#d4a57408;border:2px solid #d4a574;padding:1.5rem;transition:all .3s}.metric-card:hover{border-color:#d4a574;box-shadow:0 0 20px #d4a5744d;transform:translateY(-3px)}.metric-label{color:#a0896b;font-size:.75rem;letter-spacing:1.5px;margin-bottom:.75rem;text-transform:uppercase}.metric-value{font-size:2.5rem;margin-bottom:.5rem;text-shadow:0 0 10px #d4af3780}.metric-subtitle{color:#d4a574;font-size:.85rem;font-style:italic}.metric-subtitle.positive{color:#4caf50}.metric-subtitle.negative{color:#f44336}.chart-section{background:#d4a57408;border:2px solid #d4a574;margin-bottom:3rem;padding:2rem}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.chart-header h3{color:#d4af37;font-size:1.3rem;letter-spacing:1px;text-shadow:0 0 12px #d4af3780}.chart-controls{display:flex;gap:.5rem}.chart-btn{background:#0000;border:2px solid #d4a574;color:#a0896b;cursor:pointer;font-family:Courier New,monospace;font-size:.85rem;padding:.5rem 1rem;transition:all .3s}.chart-btn:hover{border-color:#d4a574;color:#d4a574}.chart-btn.active{background:#d4af371a;border-color:#d4af37;box-shadow:0 0 15px #d4af374d;color:#d4af37}.chart-container{min-height:300px}.ascii-chart,.chart-container{align-items:flex-end;display:flex}.ascii-chart{gap:2px;height:300px;justify-content:space-between;padding:1rem 0;width:100%}.chart-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end}.chart-bar{background:linear-gradient(180deg,#d4af37,#c9a227);box-shadow:0 0 10px #d4af3766;cursor:pointer;min-height:5px;position:relative;transition:all .3s;width:100%}.chart-bar:hover{box-shadow:0 0 20px #d4af37cc;transform:scaleY(1.02)}.chart-bar-value{color:#d4af37;font-size:.7rem;left:50%;opacity:0;position:absolute;top:-25px;transform:translateX(-50%);transition:opacity .3s;white-space:nowrap}.chart-bar:hover .chart-bar-value{opacity:1}.chart-bar-label{color:#d4a574;font-size:.65rem;left:10px;margin-top:.5rem;position:relative;transform:rotate(-45deg);transform-origin:top left;white-space:nowrap}.chart-empty{align-items:center;color:#d4a574;display:flex;font-style:italic;justify-content:center;width:100%}.top-products-section{background:#d4a57408;border:2px solid #d4a574;padding:2rem}.top-products-section h3{color:#d4af37;font-size:1.3rem;letter-spacing:1px;margin-bottom:1.5rem;text-shadow:0 0 12px #d4af3780}.analytics-table{border-collapse:collapse;font-family:Courier New,monospace;width:100%}.analytics-table thead{background:#d4a57414;border-bottom:2px solid #d4a574}.analytics-table th{color:#d4af37;font-size:.85rem;font-weight:400;letter-spacing:1px;padding:1rem;text-align:left;text-shadow:0 0 10px #d4af3766;text-transform:uppercase}.analytics-table tbody tr{border-bottom:1px solid #d4a574;transition:all .3s}.analytics-table tbody tr:hover{background:#d4af3714}.analytics-table td{color:#d4a574;font-size:.9rem;padding:1rem}.product-name{font-weight:700}.rank{color:#c9a227;display:inline-block;font-size:.85rem;min-width:30px}.empty-cell{color:#d4a574;font-style:italic;padding:2rem!important;text-align:center}.error-state,.loading-state{align-items:center;color:#d4a574;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:3px solid #d4a574;border-radius:50%;border-top-color:#d4af37;height:40px;margin-bottom:1rem;width:40px}.error-hint{font-size:.9rem;margin-top:.5rem;opacity:.7}.no-data-banner{background:#d4a57414;border:2px solid #d4a574;border-left:4px solid #d4af37;border-radius:8px;color:#d4a574;margin-bottom:2rem;padding:2rem}.no-data-banner h3{color:#d4af37;font-size:1.4rem;margin-bottom:1rem;text-shadow:0 0 10px #d4af3766}.no-data-banner p{line-height:1.6;margin:.75rem 0}.no-data-banner ul{line-height:1.8;margin:1rem 0 1rem 1.5rem}.no-data-banner li{margin:.5rem 0}.no-data-banner .hint{border-top:1px solid #d4a5744d;font-style:italic;margin-top:1.5rem;opacity:.9;padding-top:1rem}.no-data-banner strong{color:#d4af37}@media (max-width:968px){.analytics{padding:1rem}.analytics-header{align-items:flex-start;flex-direction:column;gap:1rem}.export-buttons{justify-content:stretch;width:100%}.export-btn{flex:1 1}.metrics-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-value{font-size:2rem}.chart-section{padding:1rem}.chart-header{align-items:flex-start;flex-direction:column;gap:1rem}.chart-controls{width:100%}.chart-btn{flex:1 1;font-size:.75rem;padding:.5rem}.ascii-chart{height:200px}.chart-bar-label{font-size:.55rem}.analytics-table{font-size:.8rem}.analytics-table td,.analytics-table th{padding:.5rem}}.settings{max-width:1000px;position:relative;z-index:2}.terminal-header-settings{border-bottom:1px solid #d4a574;color:#d4a574;font-size:.85rem;letter-spacing:2px;margin-bottom:2rem;padding-bottom:1rem;text-transform:uppercase}.page-title{font-weight:400;letter-spacing:2px;text-shadow:0 0 20px #d4af3799}.page-title,.settings-section{margin-bottom:3rem}.section-title{font-size:1.3rem;font-weight:400;letter-spacing:2px;margin-bottom:1.5rem;text-shadow:0 0 15px #d4af3780}.settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.settings-item{background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s}.settings-item:before{background:linear-gradient(90deg,#0000,#d4af371a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.settings-item:hover{border-color:#d4af37;box-shadow:0 0 25px #d4af374d;transform:translateY(-3px)}.settings-item:hover:before{left:100%}.item-header{align-items:center;border-bottom:1px solid #d4a574;display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}.item-icon{color:#c9a227;font-size:1.2rem;text-shadow:0 0 10px #c9a22780}.item-label{color:#c9a227;font-size:.85rem;letter-spacing:1px;text-transform:uppercase}.item-value{color:#d4af37;font-size:1.1rem;text-shadow:0 0 10px #d4af3766;word-break:break-word}.item-value.muted{color:#d4a574;opacity:.7;text-shadow:none}.stripe-status-card{background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;padding:2rem;transition:all .3s}.stripe-status-header{margin-bottom:1.5rem}.status-indicator-large{align-items:center;display:flex;gap:1rem}.status-icon{animation:statusPulse 3s infinite;font-size:2rem}.status-icon.connected{color:#4caf50;text-shadow:0 0 20px #4caf5099}.status-icon.disconnected{color:#d4a574;opacity:.6}.status-text{font-size:1.5rem;letter-spacing:2px}.status-text.connected{color:#4caf50;text-shadow:0 0 15px #4caf5080}.status-text.disconnected{color:#d4a574;opacity:.7}.stripe-details{border-top:1px solid #d4a574;padding-top:1.5rem}.detail-row{align-items:center;gap:1rem;justify-content:space-between;padding:.75rem 0}.detail-row:not(:last-child){border-bottom:1px solid #d4a5744d}.detail-label{color:#c9a227;font-size:.9rem;letter-spacing:1px}.detail-value{color:#d4a574;font-size:.95rem;font-weight:500;text-align:right;word-break:break-all}.detail-value.status-active{color:#4caf50;text-shadow:0 0 10px #4caf5080}.detail-value.truncate{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stripe-notice{border-top:1px solid #d4a574;color:#d4a574;padding-top:1.5rem}.stripe-notice p{font-size:1rem;letter-spacing:1px;margin:.5rem 0}.branding-card{background:#d4a5740d}.branding-card,.settings-footer{border:2px solid #d4a574;border-radius:4px;padding:1.5rem}.settings-footer{background:#d4a57408;color:#d4a574;margin-top:3rem;text-align:center}.settings-footer p{font-size:.95rem;letter-spacing:1px;margin:.3rem 0}.footer-hint{font-size:.85rem!important;opacity:.7}.error-state{color:#f44336;padding:5rem 2rem;text-align:center}.error-icon{font-size:4rem;margin-bottom:1.5rem}.error-state p{font-size:1.2rem;letter-spacing:1px;margin:.5rem 0}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem}.flourish-line{animation:flourishFade .6s ease-in-out;color:#c9a227;font-size:1.2rem;margin-bottom:2rem;text-align:center;text-shadow:0 0 15px #c9a22799}@keyframes flourishFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading-dots{color:#d4a574;font-size:2rem;text-align:center}.loading-dots .dot{animation:dotPulse 1.5s infinite;display:inline-block;margin:0 .2rem}.loading-dots .dot:first-child{animation-delay:0s}.loading-dots .dot:nth-child(2){animation-delay:.3s}.loading-dots .dot:nth-child(3){animation-delay:.6s}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@media (max-width:768px){.settings-grid{grid-template-columns:1fr}.page-title{font-size:1.5rem}.section-title{font-size:1.1rem}.status-text{font-size:1.2rem}.detail-row{align-items:flex-start;flex-direction:column;gap:.5rem}.detail-value{max-width:100%;text-align:left}}@media (max-width:640px){.terminal-header-settings{font-size:.75rem}.page-title{font-size:1.3rem}.settings-item{padding:1.25rem}.stripe-status-card{padding:1.5rem}}.theme-extractor{max-width:1200px}.theme-extractor .section-title{color:#d4af37;font-size:1.3rem;font-weight:400;letter-spacing:2px;margin-bottom:1.5rem;text-shadow:0 0 15px #d4af3780}.extraction-notice{background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;color:#d4a574;margin-bottom:2rem;padding:1.5rem}.extraction-notice p{font-size:1rem;letter-spacing:1px;margin:.5rem 0}.notice-hint{font-size:.9rem!important;opacity:.7}.url-input-section{margin-bottom:2rem}.input-label{color:#c9a227;display:block;font-size:.9rem;letter-spacing:1px;margin-bottom:.75rem;text-transform:uppercase}.url-input-group{display:flex;gap:1rem}.url-input{background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;color:#d4af37;flex:1 1;font-family:Courier New,monospace;font-size:1rem;padding:.875rem 1rem;transition:all .3s}.url-input:focus{border-color:#d4af37;box-shadow:0 0 20px #d4af374d;outline:none}.url-input::placeholder{color:#d4a574;opacity:.5}.url-input:disabled{cursor:not-allowed;opacity:.5}.extract-btn{background:linear-gradient(135deg,#d4a574,#c9a227);border:2px solid #d4af37;border-radius:4px;color:#1a1a1a;cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:1.5px;padding:.875rem 2rem;text-transform:uppercase;transition:all .3s;white-space:nowrap}.extract-btn:hover:not(:disabled){background:linear-gradient(135deg,#d4af37,#c9a227);box-shadow:0 0 25px #d4af3780;transform:translateY(-2px)}.extract-btn:active:not(:disabled){transform:translateY(0)}.extract-btn:disabled{cursor:not-allowed;opacity:.5}.error-message{align-items:center;animation:errorShake .5s;background:#f443361a;border:2px solid #f44336;border-radius:4px;color:#f44336;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-icon{animation:errorPulse 2s infinite;font-size:1.5rem}@keyframes errorPulse{0%,to{opacity:.6}50%{opacity:1}}.extraction-loading{align-items:center;background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:3rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #d4a57433;border-radius:50%;border-top-color:#d4af37;height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:#d4a574;text-align:center}.loading-text p{font-size:1.1rem;letter-spacing:1px;margin:.5rem 0}.loading-subtext{font-size:.9rem!important;opacity:.7}.theme-preview-section{margin-top:2rem}.preview-title{color:#d4af37;font-size:1.2rem;font-weight:400;letter-spacing:2px;margin-bottom:1.5rem;text-shadow:0 0 15px #d4af3780}.theme-comparison{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.theme-column{background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;padding:1.5rem;transition:all .3s}.theme-column:hover{border-color:#d4af37;box-shadow:0 0 25px #d4af374d}.extracted-theme{border-color:#d4af37;box-shadow:0 0 20px #d4af3733}.column-title{border-bottom:1px solid #d4a574;color:#c9a227;font-size:1rem;letter-spacing:1.5px;margin-bottom:1.5rem;padding-bottom:.75rem;text-transform:uppercase}.theme-preview-box{display:flex;flex-direction:column;gap:1.5rem}.preview-empty{color:#d4a574;opacity:.7;padding:2rem;text-align:center}.preview-section{background:#d4a57408;border-radius:4px;padding:1rem}.preview-section-title{color:#c9a227;font-size:.85rem;font-weight:400;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.color-swatches{display:flex;flex-direction:column;gap:.75rem}.color-swatch-item{align-items:center;background:#d4a5740d;border-radius:4px;display:flex;gap:1rem;padding:.5rem;transition:all .2s}.color-swatch-item:hover{background:#d4a5741a}.color-swatch-wrapper{border:2px solid #d4a574;border-radius:4px;flex-shrink:0;height:40px;overflow:hidden;width:40px}.color-picker,.color-swatch{height:100%;width:100%}.color-picker{border:none;cursor:pointer;padding:0}.color-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.color-label{color:#c9a227;font-size:.8rem;letter-spacing:.5px;text-transform:capitalize}.color-value{color:#d4a574;font-family:Courier New,monospace;font-size:.85rem}.font-list{display:flex;flex-direction:column;gap:1rem}.font-item{align-items:center;background:#d4a5740d;border-radius:4px;display:flex;gap:1rem;padding:.75rem}.font-label{color:#c9a227;font-size:.85rem;min-width:80px}.font-value{color:#d4a574;flex:1 1;font-size:1rem}.logo-preview{align-items:center;background:#d4a5740d;border-radius:4px;display:flex;justify-content:center;padding:1.5rem}.logo-image{max-height:80px;max-width:100%;object-fit:contain}.logo-error{color:#d4a574;font-size:.9rem;margin:0;opacity:.7}.confidence-badge{background:#4caf501a;border:1px solid #4caf50;border-radius:4px;color:#4caf50;font-size:.85rem;letter-spacing:1px;margin-top:1rem;padding:.5rem 1rem;text-align:center}.preview-actions{border-top:1px solid #d4a574;display:flex;gap:1.5rem;justify-content:center;margin-top:2rem;padding-top:2rem}.apply-btn,.cancel-btn{border:2px solid;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:1.5px;padding:.875rem 2.5rem;text-transform:uppercase;transition:all .3s}.cancel-btn{background:#0000;border-color:#d4a574;color:#d4a574}.cancel-btn:hover:not(:disabled){background:#d4a5741a;border-color:#d4af37;color:#d4af37}.apply-btn{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;color:#fff}.apply-btn:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 0 25px #4caf5080;transform:translateY(-2px)}.apply-btn:active:not(:disabled),.cancel-btn:active:not(:disabled){transform:translateY(0)}.apply-btn:disabled,.cancel-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:968px){.theme-comparison{grid-template-columns:1fr}.url-input-group{flex-direction:column}.extract-btn{width:100%}}@media (max-width:640px){.preview-actions{flex-direction:column}.apply-btn,.cancel-btn{width:100%}.extraction-notice,.theme-column{padding:1rem}}.promise-weather-station{background:#2a2a2acc;border:2px solid #d4a574;border-radius:8px;cursor:pointer;font-family:Courier New,monospace;margin-bottom:24px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.promise-weather-station:before{background:linear-gradient(90deg,#0000,#d4af37,#0000);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0}.promise-weather-station:hover{border-color:#d4af37;box-shadow:0 4px 20px #d4af374d;transform:translateY(-2px)}.promise-weather-station.sunny{border-color:#4caf50;box-shadow:0 0 20px #4caf5033}.promise-weather-station.sunny:hover{box-shadow:0 0 30px #4caf5066}.promise-weather-station.sunny .weather-icon-large{animation:glow-pulse 3s ease-in-out infinite}.promise-weather-station.partly_cloudy{border-color:#ffc107;box-shadow:0 0 20px #ffc10733}.promise-weather-station.partly_cloudy:hover{box-shadow:0 0 30px #ffc10766}.promise-weather-station.cloudy{border-color:#ff9800;box-shadow:0 0 20px #ff980033}.promise-weather-station.cloudy:hover{box-shadow:0 0 30px #ff980066}.promise-weather-station.stormy{animation:pulse-red 2s infinite;border-color:#f44336;box-shadow:0 0 20px #f443364d}.promise-weather-station.stormy .weather-icon-large{animation:shake .5s infinite}.promise-weather-station.error,.promise-weather-station.loading{cursor:default;padding:30px;text-align:center}.promise-weather-station.error:hover,.promise-weather-station.loading:hover{transform:none}.promise-weather-station.error{border-color:#f44336}.weather-header{border-bottom:1px solid #d4a5744d;justify-content:space-between;margin-bottom:16px;padding-bottom:8px}.header-left,.weather-header{align-items:center;display:flex}.header-left{gap:8px}.station-icon{font-size:18px}.station-title{color:#d4af37;font-size:12px;font-weight:700;letter-spacing:1px;text-shadow:0 0 10px #d4af3780}.expand-indicator{color:#a0896b;font-size:12px;transition:transform .3s}.promise-weather-station.expanded .expand-indicator{transform:rotate(90deg)}.weather-content{text-align:center}.weather-icon-large{cursor:help;filter:drop-shadow(0 0 10px rgba(212,175,55,.3));font-size:64px;margin:16px 0}.status-label{color:#d4af37;font-size:20px;font-weight:700;letter-spacing:2px;margin-bottom:16px;text-shadow:0 0 10px #d4af3780}.fulfillment-stats{margin:16px 0}.percentage-display{color:#d4a574;font-size:32px;font-weight:700;margin-bottom:8px;text-shadow:0 0 15px #d4a57480}.promise-count{color:#a0896b;font-size:14px;letter-spacing:1px}.progress-bar{background:#a0896b33;border:1px solid #d4a574;border-radius:6px;height:12px;margin:16px 0}.progress-fill{background:linear-gradient(90deg,#d4af37,#d4a574);transition:width .8s ease}.promise-weather-station.sunny .progress-fill{background:linear-gradient(90deg,#4caf50,#66bb6a);box-shadow:0 0 10px #4caf5080}.promise-weather-station.partly_cloudy .progress-fill{background:linear-gradient(90deg,#ffc107,#ffd54f);box-shadow:0 0 10px #ffc10780}.promise-weather-station.cloudy .progress-fill{background:linear-gradient(90deg,#ff9800,#ffb74d);box-shadow:0 0 10px #ff980080}.promise-weather-station.stormy .progress-fill{background:linear-gradient(90deg,#f44336,#e57373);box-shadow:0 0 10px #f4433680}.last-updated{font-size:11px;font-style:italic;margin-top:12px}.expanded-details{border-top:1px solid #d4a5744d;margin-top:24px;padding-top:16px;text-align:left}.expanded-details h4{color:#d4af37;font-size:12px;letter-spacing:1px;margin:0 0 12px;text-shadow:0 0 10px #d4af3780;text-transform:uppercase}.promise-breakdown{margin-bottom:20px}.breakdown-grid{grid-gap:8px;gap:8px}.breakdown-item{background:#d4a5740d;border-left:3px solid #d4a574;display:flex;justify-content:space-between;padding:8px 12px}.breakdown-label{color:#d4a574;font-size:13px}.breakdown-value{color:#d4af37;font-size:13px;font-weight:700}.recent-changes{margin-bottom:20px}.recent-changes ul{list-style:none;margin:0;padding:0}.recent-changes li{background:#4caf501a;border-left:3px solid #4caf50;border-radius:4px;color:#a0896b;font-size:12px;margin-bottom:6px;padding:6px 12px}.critical-gaps{margin-bottom:20px}.critical-gaps ul{list-style:none;margin:0;padding:0}.critical-gaps li{background:#ffc1071a;border-left:3px solid #ffc107;border-radius:4px;font-size:12px;margin-bottom:8px;padding:8px 12px}.critical-gaps strong{color:#d4af37;display:block;margin-bottom:4px}.gap-notes{color:#a0896b;font-size:11px;font-style:italic;margin-top:4px}.view-report{margin-top:16px;text-align:center}.view-report a{border:1px solid #d4a574;border-radius:4px;color:#d4af37;display:inline-block;font-size:12px;padding:8px 16px;text-decoration:none;text-shadow:0 0 10px #d4af374d;transition:all .3s}.view-report a:hover{background:#d4af371a;border-color:#d4af37;box-shadow:0 0 15px #d4af374d}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 10px rgba(212,175,55,.3))}50%{filter:drop-shadow(0 0 20px rgba(212,175,55,.6))}}@keyframes pulse-red{0%,to{box-shadow:0 0 20px #f443364d}50%{box-shadow:0 0 30px #f4433699}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@media (max-width:768px){.promise-weather-station{padding:16px}.weather-icon-large{font-size:48px}.status-label{font-size:16px}.percentage-display{font-size:28px}.station-title{font-size:10px}.breakdown-item{flex-direction:column;gap:4px}}.wholesale-review{font-family:Courier New,monospace;padding:20px}.wholesale-review.loading{padding:60px;text-align:center}.wholesale-review h1{color:#d4af37;font-size:24px;letter-spacing:1px;margin:0 0 24px;text-shadow:0 0 10px #d4af3780}.filter-tabs{border-bottom:2px solid #d4a5744d;display:flex;gap:8px;margin-bottom:24px}.filter-tabs .tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#a0896b;cursor:pointer;font-family:Courier New,monospace;font-size:13px;font-weight:700;letter-spacing:.5px;padding:12px 20px;transition:all .3s}.filter-tabs .tab:hover{border-bottom-color:#d4a57480;color:#d4a574}.filter-tabs .tab.active{border-bottom-color:#d4af37;color:#d4af37;text-shadow:0 0 10px #d4af3780}.empty-state{background:#d4a5740d;border:2px dashed #d4a574;color:#a0896b;padding:60px 20px}.applications-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.application-card{background:#d4a5740d;border:2px solid #d4a574;border-radius:8px;cursor:pointer;padding:20px;transition:all .3s}.application-card:hover{border-color:#d4af37;box-shadow:0 0 20px #d4af374d;transform:translateY(-2px)}.application-card.pending{border-left:4px solid #ffc107}.application-card.approved{border-left:4px solid #4caf50}.application-card.rejected{border-left:4px solid #f44336}.card-header{align-items:center;border-bottom:1px solid #d4a5744d;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.card-header h3{font-size:16px;letter-spacing:.5px;margin:0}.status-badge{border-radius:12px;font-size:11px;letter-spacing:1px;padding:4px 12px}.status-badge.pending{background:#ffc10733;border:1px solid #ffc107;color:#ffc107}.status-badge.approved{background:#4caf5033;border:1px solid #4caf50;color:#4caf50}.status-badge.rejected{background:#f4433633;border:1px solid #f44336;color:#f44336}.card-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.detail-item{grid-gap:12px;display:grid;font-size:13px;gap:12px;grid-template-columns:120px 1fr}.detail-item span:first-child{color:#a0896b}.detail-item span:last-child{color:#d4a574;font-weight:700}.card-actions{grid-gap:12px;border-top:1px solid #d4a5744d;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:16px;padding-top:16px}.btn-approve,.btn-reject{border:2px solid;border-radius:6px;cursor:pointer;font-family:Courier New,monospace;font-size:12px;font-weight:700;letter-spacing:.5px;padding:10px 16px;transition:all .3s}.btn-approve{background:#4caf501a;border-color:#4caf50;color:#4caf50}.btn-approve:hover:not(:disabled){background:#4caf5033;box-shadow:0 0 15px #4caf504d}.btn-reject{background:#f443361a;border-color:#f44336;color:#f44336}.btn-reject:hover:not(:disabled){background:#f4433633;box-shadow:0 0 15px #f443364d}.btn-approve:disabled,.btn-reject:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{background:#000c;padding:20px}.modal-content{border:2px solid #d4a574;border-radius:8px;box-shadow:0 0 40px #d4af374d;max-width:700px}.modal-header{align-items:center;border-bottom:2px solid #d4a5744d;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#d4af37;font-size:18px;letter-spacing:1px;margin:0;text-shadow:0 0 10px #d4af3780}.modal-close{color:#a0896b;font-size:24px;height:32px;padding:0;width:32px}.modal-close:hover{color:#d4af37}.modal-body{padding:20px}.detail-section{background:#d4a5740d;border-left:4px solid #d4a574;border-radius:6px;margin-bottom:24px;padding:16px}.detail-section h3{color:#d4af37;font-size:13px;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.detail-grid{grid-gap:8px;color:#d4a574;display:grid;font-size:13px;gap:8px}.detail-grid div{line-height:1.6}.detail-grid strong{color:#a0896b}.detail-section p{color:#d4a574;font-size:13px;line-height:1.6;margin:0}.modal-actions{border-top:2px solid #d4a5744d;margin-top:24px;padding-top:24px}.modal-actions .btn-approve{font-size:14px;margin-bottom:16px;padding:14px;width:100%}.reject-section{display:flex;flex-direction:column;gap:12px}.reject-section textarea{background:#d4a5740d;border:1px solid #d4a574;border-radius:4px;color:#d4a574;font-family:Courier New,monospace;font-size:13px;min-height:80px;padding:12px;resize:vertical;width:100%}.reject-section textarea:focus{border-color:#d4af37;box-shadow:0 0 8px #d4af374d;outline:none}.reject-section .btn-reject{font-size:14px;padding:14px;width:100%}.rejection-display{background:#f443361a;border-left:4px solid #f44336;border-radius:6px;margin-top:24px;padding:16px}.rejection-display h3{color:#f44336;font-size:13px;letter-spacing:1px;margin:0 0 8px;text-transform:uppercase}.rejection-display p{color:#d4a574;font-size:13px;line-height:1.6;margin:0}@media (max-width:768px){.applications-grid{grid-template-columns:1fr}.modal-content{max-height:95vh}.filter-tabs{overflow-x:auto}.filter-tabs .tab{font-size:12px;padding:10px 16px;white-space:nowrap}}.producer-wizard-container{align-items:center;background:#0a0a14f2;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.wizard-modal{animation:slideUp .3s ease-out;background:#1a1a2e;border:2px solid #8b5a8e;border-radius:8px;box-shadow:0 8px 32px #8b5a8e4d;max-width:800px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.wizard-header{border-bottom:1px solid #8b5a8e;padding:30px 40px 20px;position:relative}.wizard-title{color:#f4d03f;font-family:Crimson Text,serif;font-size:32px;margin:0 0 10px}.wizard-subtitle{color:#d4b896;font-size:14px;margin:0}.skip-button,.wizard-subtitle{font-family:Courier New,monospace}.skip-button{background:none;border:1px solid #666;border-radius:4px;color:#999;cursor:pointer;font-size:12px;padding:6px 12px;position:absolute;right:40px;top:30px;transition:all .2s}.skip-button:hover{border-color:#8b5a8e;color:#f4d03f}.progress-bar{background:#2a2a3e;height:4px;position:relative}.progress-fill{background:linear-gradient(90deg,#8b5a8e,#f4d03f);transition:width .4s ease}.step-indicator{color:#8b5a8e;font-family:Courier New,monospace;font-size:12px;letter-spacing:1px;padding:15px 40px;text-transform:uppercase}.wizard-content{min-height:400px;padding:30px 40px}.step-title{color:#f4d03f;font-family:Crimson Text,serif;font-size:24px;margin:0 0 10px}.step-subtitle{color:#d4b896;font-family:Courier New,monospace;font-size:14px;margin:0 0 30px}.wizard-step{animation:fadeIn .3s ease-out}.form-section{margin-bottom:30px}.section-label{color:#8b5a8e;display:block;font-family:Courier New,monospace;font-size:14px;font-weight:600;margin-bottom:15px}.option-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.option-cards.small{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.option-card{background:#2a2a3e;border:2px solid #3a3a4e;border-radius:8px;cursor:pointer;font-family:Courier New,monospace;padding:20px;text-align:center;transition:all .2s}.option-card:hover{border-color:#8b5a8e;transform:translateY(-2px)}.option-card.selected{background:#f4d03f1a;border-color:#f4d03f}.option-icon{font-size:48px;margin-bottom:10px}.option-label{color:#f4d03f;font-size:16px;font-weight:600;margin-bottom:5px}.option-description{color:#999;font-size:12px}.checkbox-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.checkbox-option{align-items:flex-start;background:#2a2a3e;border:2px solid #3a3a4e;border-radius:8px;font-family:Courier New,monospace;padding:15px;transition:all .2s}.checkbox-option:hover{border-color:#8b5a8e}.checkbox-option input[type=checkbox]{accent-color:#f4d03f;flex-shrink:0;height:18px;margin-right:12px;width:18px}.checkbox-option input[type=checkbox]:checked~span{color:#f4d03f}.checkbox-option span{color:#d4b896;display:flex;flex-direction:column;font-size:14px}.checkbox-option.large span{gap:4px}.checkbox-option strong{color:#f4d03f;font-weight:600}.checkbox-option small{color:#999;font-size:11px}.days-selector{display:flex;flex-wrap:wrap;gap:10px}.day-button{background:#2a2a3e;border:2px solid #3a3a4e;border-radius:8px;color:#d4b896;cursor:pointer;font-family:Courier New,monospace;font-size:14px;font-weight:600;min-width:70px;padding:12px 20px;transition:all .2s}.day-button:hover{border-color:#8b5a8e}.day-button.selected{background:#f4d03f1a;border-color:#f4d03f;color:#f4d03f}.time-input{background:#2a2a3e;border:2px solid #3a3a4e;border-radius:8px;color:#d4b896;font-family:Courier New,monospace;font-size:14px;padding:12px 16px;width:150px}.time-input:focus{border-color:#8b5a8e;outline:none}.field-hint{color:#666;display:block;font-family:Courier New,monospace;font-size:11px;margin-top:8px}.cost-range{gap:15px}.cost-input,.cost-range{align-items:center;display:flex}.cost-input{background:#2a2a3e;border:2px solid #3a3a4e;border-radius:8px;gap:8px;padding:12px 16px}.cost-input span{color:#8b5a8e;font-weight:600}.cost-input input{background:none;border:none;color:#d4b896;font-family:Courier New,monospace;font-size:14px;width:80px}.cost-input input:focus{outline:none}.cost-input input::placeholder{color:#666}.range-separator{color:#8b5a8e;font-family:Courier New,monospace}.wizard-footer{border-top:1px solid #8b5a8e;display:flex;gap:15px;justify-content:space-between;padding:20px 40px 30px}.wizard-button{border:2px solid;border-radius:8px;cursor:pointer;font-family:Courier New,monospace;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.wizard-button.secondary{background:#0000;border-color:#666;color:#d4b896}.wizard-button.primary,.wizard-button.secondary:hover:not(:disabled){border-color:#8b5a8e;color:#f4d03f}.wizard-button.primary{background:linear-gradient(135deg,#8b5a8e,#6b4a6e)}.wizard-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#9b6a9e,#7b5a7e);box-shadow:0 4px 12px #8b5a8e66}.wizard-button:disabled{cursor:not-allowed;opacity:.5}.wizard-error{background:#dc26261a;border:1px solid #dc2626;border-radius:8px;color:#fca5a5;font-family:Courier New,monospace;font-size:13px;margin-top:20px;padding:12px 16px}@media (max-width:768px){.producer-wizard-container{padding:10px}.wizard-modal{border-radius:0;max-height:100vh}.wizard-content,.wizard-footer,.wizard-header{padding-left:20px;padding-right:20px}.wizard-title{font-size:24px}.skip-button{display:block;margin-top:15px;position:static}.checkbox-grid,.option-cards{grid-template-columns:1fr}.days-selector{justify-content:center}.cost-range{align-items:stretch;flex-direction:column}.wizard-footer{flex-direction:column-reverse}.wizard-button{width:100%}}.onboarding-tutorial{pointer-events:none;z-index:9999}.onboarding-tutorial,.tutorial-overlay{bottom:0;left:0;position:fixed;right:0;top:0}.tutorial-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;pointer-events:all;z-index:9997}.tutorial-highlight{animation:pulse 2s infinite;transition:all .3s ease}.tutorial-card{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #d4a574;border-radius:12px;box-shadow:0 20px 60px #00000080;color:#d4af37;font-family:Courier New,monospace;max-width:90vw;padding:0;pointer-events:all;width:450px;z-index:10000}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.tutorial-progress-bar{background:#d4a5744d;border-radius:12px 12px 0 0;height:4px;overflow:hidden}.tutorial-progress-fill{background:linear-gradient(90deg,#d4a574,#d4af37);height:100%;transition:width .3s ease}.tutorial-step-indicator{color:#d4a574;font-size:12px;letter-spacing:1px;padding:12px 24px 0;text-transform:uppercase}.tutorial-content{padding:20px 24px 24px}.tutorial-title{font-size:22px;margin:0 0 12px;text-shadow:0 0 20px #d4af374d}.tutorial-description{color:#d4af37e6;font-size:14px;line-height:1.6;margin:0 0 16px}.tutorial-action{background:#d4a5741a;border-left:3px solid #d4a574;border-radius:4px;margin-top:16px;padding:12px}.tutorial-action strong{color:#d4af37;font-size:14px}.tutorial-navigation{align-items:center;border-top:1px solid #d4a5744d;display:flex;gap:12px;justify-content:space-between;padding:16px 24px}.tutorial-nav-buttons{display:flex;gap:8px}.tutorial-button{border:none;border-radius:6px;cursor:pointer;font-family:Courier New,monospace;font-size:14px;font-weight:600;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.tutorial-button-skip{background:#0000;border:1px solid #d4a5744d;color:#d4af3799}.tutorial-button-skip:hover{border-color:#d4a574;color:#d4af37}.tutorial-button-back{background:#d4a57433;border:1px solid #d4a574;color:#d4af37}.tutorial-button-back:hover{background:#d4a57466;transform:translateX(-2px)}.tutorial-button-primary{background:linear-gradient(135deg,#d4a574,#d4af37);border:none;box-shadow:0 4px 12px #d4af374d;color:#1a1a1a}.tutorial-button-primary:hover{box-shadow:0 6px 20px #d4af3780;transform:translateY(-2px)}.tutorial-button-primary:active{transform:translateY(0)}@media (max-width:768px){.tutorial-card{max-height:90vh;overflow-y:auto;width:95vw}.tutorial-title{font-size:18px}.tutorial-description{font-size:13px}.tutorial-navigation{flex-direction:column;gap:8px}.tutorial-nav-buttons{justify-content:space-between;width:100%}.tutorial-button{flex:1 1}}.tutorial-card.completing{animation:celebrate .6s ease}@keyframes celebrate{0%,to{transform:translate(-50%,-50%) scale(1)}25%{transform:translate(-50%,-50%) scale(1.05) rotate(-2deg)}75%{transform:translate(-50%,-50%) scale(1.05) rotate(2deg)}}.platform-dashboard{background:#1a1a1a;color:#d4a574;display:flex;font-family:Courier New,monospace;min-height:100vh}.platform-dashboard .sidebar{background:#2a2a2af2;border-right:2px solid #d4a574;display:flex;flex-direction:column;padding:2rem 0;width:280px}.sidebar-header{padding:0 1.5rem}.platform-title{color:#d4af37;font-size:18px;letter-spacing:1px;margin:0 0 .5rem;text-shadow:0 0 15px #d4af3780}.platform-subtitle{color:#a0896b;font-size:12px;letter-spacing:.5px;margin:0}.sidebar-nav{margin-top:2rem}.nav-item{color:#a0896b;font-size:14px;letter-spacing:.5px}.nav-item:hover{background:#d4a5741a;border-left-color:#d4af37}.nav-item.active{background:#d4a57426}.nav-item.secondary{opacity:.7}.sidebar-footer{border-top:1px solid #d4a5744d;padding-top:1rem}.logout-btn{background:none;border:none;border-left:3px solid #0000;color:#a0896b;cursor:pointer;display:block;font-family:Courier New,monospace;font-size:14px;letter-spacing:.5px;padding:1rem 1.5rem;text-align:left;transition:all .3s;width:100%}.logout-btn:hover{background:#d4a5741a;border-left-color:#d4af37;color:#d4af37}.dashboard-content{flex:1 1;overflow-y:auto;padding:2rem}.terminal-header{border-bottom:2px solid #d4a5744d;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.terminal-prompt{color:#d4af37;font-size:14px;letter-spacing:1px}.terminal-date{color:#a0896b;font-size:12px}.loading{color:#d4af37}.error,.loading{font-size:14px;letter-spacing:.5px;padding:2rem;text-align:center}.error{color:#f44336}.platform-overview h1{color:#d4af37;font-size:24px;letter-spacing:1px;margin:0 0 2rem;text-shadow:0 0 15px #d4af3780}.kpi-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.kpi-card{background:#d4a5740d;border:2px solid #d4a574;border-radius:8px;padding:1.5rem;transition:all .3s}.kpi-card:hover{border-color:#d4af37;box-shadow:0 0 20px #d4af374d;transform:translateY(-3px)}.kpi-card.highlight{background:#d4af371a;border-color:#d4af37}.kpi-label{color:#a0896b;font-size:12px;letter-spacing:.5px;margin-bottom:.5rem}.kpi-value{color:#d4af37;font-size:32px;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 10px #d4af3780}.kpi-sublabel{color:#a0896b;font-size:11px}.kpi-growth{font-size:14px;font-weight:700}.kpi-growth.positive{color:#4caf50}.kpi-growth.negative{color:#f44336}.roaster-leaderboard h1{color:#d4af37;font-size:24px;letter-spacing:1px;margin:0 0 2rem;text-shadow:0 0 15px #d4af3780}.metric-tabs{display:flex;gap:1rem;margin-bottom:2rem}.metric-tabs .tab{background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;color:#a0896b;cursor:pointer;font-family:Courier New,monospace;font-size:14px;letter-spacing:.5px;padding:.75rem 1.5rem;transition:all .3s}.metric-tabs .tab:hover{background:#d4a5741a;border-color:#d4af37;color:#d4af37}.metric-tabs .tab.active{background:#d4af3726;border-color:#d4af37;color:#d4af37;text-shadow:0 0 10px #d4af3780}.leaderboard-table{background:#d4a5740d;border:2px solid #d4a574;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.leaderboard-table thead{background:#d4a5741a}.leaderboard-table th{border-bottom:2px solid #d4a574;color:#d4af37;font-size:14px;font-weight:700;letter-spacing:.5px;padding:1rem;text-align:left}.leaderboard-table td{border-bottom:1px solid #d4a57433;color:#a0896b;font-size:14px;padding:1rem}.leaderboard-table tbody tr:hover{background:#d4a57414}.leaderboard-table tbody tr:last-child td{border-bottom:none}.rank-cell{color:#d4af37;font-weight:700}.roaster-cell{color:#d4a574;font-weight:700}.leaderboard-table tbody tr.rank-1{background:#ffd70026}.leaderboard-table tbody tr.rank-1 .rank-cell{color:gold;text-shadow:0 0 10px #ffd70080}.leaderboard-table tbody tr.rank-2{background:#c0c0c026}.leaderboard-table tbody tr.rank-2 .rank-cell{color:silver;text-shadow:0 0 10px #c0c0c080}.leaderboard-table tbody tr.rank-3{background:#cd7f3226}.leaderboard-table tbody tr.rank-3 .rank-cell{color:#cd7f32;text-shadow:0 0 10px #cd7f3280}.health-monitor h1{color:#d4af37;font-size:24px;letter-spacing:1px;margin:0 0 2rem;text-shadow:0 0 15px #d4af3780}.health-summary{background:#d4a5740d;border:2px solid #d4a574;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.all-clear{color:#4caf50}.alert-summary,.all-clear{font-size:16px;letter-spacing:.5px}.alert-summary{color:#ffa726;font-weight:700}.health-section{margin-bottom:3rem}.health-section h2{color:#d4af37;font-size:18px;letter-spacing:.5px;margin:0 0 1rem}.health-table{background:#d4a5740d;border:2px solid #d4a574;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.health-table thead{background:#d4a5741a}.health-table th{border-bottom:2px solid #d4a574;color:#d4af37;font-size:14px;font-weight:700;letter-spacing:.5px;padding:1rem;text-align:left}.health-table td{border-bottom:1px solid #d4a57433;color:#a0896b;font-size:14px;padding:1rem}.health-table tbody tr:hover{background:#d4a57414}.health-table tbody tr:last-child td{border-bottom:none}.issue-cell{color:#ffa726;font-weight:700}.empty-state{background:#4caf501a;border:2px solid #4caf504d;border-radius:8px;color:#4caf50;font-size:14px;letter-spacing:.5px;padding:2rem;text-align:center}.onboarding-funnel h1{color:#d4af37;font-size:24px;letter-spacing:1px;margin:0 0 2rem;text-shadow:0 0 15px #d4af3780}.funnel-summary{background:#d4a5740d;border:2px solid #d4a574;border-radius:8px;display:flex;gap:2rem;margin-bottom:3rem;padding:1.5rem}.summary-stat{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.summary-stat .label{color:#a0896b;font-size:12px;letter-spacing:.5px}.summary-stat .value{color:#d4af37;font-size:28px;font-weight:700;text-shadow:0 0 10px #d4af3780}.summary-stat .value.alert{color:#ffa726}.funnel-stages{display:flex;flex-direction:column;gap:1rem}.funnel-stage{background:#d4a5740d;border:2px solid #d4a574;border-radius:8px;overflow:hidden}.funnel-bar{align-items:center;background:linear-gradient(90deg,#d4af374d,#d4af371a);border-right:2px solid #d4af37;display:flex;justify-content:space-between;min-width:200px;padding:1.5rem;transition:all .3s}.funnel-bar:hover{background:linear-gradient(90deg,#d4af3766,#d4af3726)}.stage-name{color:#d4af37;font-size:16px;font-weight:700;letter-spacing:.5px}.stage-count{color:#a0896b;font-size:14px;letter-spacing:.5px}.bean-runner{-webkit-tap-highlight-color:rgba(212,175,55,.2);background:#2a2a2a;color:#d4af37;font-family:Courier New,monospace;min-height:100vh;overflow:hidden;padding:2rem;position:relative;touch-action:manipulation}.crt-overlay{background:linear-gradient(#12101000 50%,#2a2a2a40 0),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;z-index:10}.crt-overlay,.scanlines{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0}.scanlines{animation:scanline 8s linear infinite;background:repeating-linear-gradient(0deg,#2a2a2a26,#2a2a2a26 1px,#0000 0,#0000 2px);z-index:9}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(10px)}}.bean-runner:before{animation:flicker .15s infinite;background:#d4af3708;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:8}@keyframes flicker{0%{opacity:.27861}5%{opacity:.34769}10%{opacity:.23604}15%{opacity:.90626}20%{opacity:.18128}25%{opacity:.83891}30%{opacity:.65583}35%{opacity:.67807}40%{opacity:.26559}45%{opacity:.84693}50%{opacity:.96019}55%{opacity:.08594}60%{opacity:.20313}65%{opacity:.71988}70%{opacity:.53455}75%{opacity:.37288}80%{opacity:.71428}85%{opacity:.70419}90%{opacity:.7003}95%{opacity:.36108}to{opacity:.24387}}.game-screen{margin:0 auto;max-width:900px;padding:2rem;position:relative;text-shadow:0 0 10px #d4af37cc;z-index:5}.title-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh}.title-logo pre{animation:glow 2s ease-in-out infinite alternate;color:#d4af37;font-size:.9rem;line-height:1.2}@keyframes glow{0%{text-shadow:0 0 10px #d4af3780}to{text-shadow:0 0 20px #d4af37,0 0 30px #d4af37cc}}.title-credit{animation:blink 1.5s infinite;color:#d4a574;font-size:.8rem;letter-spacing:3px;margin-top:2rem}.intro-screen{align-items:center;display:flex;justify-content:center;min-height:80vh}.intro-text{line-height:2;max-width:800px}.intro-line{animation:fadeIn .5s ease-in;margin:.5rem 0}.name-entry-screen{align-items:center;display:flex;justify-content:center;min-height:80vh}.name-prompt{text-align:center}.name-prompt p{animation:pulse 2s infinite;font-size:1.5rem;margin-bottom:2rem}.name-input{animation:borderGlow 2s infinite alternate;background:#0a0a0a;border:3px solid #d4af37;box-shadow:0 0 20px #d4af3780;color:#d4af37;font-family:Courier New,monospace;font-size:1.5rem;padding:1rem 2rem;text-align:center;width:400px}@keyframes borderGlow{0%{border-color:#d4af37;box-shadow:0 0 20px #d4af3780}to{border-color:gold;box-shadow:0 0 30px #ffd700cc}}.name-input:focus{border-color:gold;box-shadow:0 0 30px #ffd700cc;outline:none}.name-input::placeholder{color:#d4a574}.playing-screen{padding:1rem}.status-display pre{color:#d4af37;font-size:.9rem;line-height:1.4;margin:0}.viewscreen{align-items:center;background:#0a0a0a;border:3px solid #d4a574;box-shadow:inset 0 0 50px #2a2a2acc;display:flex;height:300px;justify-content:center;margin:0;overflow:hidden}.pixel-scene,.viewscreen{position:relative;width:100%}.pixel-scene{height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.building{bottom:40px;left:50%;position:absolute;transform:translateX(-50%)}.roof{background:#8b4513;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);height:30px;position:relative;width:120px}.walls{background:sienna;border:3px solid #654321;height:80px;margin:0 auto;width:100px}.door{background:#4a2511;border:2px solid #654321;bottom:0;height:40px;left:38px;width:24px}.door,.window{position:absolute}.window{animation:windowGlow 2s infinite alternate;background:gold;box-shadow:0 0 10px #ffd700cc;height:16px;right:20px;top:40px;width:16px}@keyframes windowGlow{0%{background:gold;box-shadow:0 0 10px #ffd700cc}to{background:orange;box-shadow:0 0 20px gold}}.smoke{animation:smoke-rise 3s infinite;background:#d3d3d3;border-radius:50%;height:8px;left:50%;opacity:.6;position:absolute;top:20px;width:8px}@keyframes smoke-rise{0%{opacity:.6;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-100px)}}.coffee-shop{align-items:flex-end;display:flex;gap:10px;justify-content:center}.retail-area{background:linear-gradient(180deg,sienna 0,#8b4513);border:3px solid #654321;border-bottom:none;display:flex;flex-direction:column;height:180px;justify-content:flex-end;position:relative;width:200px}.counter{background:#d2691e;border:2px solid #8b4513;bottom:60px;box-shadow:inset 0 -3px 0 #2a2a2a4d;height:30px;left:20px;position:absolute;width:80px}.espresso-machine{background:linear-gradient(90deg,#4a4a4a,#6a6a6a);border:2px solid #2a2a2a;border-radius:3px 3px 0 0;bottom:65px;height:25px;left:30px;position:absolute;width:20px}.espresso-machine:after{animation:steamPuff 2s infinite;background:#8b4513;bottom:0;content:"";height:8px;left:50%;position:absolute;transform:translateX(-50%);width:6px}@keyframes steamPuff{0%,to{opacity:.3}50%{opacity:.7}}.cup{background:#8b4513;border:2px solid #654321;border-radius:0 0 3px 3px;bottom:92px;height:12px;position:absolute;width:10px}.cup-1{left:55px}.cup-2{left:75px}.table{background:#8b4513;border:1px solid #654321;bottom:20px;height:5px;position:absolute;right:30px;width:40px}.table:before{left:5px}.table:after,.table:before{background:#654321;content:"";height:15px;position:absolute;top:5px;width:3px}.table:after{right:5px}.chair{background:#8b4513;border:1px solid #654321;bottom:15px;height:20px;position:absolute;width:15px}.chair-1{right:50px}.window-front{background:linear-gradient(135deg,#87ceeb,#b0e0e6);border:3px solid #654321;box-shadow:inset 0 0 10px #ffffff4d;height:35px;position:absolute;right:20px;top:30px;width:35px}.door-front{background:#4a2511;border:2px solid #654321;border-bottom:none;bottom:0;height:50px;left:120px;position:absolute;width:30px}.door-front:after{background:gold;border-radius:50%;content:"";height:4px;position:absolute;right:5px;top:25px;width:4px}.shop-divider{background:linear-gradient(180deg,#654321,#8b4513);box-shadow:2px 0 5px #2a2a2a80,-2px 0 5px #2a2a2a80;height:180px;width:4px}.roasting-area{background:linear-gradient(180deg,#d4a574 0,#6b5a44);border:3px solid #4a3c2e;border-bottom:none;height:180px;position:relative;width:180px}.roaster-drum{animation:drumRotate 4s linear infinite;background:linear-gradient(90deg,#4a4a4a,#6a6a6a,#4a4a4a);border:2px solid #2a2a2a;border-radius:50%;bottom:70px;box-shadow:inset 0 -5px 10px #2a2a2a80;height:40px;left:50%;position:absolute;transform:translateX(-50%);width:50px}@keyframes drumRotate{0%{box-shadow:inset 5px -5px 10px #2a2a2a80}50%{box-shadow:inset -5px -5px 10px #2a2a2a80}to{box-shadow:inset 5px -5px 10px #2a2a2a80}}.roaster-base{background:linear-gradient(180deg,#6a6a6a,#4a4a4a);border:2px solid #2a2a2a;border-radius:3px;bottom:50px;height:20px;left:50%;position:absolute;transform:translateX(-50%);width:70px}.bean-bags{background:linear-gradient(180deg,#d4af37,#b8964a);border:2px solid #d4a574;border-radius:0 0 5px 5px;bottom:20px;height:30px;left:15px;position:absolute;width:25px}.bean-bags:after{background:#654321;border-radius:50% 50% 0 0;content:"";height:5px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:15px}.bean-bags:before{color:#654321;content:"50kg";font-size:6px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.cooling-tray{background:linear-gradient(180deg,#8b4513,#654321);border:2px solid #4a2511;border-radius:3px;bottom:20px;height:25px;position:absolute;right:15px;width:35px}.cooling-tray:after{background:repeating-linear-gradient(45deg,#654321,#654321 2px,#8b4513 0,#8b4513 4px);bottom:5px;content:"";left:5px;opacity:.5;position:absolute;right:5px;top:5px}.roaster-smoke{animation:roaster-smoke-rise 4s infinite;background:#c8c8c899;border-radius:50%;height:10px;left:50%;position:absolute;top:50px;width:10px}.roaster-smoke-2{animation-delay:2s}@keyframes roaster-smoke-rise{0%{opacity:.6;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-80px) scale(1.5)}}.sprobot{bottom:80px;display:none;position:absolute;right:20px}.sprobot-body{background:linear-gradient(180deg,#8a8a8a,#5a5a5a);border:2px solid #3a3a3a;border-radius:5px;height:35px;position:relative;width:30px}.sprobot-body:before{animation:alertBlink 1s infinite;color:red;content:"!";font-size:12px;left:50%;position:absolute;top:-15px;transform:translateX(-50%)}@keyframes alertBlink{0%,to{opacity:1}50%{opacity:0}}.sprobot-arm{animation:armRotate 3s ease-in-out infinite;background:#6a6a6a;border:1px solid #3a3a3a;height:3px;position:absolute;right:-15px;top:10px;transform-origin:left center;width:15px}@keyframes armRotate{0%,to{transform:rotate(0deg)}50%{transform:rotate(-30deg)}}.message-box{animation:messageSlide .3s ease-out;background:#d4af371a;border:2px solid #d4a574;color:#d4af37;margin:1rem 0;padding:1rem}@keyframes messageSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.game-menu{margin-top:2rem}.menu-title{color:#d4af37;font-size:1.2rem;margin-bottom:1rem}.menu-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.menu-btn{background:#0000;border:2px solid #d4a574;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;font-size:1rem;padding:1rem;text-align:left;transition:all .3s}.menu-btn:hover{background:#d4af371a;border-color:#d4af37;box-shadow:0 0 20px #d4af3780;transform:translateY(-2px)}.menu-btn.advance-btn{border-color:gold;color:gold;font-size:1.1rem;grid-column:1/-1;text-align:center}.menu-btn.advance-btn:hover{background:#ffd70033;box-shadow:0 0 30px #ffd700b3}.menu-btn.disabled,.menu-btn:disabled{border-color:#6b5a44;color:#6b5a44;cursor:not-allowed;opacity:.4}.menu-btn.disabled:hover,.menu-btn:disabled:hover{background:#0000;box-shadow:none;transform:none}.keyboard-hint{animation:fadeIn .5s ease-in;color:#d4a574;font-size:.85rem;font-style:italic;margin-top:1rem;text-align:center}.event-screen{align-items:center;display:flex;justify-content:center;min-height:80vh}.event-box{background:#d4af370d;border:3px solid #d4af37;box-shadow:0 0 40px #d4af3780;max-width:700px;padding:2rem}.event-title{color:gold;font-size:1.5rem;margin-bottom:1.5rem;text-shadow:0 0 15px #ffd700cc}.event-description{color:#d4a574;line-height:1.8;margin-bottom:2rem;white-space:pre-wrap}.event-choices{display:flex;flex-direction:column;gap:1rem}.choice-btn{background:#0000;border:2px solid #d4a574;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;font-size:1rem;padding:1rem 1.5rem;text-align:left;transition:all .3s}.choice-btn:hover{background:#d4af3726;border-color:gold;box-shadow:0 0 25px #ffd70099;transform:translateX(10px)}.ending-screen{min-height:80vh}.ending-box{background:#d4af370d;border:3px solid #d4af37;box-shadow:0 0 50px #d4af3799;max-width:800px;padding:2.5rem}.ending-title{color:gold;font-size:1.8rem;letter-spacing:2px;margin-bottom:2rem;text-align:center;text-shadow:0 0 20px gold}.ending-text{color:#d4a574;font-size:1rem;line-height:2;margin-bottom:2rem;white-space:pre-wrap}.ending-cta{background:#d4af3714;border:2px solid #d4a574;margin:2rem 0;padding:1.5rem;text-align:center}.cta-divider{color:#d4a574;font-size:.8rem;margin-bottom:1rem}.cta-text{color:#d4af37;font-size:1.2rem;letter-spacing:2px;margin-bottom:1rem}.cta-link{color:gold;display:inline-block;font-size:1.4rem;margin:1rem 0;text-decoration:none;text-shadow:0 0 15px #ffd700cc;transition:all .3s}.cta-link:hover{text-shadow:0 0 25px gold;transform:scale(1.05)}.cta-subtitle{color:#a0896b;font-size:.9rem;font-style:italic}.ending-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.home-btn,.play-again-btn,.share-btn{background:#0000;border:2px solid #d4a574;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;font-size:1rem;letter-spacing:1px;padding:.75rem 1.5rem;transition:all .3s}.share-btn{border-color:#4caf50;color:#5fd068}.share-btn:hover{background:#4caf5026;border-color:#5fd068;box-shadow:0 0 20px #5fd06880;transform:translateY(-2px)}.play-again-btn:hover{background:#d4af3726;border-color:#d4af37;box-shadow:0 0 20px #d4af3780;transform:translateY(-2px)}.home-btn{border-color:gold;color:gold}.home-btn:hover{background:#ffd70026;border-color:gold;box-shadow:0 0 25px #ffd70099;transform:translateY(-2px)}@media (max-width:768px){.bean-runner,.game-screen{padding:.5rem}.title-logo pre{font-size:.5rem;line-height:1.1}.title-credit{font-size:.7rem}.intro-text{font-size:.9rem}.name-input,.name-prompt p{font-size:1.2rem}.name-input{max-width:100%;padding:.75rem 1rem;width:100%}.status-display pre{font-size:.55rem;line-height:1.3;overflow-x:auto}.viewscreen{height:150px}.building{transform:translateX(-50%) scale(.7)}.coffee-shop{transform:scale(.6)}.retail-area,.roasting-area{height:150px}.message-box{font-size:.85rem;padding:.75rem}.menu-title{font-size:1rem}.menu-options{gap:.75rem;grid-template-columns:1fr}.menu-btn{font-size:.9rem;min-height:44px;padding:.875rem}.menu-btn.advance-btn{font-size:1rem;padding:1rem}.keyboard-hint{display:none}.event-box{padding:1.25rem}.event-title{font-size:1.2rem}.event-description{font-size:.9rem;line-height:1.6}.choice-btn{font-size:.9rem;min-height:44px;padding:.875rem 1rem;text-align:center}.choice-btn:hover{transform:translateX(0)}.ending-box{padding:1rem}.ending-title{font-size:1.2rem}.ending-text{font-size:.85rem;line-height:1.7}.cta-text{font-size:1rem}.cta-link{font-size:1.1rem}.ending-actions{flex-direction:column;gap:.75rem}.home-btn,.play-again-btn,.share-btn{min-height:44px;padding:.875rem;width:100%}}@media (max-width:480px){.bean-runner,.game-screen{padding:.25rem}.title-logo pre{font-size:.4rem;line-height:1}.title-credit{font-size:.6rem}.status-display pre{font-size:.48rem}.viewscreen{height:120px}.building{transform:translateX(-50%) scale(.6)}.coffee-shop{transform:scale(.5)}.message-box{font-size:.8rem;padding:.5rem}.menu-title{font-size:.9rem}.menu-btn{font-size:.85rem;padding:.75rem}.event-box{padding:1rem}.event-title{font-size:1rem}.choice-btn,.event-description{font-size:.85rem}.choice-btn,.ending-box{padding:.75rem}.ending-title{font-size:1rem}.ending-text{font-size:.8rem}}@media (max-width:768px) and (orientation:landscape){.ending-screen,.event-screen,.intro-screen,.name-entry-screen,.title-screen{min-height:auto;padding:1rem 0}.viewscreen{height:140px}.building{transform:translateX(-50%) scale(.65)}.coffee-shop{transform:scale(.55)}}.brew-method-guide{color:#e0e0e0;font-family:Courier New,SF Mono,Consolas,Monaco,monospace;width:100%}.guide-container{background:#2a2a2a;border:3px solid #d4af37;border-radius:12px;box-shadow:0 8px 40px #d4af374d;margin:0 auto;max-width:800px;padding:2.5rem}.guide-title{color:#d4af37;font-size:1.8rem;line-height:1.4;margin-bottom:.5rem;text-align:center}.guide-subtitle{color:#b0b0b0;font-size:1.1rem;margin-bottom:2rem;text-align:center}.guide-step{border-bottom:1px solid #333;margin-bottom:2rem;padding-bottom:2rem}.guide-step:last-of-type{border-bottom:none}.step-label{color:#d4af37;display:block;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.terminal-select{background:#2a2a2a;border:2px solid #333;border-radius:6px;color:#e0e0e0;cursor:pointer;font-family:Courier New,monospace;font-size:1.1rem;padding:1rem;transition:all .2s;width:100%}.terminal-select:hover{border-color:#d4af37;box-shadow:0 0 10px #d4af3733}.terminal-select:focus{border-color:#d4af37;box-shadow:0 0 15px #d4af3766;outline:none}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-option{align-items:center;background:#2a2a2a;border:2px solid #333;border-radius:6px;cursor:pointer;display:flex;padding:1rem;transition:all .2s}.radio-option:hover{background:#d4af370d;border-color:#d4af37}.radio-option input[type=radio]{accent-color:#d4af37;cursor:pointer;height:20px;margin-right:1rem;width:20px}.radio-option span{color:#e0e0e0;font-size:1.05rem}.equipment-card{background:#d4af371a;border:2px solid #d4af37;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.card-header{color:#d4af37;font-size:1.1rem;font-weight:700}.card-header,.equipment-details{margin-bottom:1rem}.equipment-name{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.equipment-price{color:#d4af37;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.equipment-description{color:#b0b0b0;font-size:1rem;line-height:1.5}.equipment-actions{margin-top:1rem}.checkbox-option{align-items:center;cursor:pointer;display:flex}.checkbox-option input[type=checkbox]{accent-color:#d4af37;cursor:pointer;height:20px;margin-right:.75rem;width:20px}.checkbox-option span{color:#d4af37;font-size:1.05rem;font-weight:700}.recommendation-card{background:#4caf5026;border:3px solid #4caf50;border-radius:12px;margin-top:2rem;padding:2rem}.recommendation-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.check-icon{color:#4caf50;font-size:2.5rem}.recommendation-title{color:#4caf50;font-size:1.5rem;font-weight:700}.coffee-recommendation{color:#fff}.coffee-name{color:#fff;font-size:1.6rem;font-weight:700;margin-bottom:.5rem}.coffee-flavor{color:#d4af37;font-size:1.2rem;font-style:italic;margin-bottom:1.5rem}.why-section{background:#2a2a2a4d;border-radius:6px;margin-bottom:1.5rem;padding:1.25rem}.why-title{color:#d4af37;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.why-text{color:#e0e0e0;font-size:1rem;line-height:1.6}.config-details{margin-bottom:1.5rem}.config-item{display:flex;font-size:1.05rem;gap:.5rem;margin-bottom:.5rem}.config-label{color:#4caf50;font-weight:700}.config-value{color:#fff}.config-helper{background:#2a2a2a4d;border-left:3px solid #d4af37;color:#b0b0b0;font-size:.95rem;font-style:italic;margin-top:.75rem;padding:.75rem}.pricing-breakdown{background:#2a2a2a4d;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.pricing-title{color:#d4af37;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.price-line{color:#e0e0e0;display:flex;font-size:1rem;justify-content:space-between;margin-bottom:.5rem}.price-line span,.price-total{font-weight:700}.price-total{border-top:2px solid #d4af37;color:#fff;display:flex;font-size:1.2rem;justify-content:space-between;margin-top:1rem;padding-top:1rem}.total-amount{color:#d4af37;font-size:1.4rem}.price-recurring{color:#b0b0b0;font-size:.95rem;margin-top:.75rem;text-align:center}.subscribe-button{background:#d4af37;border:none;border-radius:8px;box-shadow:0 4px 20px #d4af3766;color:#2a2a2a;cursor:pointer;font-family:Courier New,monospace;font-size:1.3rem;font-weight:700;letter-spacing:1px;padding:1.5rem;text-transform:uppercase;transition:all .3s;width:100%}.subscribe-button:hover{background:gold;box-shadow:0 6px 30px #d4af3799;transform:translateY(-2px)}.subscribe-button:active{transform:translateY(0)}.comparison-section{margin-top:2rem}.comparison-divider{background:linear-gradient(90deg,#0000,#333,#0000);height:2px;margin-bottom:1.5rem}.comparison-content{text-align:center}.comparison-title{color:#d4af37;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.comparison-text{color:#b0b0b0;font-size:1.05rem;line-height:1.6;margin-bottom:1rem}.comparison-highlight{color:#d4af37;font-size:1.2rem;font-weight:700;letter-spacing:1px}.animate-in{animation:slideInFade .4s ease-out}@media (max-width:768px){.guide-container{padding:1.5rem}.guide-title{font-size:1.4rem}.guide-subtitle{font-size:1rem}.step-label{font-size:1.1rem}.terminal-select{font-size:1rem;padding:.875rem}.radio-option{padding:.875rem}.coffee-name{font-size:1.3rem}.coffee-flavor{font-size:1.05rem}.recommendation-header{align-items:flex-start;flex-direction:column}.subscribe-button{font-size:1.1rem;padding:1.25rem}}@media (max-width:640px){.guide-container{padding:1.25rem}.guide-title{font-size:1.2rem}.radio-option span,.terminal-select{font-size:.95rem}.coffee-name,.equipment-name{font-size:1.1rem}.coffee-flavor,.equipment-price{font-size:1rem}}.demo-landing{background:#2a2a2a;color:#e0e0e0;font-family:Courier New,SF Mono,Consolas,Monaco,monospace;min-height:100vh;padding:2rem 1rem}.demo-container{margin:0 auto;max-width:1200px}.demo-header{margin-bottom:3rem;position:relative;text-align:center}.pricing-badge{background:linear-gradient(135deg,#d4af37,gold);border-radius:50px;box-shadow:0 4px 15px #d4af3766;color:#2a2a2a;display:inline-block;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin-bottom:1.5rem;padding:.5rem 1.5rem;text-transform:uppercase}.demo-headline{color:#d4af37;font-size:2.8rem;font-weight:700;line-height:1.3;margin-bottom:1rem;text-shadow:0 0 20px #d4af374d}.demo-subhead{color:#b0b0b0;font-size:1.3rem;line-height:1.5;margin:0 auto;max-width:700px}.validation-widget-hero{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:4rem;min-height:60vh;padding:2rem 0}.widget-hero-title{color:#d4af37;font-size:2.5rem;margin-bottom:2rem;text-align:center;text-shadow:0 0 15px #d4af3766}.widget-container{background:#2a2a2a;border:3px solid #d4af37;border-radius:12px;box-shadow:0 8px 40px #d4af374d;max-width:600px;padding:2.5rem;width:100%}.widget-form{margin-bottom:2rem}.form-row{grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.form-group label{font-size:1.1rem;margin-bottom:.75rem}.terminal-select.big{background:#2a2a2a;border:2px solid #333;border-radius:6px;color:#e0e0e0;cursor:pointer;font-family:Courier New,monospace;font-size:1.1rem;padding:1rem;transition:all .2s}.terminal-select.big:hover{border-color:#d4af37;box-shadow:0 0 10px #d4af3733}.terminal-select.big:focus{border-color:#d4af37;box-shadow:0 0 15px #d4af3766;outline:none}.add-to-cart-btn{background:#d4af37;border:none;border-radius:8px;box-shadow:0 4px 20px #d4af3766;color:#2a2a2a;cursor:pointer;font-family:Courier New,monospace;font-size:1.4rem;font-weight:700;letter-spacing:1px;padding:1.5rem;text-transform:uppercase;transition:all .3s;width:100%}.add-to-cart-btn:hover{background:gold;box-shadow:0 6px 30px #d4af3799;transform:translateY(-2px)}.add-to-cart-btn:active{transform:translateY(0)}.validation-result{align-items:center;border:3px solid;border-radius:8px;display:flex;gap:1.5rem;margin-top:2rem;padding:1.5rem}.validation-result.animate-in{animation:slideInFade .3s ease-out}@keyframes slideInFade{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.validation-result.error{background:#ff000026;border-color:red}.validation-result.error .validation-icon-big{color:red;flex-shrink:0;font-size:3rem}.validation-result.error .validation-message-big{color:#fff;font-size:18px;font-weight:700;line-height:1.5}.validation-result.warning{background:#ffc10726;border-color:#ffc107}.validation-result.warning .validation-icon-big{color:#ffc107;flex-shrink:0;font-size:3rem}.validation-result.warning .validation-message-big{color:#fff;font-size:18px;font-weight:700;line-height:1.5}.validation-result.success{background:#4caf5026;border-color:#4caf50}.validation-result.success .validation-icon-big{color:#4caf50;flex-shrink:0;font-size:3rem}.validation-result.success .validation-message-big{color:#fff;font-size:18px;font-weight:700;line-height:1.5}.widget-explainer{color:#d4af37;font-size:1.2rem;font-style:italic;margin-top:2rem;text-align:center}.demo-ctas{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:900px}.cta-button{background:#1a1a1a;border:3px solid #d4af37;border-radius:8px;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;padding:1.5rem 2rem;transition:all .3s}.cta-button:hover{background:#d4af371a;box-shadow:0 4px 20px #d4af3766;transform:translateY(-2px)}.cta-button.primary{background:#d4af37;color:#2a2a2a}.cta-button.primary:hover{background:gold;box-shadow:0 4px 25px #d4af3780}.cta-button.outline,.cta-button.secondary{background:#1a1a1a;border:3px solid #d4af37;color:#d4af37}.cta-button.outline:hover{background:#d4af37;color:#2a2a2a}.value-props-brief{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:1000px}.prop-item{align-items:flex-start;background:#2a2a2a;border:2px solid #333;border-radius:8px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s}.prop-item:hover{border-color:#d4af37;box-shadow:0 4px 20px #d4af3733}.prop-icon{flex-shrink:0;font-size:2rem}.prop-text{display:flex;flex-direction:column;gap:.5rem}.prop-text strong{color:#d4af37;font-size:1.1rem}.prop-text span{color:#b0b0b0;font-size:.95rem;line-height:1.5}.multi-vertical-callout{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border-radius:12px;color:#fff;margin:60px 0 40px;padding:40px;text-align:center}.multi-vertical-callout h3{font-size:1.8rem;font-weight:600;margin:0 0 16px}.multi-vertical-callout p{color:#ffffffe6;font-size:1.05rem;margin:0 auto 24px;max-width:600px}.vertical-examples{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.vertical-tag{background:#ffffff26;border:1px solid #fff3;border-radius:20px;color:#fff;font-size:.9rem;padding:8px 16px}.demo-footer{border-top:2px solid #333;padding:3rem 0 2rem;text-align:center}.footer-text{color:#b0b0b0;font-size:1.3rem;margin-bottom:1.5rem}@media (max-width:768px){.demo-headline{font-size:2rem}.demo-subhead{font-size:1.1rem}.widget-hero-title{font-size:1.8rem}.widget-container{padding:1.5rem}.form-row{gap:1rem;grid-template-columns:1fr}.validation-result{flex-direction:column;text-align:center}.validation-result.error .validation-message-big,.validation-result.success .validation-message-big,.validation-result.warning .validation-message-big{font-size:16px}.demo-ctas{gap:1rem;grid-template-columns:1fr}.cta-button{width:100%}.value-props-brief{grid-template-columns:1fr}.validation-widget-hero{min-height:auto}}@media (max-width:640px){.demo-landing{padding:1rem .5rem}.demo-headline{font-size:1.6rem}.widget-hero-title{font-size:1.5rem}.add-to-cart-btn{font-size:1.2rem;padding:1.25rem}.terminal-select.big{font-size:1rem}}@media (max-width:768px){.nes-cartridge{bottom:15px;right:15px;transform:scale(.85)}.nes-cartridge:hover{transform:scale(.9) translateY(-3px)}}.codec-landing{background:#0a0a0a;color:#d4af37;font-family:Courier New,monospace;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.hero{background:linear-gradient(180deg,#0a0a0a,#1a1a1a);border-bottom:2px solid #d4af37;padding:6rem 0 4rem}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.codec-logo{color:#d4af37;display:block;font-size:4rem;font-weight:700;letter-spacing:.5rem;margin-bottom:.5rem;text-shadow:0 0 20px #d4af3780}.tagline{color:#999;display:block;font-size:1.5rem;font-weight:400;letter-spacing:.1rem;margin-bottom:1.5rem}.hero-description{color:#ccc;font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.early-access-badge{background:#d4af371a;border:2px solid #d4af37;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.badge-label{color:#d4af37;display:block;font-size:.9rem;font-weight:700;margin-bottom:1rem}.pricing-highlight{align-items:center;display:flex;gap:2rem}.price-main{align-items:baseline;display:flex;gap:.5rem}.percentage{color:#d4af37;font-size:3rem;font-weight:700}.price-label{color:#999;font-size:1rem}.price-details{color:#ccc;display:flex;flex-direction:column;font-size:.9rem;gap:.3rem}.hero-cta{display:flex;flex-wrap:wrap;gap:1rem}.btn-primary,.btn-secondary{align-items:center;border-radius:4px;display:inline-flex;flex-direction:column;font-size:1.1rem;font-weight:700;padding:1rem 2rem;text-decoration:none;transition:all .3s}.btn-primary{background:#d4af37;border:2px solid #d4af37;color:#0a0a0a}.btn-primary:hover{background:#f4cf57;box-shadow:0 0 20px #d4af3766}.btn-secondary{background:#0000;border:2px solid #d4af37;color:#d4af37}.btn-secondary:hover{background:#d4af371a}.btn-subtext{color:#666;font-size:.75rem;font-weight:400;margin-top:.25rem}.btn-primary .btn-subtext{color:#666}.btn-primary.large,.btn-secondary.large{font-size:1.3rem;padding:1.5rem 3rem}.terminal-window{background:#1a1a1a;border:2px solid #d4af37;border-radius:8px;box-shadow:0 0 30px #d4af3733;overflow:hidden}.terminal-header{align-items:center;background:#2a2a2a;border-bottom:1px solid #d4af37;display:flex;gap:.5rem;padding:.5rem 1rem}.terminal-dot{border-radius:50%;height:12px;width:12px}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.terminal-title{color:#999;font-size:.9rem;margin-left:1rem}.terminal-body{min-height:200px;padding:1.5rem}.terminal-line{color:#d4af37;margin-bottom:1rem}.terminal-line.customer{color:#fff;padding-left:1rem}.terminal-line.success{color:#27c93f}.prompt{color:#d4af37;margin-right:.5rem}.cursor{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.check{margin-right:.5rem}section{padding:4rem 0}section h2{color:#d4af37;font-size:2.5rem;margin-bottom:1rem;text-align:center}section h2+p{color:#999;font-size:1.1rem;margin-bottom:3rem;text-align:center}.steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:3rem}.step{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:2rem;text-align:center;transition:all .3s}.step:hover{border-color:#d4af37;box-shadow:0 0 20px #d4af371a}.step-number{align-items:center;background:#d4af37;border-radius:50%;color:#0a0a0a;display:flex;font-size:2rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.step h3{color:#d4af37;font-size:1.3rem;margin-bottom:1rem}.step p{color:#ccc;line-height:1.6}.pricing{background:#1a1a1a;border-bottom:2px solid #d4af37;border-top:2px solid #d4af37}.pricing-intro{color:#999;font-size:1.1rem;margin-bottom:3rem;text-align:center}.pricing-tiers{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:0 auto 3rem;max-width:900px}.pricing-card{background:#0a0a0a;border:2px solid #333;border-radius:8px;overflow:hidden}.pricing-card.featured{border-color:#d4af37;box-shadow:0 0 30px #d4af3733}.card-badge{background:#d4af37;border-radius:4px;color:#0a0a0a;font-size:.75rem;font-weight:700;padding:.3rem .8rem;position:absolute;right:1rem;top:1rem}.card-header{border-bottom:1px solid #333;padding:2rem 2rem 1rem}.card-header h3{color:#d4af37;font-size:1.5rem;margin-bottom:1rem}.price{align-items:baseline;display:flex;gap:.5rem}.price .amount{color:#d4af37;font-size:3rem;font-weight:700}.price .period{color:#999;font-size:1rem}.card-body{padding:2rem}.features{list-style:none;margin:0 0 1.5rem;padding:0}.features li{border-bottom:1px solid #222;color:#ccc;padding:.5rem 0}.features li:last-child{border-bottom:none}.setup-time{background:#d4af370d;border-radius:4px;display:flex;justify-content:space-between;margin-top:1rem;padding:1rem}.time-label{color:#999}.time-value{color:#d4af37;font-weight:700}.card-footer{padding:0 2rem 2rem}.btn-card{background:#0000;border:2px solid #d4af37;border-radius:4px;color:#d4af37;display:block;font-weight:700;padding:1rem;text-align:center;text-decoration:none;transition:all .3s}.btn-card:hover{background:#d4af371a}.btn-card.primary{background:#d4af37;color:#0a0a0a}.btn-card.primary:hover{background:#f4cf57}.fee-breakdown{background:#0a0a0a;border:1px solid #333;border-radius:8px;margin:3rem auto 0;max-width:800px;padding:2rem}.fee-breakdown h3{color:#d4af37;margin-bottom:1.5rem;text-align:center}.breakdown-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.breakdown-item{background:#1a1a1a;border-radius:4px;padding:1rem}.breakdown-label{color:#999;font-size:.9rem;margin-bottom:.5rem}.breakdown-calc{display:flex;flex-direction:column;gap:.5rem}.platform-fee,.stripe-note,.total-note,.you-get{font-size:.95rem}.you-get{color:#27c93f}.you-get strong{font-size:1.3rem}.platform-fee{color:#999}.fee-note,.stripe-note,.total-note{color:#ccc}.fee-note{background:#d4af370d;border-left:3px solid #d4af37;border-radius:4px;line-height:1.6;padding:1rem}.fee-note strong{color:#d4af37}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:3rem}.feature{padding:2rem;text-align:center}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature h3{color:#d4af37;font-size:1.2rem;margin-bottom:.5rem}.feature p{color:#ccc;line-height:1.6}.social-proof{background:#1a1a1a}.testimonial{margin:0 auto;max-width:700px;text-align:center}.quote{color:#ccc;font-size:1.3rem;font-style:italic;line-height:1.8;margin-bottom:1rem}.attribution{color:#d4af37;font-size:1rem}.final-cta{padding:5rem 0;text-align:center}.final-cta h2{margin-bottom:1rem}.final-cta>p{color:#ccc;font-size:1.2rem;margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.cta-subtext{color:#999;font-size:.9rem}.cta-subtext a{color:#d4af37;text-decoration:none}.cta-subtext a:hover{text-decoration:underline}.footer{background:#0a0a0a;border-top:2px solid #d4af37;padding:3rem 0 1.5rem}.footer-content{grid-gap:3rem;gap:3rem;grid-template-columns:2fr 3fr;margin-bottom:2rem}.codec-wordmark{color:#d4af37;font-size:2rem;font-weight:700;letter-spacing:.3rem}.footer-brand p{color:#999;margin-top:.5rem}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.footer-column h4{color:#d4af37;font-size:1rem;margin-bottom:1rem}.footer-column a{color:#ccc;display:block;margin-bottom:.5rem;text-decoration:none;transition:color .3s}.footer-column a:hover{color:#d4af37}.footer-bottom{border-top:1px solid #333;color:#666;padding-top:2rem}@media (max-width:968px){.breakdown-grid,.features-grid,.footer-content,.hero-content,.pricing-tiers,.steps{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(3,1fr)}.codec-logo{font-size:3rem}.tagline{font-size:1.2rem}}@media (max-width:640px){.footer-links{grid-template-columns:1fr}.cta-buttons{align-items:stretch;flex-direction:column}.btn-primary.large,.btn-secondary.large{padding:1.2rem 2rem}}.nes-cartridge{bottom:20px;cursor:pointer;filter:drop-shadow(0 4px 8px rgba(42,42,42,.3));position:fixed;right:20px;text-decoration:none;transition:transform .3s ease;z-index:100}.nes-cartridge:hover{filter:drop-shadow(0 8px 16px rgba(42,42,42,.4));transform:translateY(-5px) rotate(-2deg)}.cartridge-body{background:linear-gradient(135deg,#b8b8b8,#a0a0a0 50%,#909090);border:2px solid grey;border-radius:4px 4px 0 0;box-shadow:inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #2a2a2a4d;height:90px;position:relative;width:70px}.cartridge-top{background:linear-gradient(180deg,#d0d0d0,#a0a0a0);border:1px solid #707070;border-radius:2px 2px 0 0;box-shadow:inset 0 1px 1px #ffffff80;height:8px;left:10%;position:absolute;right:10%;top:0}.cartridge-label{align-items:center;background:linear-gradient(135deg,#2a2a2a,#2a2a2a);border:1px solid #000;border-radius:2px;box-shadow:inset 0 0 3px #2a2a2acc;display:flex;flex-direction:column;height:45px;justify-content:center;left:8px;padding:4px;position:absolute;right:8px;top:15px}.label-text{color:#0f0;font-size:9px;font-weight:700;letter-spacing:1px;line-height:1;margin:1px 0;text-shadow:0 0 3px #00ff0080}.label-subtitle,.label-text{font-family:Courier New,monospace}.label-subtitle{color:#8f8;font-size:6px;letter-spacing:.5px;margin-top:2px}.cartridge-grip{bottom:5px;display:flex;flex-direction:column;height:15px;justify-content:space-around;left:12px;padding:2px 0;position:absolute;right:12px}.grip-line{background:#2a2a2a33;border-bottom:1px solid #ffffff1a;height:1px}@media (max-width:768px){.nes-cartridge{bottom:15px;right:15px;transform:scale(.85)}.nes-cartridge:hover{transform:scale(.85) translateY(-5px) rotate(-2deg)}}.phone-controller{-webkit-touch-callout:none;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#f0f0f0;font-family:Courier New,monospace;height:100vh;left:0;overflow:hidden;position:fixed;top:0;touch-action:none;user-select:none;-webkit-user-select:none;width:100vw}.join-screen{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.game-title{font-size:3rem;text-shadow:0 0 20px #f39c1280}.game-subtitle{font-size:1.2rem;margin:0 0 40px}.join-form{display:flex;flex-direction:column;gap:15px;max-width:400px;width:100%}.join-form label{color:#a0a0a0;font-size:.9rem;margin-bottom:-10px;text-align:left}.join-input{background:#ffffff1a;border:2px solid #505050;border-radius:8px;box-sizing:border-box;color:#f0f0f0;font-family:Courier New,monospace;font-size:1.2rem;padding:15px;width:100%}.join-input:focus{background:#ffffff26;border-color:#f39c12;outline:none}.room-code-input{font-size:1.5rem;font-weight:700;letter-spacing:.2em;text-align:center;text-transform:uppercase}.join-button{background:linear-gradient(135deg,#f39c12,#e67e22);border:3px solid #f39c12;border-radius:8px;color:#1a1a2e;cursor:pointer;font-family:Courier New,monospace;font-size:1.3rem;font-weight:700;letter-spacing:.1em;margin-top:10px;padding:18px;transition:all .2s}.join-button:hover:not(:disabled){box-shadow:0 4px 20px #f39c1299;transform:scale(1.05)}.join-button:active:not(:disabled){transform:scale(.98)}.join-button:disabled{cursor:not-allowed;opacity:.5}.error-message{background:#e74c3c33;border:2px solid #e74c3c;border-radius:8px;color:#e74c3c;font-size:.9rem;padding:12px}.join-instructions{background:#2a2a2a4d;border:1px solid #505050;border-radius:8px;margin-top:40px;max-width:400px;padding:20px;text-align:left}.join-instructions h3{color:#f39c12;margin-top:0}.join-instructions ol{line-height:1.8;padding-left:20px}.join-instructions li{color:#d4d4d4;margin:10px 0}.status-bar{background:#2a2a2a99;border-bottom:2px solid #505050;font-size:.9rem;justify-content:space-between;padding:12px 15px}.status-bar,.status-info{align-items:center;display:flex}.status-info{gap:8px}.status-dot{animation:pulse 2s infinite;height:10px;width:10px}.status-text{font-weight:700;text-transform:uppercase}.room-info{color:#f39c12;font-weight:700}.disconnect-button{background:#e74c3c4d;border:1px solid #e74c3c;border-radius:4px;color:#e74c3c;cursor:pointer;font-family:Courier New,monospace;font-size:1.2rem;height:32px;transition:all .2s;width:32px}.disconnect-button:active{background:#e74c3c80;transform:scale(.95)}.player-badge{background:#2a2a2a66;border:3px solid;border-radius:8px;margin:15px 20px;padding:15px;text-align:center}.player-p1{background:linear-gradient(135deg,#3498db33,#2980b933);border-color:#3498db}.player-p2{background:linear-gradient(135deg,#f39c1233,#e67e2233);border-color:#f39c12}.player-spectator{background:linear-gradient(135deg,#95a5a633,#7f8c8d33);border-color:#95a5a6}.badge-label{color:#a0a0a0;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.badge-slot{font-size:2rem;font-weight:700;margin:5px 0}.player-p1 .badge-slot{color:#3498db}.player-p2 .badge-slot{color:#f39c12}.badge-character{color:#d4d4d4;font-size:.9rem;margin-top:5px}.room-players{display:flex;gap:10px;margin-bottom:15px;padding:0 20px}.player-slot{background:#2a2a2a4d;border:2px solid #505050;border-radius:6px;flex:1 1;font-size:.85rem;padding:10px;text-align:center}.player-slot.occupied{background:#27ae601a;border-color:#27ae60}.player-slot.empty{color:#7f8c8d;font-style:italic}.controller-area{gap:20px;justify-content:space-between;padding:20px}.controller-area,.dpad-container{align-items:center;display:flex;flex:1 1}.dpad-container{justify-content:center}.dpad{grid-gap:4px;display:grid;gap:4px;grid-template-rows:auto auto auto;width:-webkit-fit-content;width:fit-content}.dpad-middle-row{grid-gap:4px;display:grid;gap:4px;grid-template-columns:auto auto auto}.dpad-button{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);border:3px solid #505050;border-radius:12px;box-shadow:0 4px 0 #1a1a2e,0 6px 10px #2a2a2a80;color:#d4d4d4;cursor:pointer;display:flex;font-size:2rem;height:80px;justify-content:center;transition:all .1s;width:80px}.dpad-button.pressed,.dpad-button:active{background:linear-gradient(135deg,#34495e,#2c3e50);border-color:#f39c12;box-shadow:0 0 0 #1a1a2e,0 2px 5px #2a2a2a80;transform:translateY(4px)}.dpad-down,.dpad-up{grid-column:2}.dpad-center{background:#2a2a2a4d;border:2px solid #2c3e50;border-radius:50%;height:80px;width:80px}.buttons-container{align-items:center;display:flex;flex:1 1;justify-content:center}.action-buttons{gap:20px}.action-button,.action-buttons{display:flex;flex-direction:column}.action-button{align-items:center;border:4px solid;border-radius:50%;box-shadow:0 6px 0 #2a2a2a80,0 8px 15px #2a2a2a80;cursor:pointer;height:120px;justify-content:center;transition:all .1s;width:120px}.interact-button{background:linear-gradient(135deg,#27ae60,#229954);border-color:#1e8449}.interact-button.pressed,.interact-button:active{background:linear-gradient(135deg,#229954,#27ae60);box-shadow:0 0 0 #2a2a2a80,0 2px 5px #2a2a2a80;transform:translateY(6px)}.specialty-button{background:linear-gradient(135deg,#9b59b6,#8e44ad);border-color:#6c3483}.specialty-button.pressed,.specialty-button:active{background:linear-gradient(135deg,#8e44ad,#9b59b6);box-shadow:0 0 0 #2a2a2a80,0 2px 5px #2a2a2a80;transform:translateY(6px)}.button-label{font-size:.75rem;letter-spacing:.1em;margin-bottom:5px;text-transform:uppercase}.button-key,.button-label{color:#fff;font-weight:700}.button-key{font-size:2rem}.number-pad{display:flex;flex-direction:column;gap:10px;padding:0 20px 20px}.number-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.number-button{align-items:center;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:3px solid #6c3483;border-radius:12px;box-shadow:0 4px 0 #4a235a,0 6px 10px #2a2a2a80;color:#fff;cursor:pointer;display:flex;font-size:2rem;font-weight:700;height:60px;justify-content:center;transition:all .1s}.number-button.pressed,.number-button:active{background:linear-gradient(135deg,#8e44ad,#9b59b6);box-shadow:0 0 0 #4a235a,0 2px 5px #2a2a2a80;transform:translateY(4px)}.bottom-buttons{padding:0 20px 30px}.pause-button{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border:3px solid #a93226;border-radius:12px;box-shadow:0 4px 0 #7f2c26,0 6px 10px #2a2a2a80;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;transition:all .1s;width:100%}.pause-button.pressed,.pause-button:active{background:linear-gradient(135deg,#c0392b,#e74c3c);box-shadow:0 0 0 #7f2c26,0 2px 5px #2a2a2a80;transform:translateY(4px)}.spectator-message{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.spectator-message h2{color:#95a5a6;font-size:2.5rem;margin:0 0 20px}.spectator-message p{color:#d4d4d4;font-size:1.1rem;line-height:1.6}@media (orientation:landscape){.controller-area{padding:10px 40px}.dpad-button,.dpad-center{height:70px;width:70px}.action-button{height:100px;width:100px}.bottom-buttons{padding:10px 40px 20px}}@media (max-height:600px){.player-badge{margin:10px 20px;padding:10px}.badge-slot{font-size:1.5rem}.dpad-button{font-size:1.5rem}.dpad-button,.dpad-center{height:60px;width:60px}.action-button{height:90px;width:90px}.button-label{font-size:.65rem}.button-key{font-size:1.5rem}.pause-button{font-size:1.2rem;height:50px}}.action-button,.disconnect-button,.dpad-button,.join-button,.pause-button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.dialogue-overlay{align-items:flex-end;animation:fadeIn .3s ease-in;background:#2a2a2ab3;display:flex;height:100%;justify-content:center;left:0;padding-bottom:40px;position:absolute;top:0;width:100%;z-index:1000}.dialogue-box{background:linear-gradient(135deg,#1a1a2e,#16213e);border:4px solid #f39c12;border-radius:12px;box-shadow:0 8px 32px #2a2a2acc,0 0 40px #f39c124d;font-family:Courier New,monospace;max-width:800px;padding:30px;width:90%}.dialogue-speaker{color:#f39c12;font-size:1.5rem;font-weight:700;letter-spacing:.1em;margin-bottom:15px;text-shadow:0 0 10px #f39c1280;text-transform:uppercase}.dialogue-text{color:#f0f0f0;font-size:1.2rem;line-height:1.8;margin-bottom:30px;min-height:60px;white-space:pre-wrap}.dialogue-choices{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.dialogue-choice{align-items:center;background:#f39c121a;border:2px solid #f39c12;border-radius:8px;color:#f0f0f0;cursor:pointer;display:flex;font-family:Courier New,monospace;font-size:1.1rem;padding:15px 20px;text-align:left;transition:all .2s}.dialogue-choice:hover{background:#f39c124d;border-color:gold;box-shadow:0 4px 15px #f39c1266;transform:translateX(10px)}.dialogue-choice:active{transform:translateX(10px) translateY(2px)}.choice-number{align-items:center;background:#f39c12;border-radius:50%;color:#1a1a2e;display:inline-flex;flex-shrink:0;font-weight:700;height:32px;justify-content:center;margin-right:15px;width:32px}.choice-text{flex:1 1;line-height:1.4}.dialogue-instructions{color:#a0a0a0;font-size:.9rem;font-style:italic;letter-spacing:.05em;text-align:center}@media (max-height:600px){.dialogue-box{max-width:700px;padding:20px}.dialogue-speaker{font-size:1.2rem;margin-bottom:10px}.dialogue-text{font-size:1rem;margin-bottom:20px;min-height:40px}.dialogue-choice{font-size:1rem;padding:10px 15px}.choice-number{font-size:.9rem;height:28px;width:28px}}.dialogue-box.gerald-angry{border-color:#e74c3c;box-shadow:0 8px 32px #2a2a2acc,0 0 40px #e74c3c66}.dialogue-box.gerald-angry .dialogue-speaker{color:#e74c3c;text-shadow:0 0 10px #e74c3c80}.dialogue-box.gerald-happy{border-color:#27ae60;box-shadow:0 8px 32px #2a2a2acc,0 0 40px #27ae6066}.dialogue-box.gerald-happy .dialogue-speaker{color:#27ae60;text-shadow:0 0 10px #27ae6080}.hub-screen{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#f0f0f0;display:flex;font-family:Courier New,monospace;height:100vh;justify-content:center;width:100vw}.hub-container{background:#2a2a2a99;border:3px solid #f39c12;border-radius:12px;box-shadow:0 0 40px #f39c1266;max-width:700px;padding:40px;text-align:center;width:90%}.hub-title{color:#f39c12;font-size:3rem;letter-spacing:.15em;margin:0 0 10px;text-shadow:0 0 20px #f39c1299}.hub-subtitle{color:#a0a0a0;font-size:1.2rem;letter-spacing:.1em;margin:0 0 40px;text-transform:uppercase}.hub-content{text-align:left}.hub-section{background:#ffffff0d;border:2px solid #505050;border-radius:8px;margin-bottom:20px;padding:20px}.hub-run-counter{color:#3498db;font-size:2rem;font-weight:700;margin-bottom:15px}.hub-cash{color:#ecf0f1;font-size:1.5rem}.cash-amount{color:#27ae60;font-weight:700}.hub-progress h3,.hub-upgrades h3{color:#f39c12;font-size:1.2rem;letter-spacing:.1em;margin:0 0 15px;text-transform:uppercase}.progress-hints{display:flex;flex-direction:column;gap:10px}.hint-item{border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:8px 0}.hint-item:last-child{border-bottom:none}.hint-label{color:#a0a0a0}.hint-value{color:#ecf0f1;font-weight:700}.hint-value.hint-good{color:#27ae60}.upgrade-badge{background:linear-gradient(135deg,#3498db,#2980b9);border:2px solid #2471a3;border-radius:6px;box-shadow:0 2px 8px #3498db4d;font-size:.9rem;padding:8px 16px}.hub-actions{display:flex;flex-direction:column;gap:15px;margin-top:30px}.hub-btn{border:3px solid;border-radius:8px;box-shadow:0 4px 0;cursor:pointer;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;letter-spacing:.05em;padding:15px 30px;text-transform:uppercase;transition:all .2s}.hub-btn-primary{background:linear-gradient(135deg,#27ae60,#229954);border-color:#1e8449;box-shadow:0 4px 0 #145a32;color:#fff}.hub-btn-primary:hover{box-shadow:0 6px 0 #145a32;transform:translateY(-2px)}.hub-btn-primary:active{box-shadow:0 2px 0 #145a32;transform:translateY(2px)}.hub-btn-secondary{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#2471a3;box-shadow:0 4px 0 #1a5276;color:#fff}.hub-btn-secondary:hover{box-shadow:0 6px 0 #1a5276;transform:translateY(-2px)}.hub-btn-secondary:active{box-shadow:0 2px 0 #1a5276;transform:translateY(2px)}.hub-btn-tertiary{background:linear-gradient(135deg,#7f8c8d,#95a5a6);border-color:#5d6d7e;box-shadow:0 4px 0 #4a5568;color:#fff}.hub-btn-tertiary:hover{box-shadow:0 6px 0 #4a5568;transform:translateY(-2px)}.hub-btn-tertiary:active{box-shadow:0 2px 0 #4a5568;transform:translateY(2px)}.hub-footer{border-top:1px solid #fff3;color:#a0a0a0;font-size:.9rem;font-style:italic;margin-top:30px;padding-top:20px}@media (max-width:700px){.hub-container{padding:30px 20px}.hub-title{font-size:2.5rem}.hub-run-counter{font-size:1.5rem}.hub-cash{font-size:1.2rem}.hub-btn{font-size:1rem;padding:12px 24px}}.prep-screen{align-items:center;animation:fadeIn .5s ease-in;background:linear-gradient(135deg,#1a1a2e,#0f3460);color:#f0f0f0;display:flex;font-family:Courier New,monospace;height:100vh;justify-content:center;width:100vw}.prep-container{background:#2a2a2ab3;border:3px solid #3498db;border-radius:12px;box-shadow:0 0 40px #3498db66;max-width:700px;padding:40px;text-align:center;width:90%}.prep-title{color:#3498db;font-size:2.5rem;letter-spacing:.15em;margin:0 0 10px;text-shadow:0 0 20px #3498db99;text-transform:uppercase}.prep-subtitle{color:#a0a0a0;font-size:1.1rem;letter-spacing:.1em;margin:0 0 40px;text-transform:uppercase}.prep-content{text-align:left}.prep-section{background:#ffffff0d;border:2px solid #505050;border-radius:8px;margin-bottom:25px;padding:20px}.prep-section h3{color:#3498db;font-size:1.2rem;letter-spacing:.1em;margin:0 0 15px;text-transform:uppercase}.upgrades-list{display:flex;flex-wrap:wrap;gap:10px}.upgrade-item{background:linear-gradient(135deg,#27ae60,#229954);border:2px solid #1e8449;border-radius:6px;box-shadow:0 2px 8px #27ae604d;font-size:.9rem;padding:8px 16px}.buff-hint{color:#a0a0a0;font-size:.95rem;margin:0 0 15px}.buffs-list{display:flex;flex-direction:column;gap:12px}.buff-option{align-items:center;background:#ffffff08;border:2px solid #505050;border-radius:6px;cursor:pointer;display:flex;gap:15px;padding:15px;transition:all .2s}.buff-option:hover{background:#ffffff14;border-color:#3498db}.buff-option input[type=radio]{accent-color:#3498db;cursor:pointer;height:20px;width:20px}.buff-content{flex:1 1}.buff-name{color:#ecf0f1;font-size:1.1rem;font-weight:700;margin-bottom:5px}.buff-description{color:#a0a0a0;font-size:.9rem}.prep-ready{background:#f39c121a;border:2px solid #f39c12;border-radius:8px;margin:30px 0 20px;padding:20px;text-align:center}.prep-ready p{color:#f39c12;font-size:1.1rem;font-weight:700;margin:0}.prep-start-btn{background:linear-gradient(135deg,#27ae60,#229954);border:4px solid #1e8449;border-radius:8px;box-shadow:0 6px 0 #145a32,0 8px 20px #2a2a2a80;color:#fff;cursor:pointer;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;letter-spacing:.1em;padding:20px;text-transform:uppercase;transition:all .2s;width:100%}.prep-start-btn:hover{box-shadow:0 9px 0 #145a32,0 12px 25px #2a2a2a99;transform:translateY(-3px)}.prep-start-btn:active{box-shadow:0 3px 0 #145a32,0 5px 15px #2a2a2a66;transform:translateY(3px)}@media (max-width:700px){.prep-container{padding:30px 20px}.prep-title{font-size:2rem}.prep-start-btn{font-size:1.2rem;padding:15px}}.results-screen{align-items:center;animation:fadeIn .5s ease-in;background:#2a2a2af2;color:#f0f0f0;display:flex;font-family:Courier New,monospace;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.results-container{animation:slideDown .6s ease-out;background:#1a1a2ef2;border:4px solid #f39c12;border-radius:12px;box-shadow:0 0 40px #f39c1280;max-width:700px;padding:40px;text-align:center;width:90%}.results-header{font-size:3rem;letter-spacing:.1em;margin:0 0 30px;text-shadow:0 0 20px #f39c1299;text-transform:uppercase}.results-header.results-victory{color:#27ae60;text-shadow:0 0 20px #27ae6099}.results-header.results-failure{color:#e74c3c;text-shadow:0 0 20px #e74c3c99}.results-header.results-timeup{color:#f39c12;text-shadow:0 0 20px #f39c1299}.results-stats{background:#2a2a2a66;border:2px solid #505050;border-radius:8px;margin-bottom:30px;padding:30px}.stats-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:20px}.stat-column{display:flex;flex-direction:column;gap:15px}.stat-item{border-bottom:1px solid #ffffff1a;padding:12px 0}.stat-item:last-child{border-bottom:none}.stat-item.stat-warning{background:#ff44441a;border:2px solid #f44;border-radius:6px;margin-top:10px;padding:12px 20px}.stat-label{color:#a0a0a0;text-align:left}.stat-value{font-size:1.3rem}.stat-value.stat-good{color:#27ae60}.stat-value.stat-bad{color:#e74c3c}.stat-value.stat-neutral{color:#3498db}.results-continue-btn{background:linear-gradient(135deg,#f39c12,#e67e22);border:4px solid #d68910;border-radius:8px;box-shadow:0 6px 0 #b9770e,0 8px 20px #2a2a2a80;color:#fff;cursor:pointer;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;letter-spacing:.1em;padding:20px 50px;text-transform:uppercase;transition:all .2s}.results-continue-btn:hover{box-shadow:0 9px 0 #b9770e,0 12px 25px #2a2a2a99;transform:translateY(-3px)}.results-continue-btn:active{box-shadow:0 3px 0 #b9770e,0 5px 15px #2a2a2a66;transform:translateY(3px)}.results-footer{border-top:1px solid #fff3;color:#d4d4d4;font-size:1.1rem;font-style:italic;margin-top:30px;padding-top:20px}@media (max-width:700px){.results-container{padding:30px 20px}.results-header{font-size:2rem}.stats-grid{gap:15px;grid-template-columns:1fr}.stat-value{font-size:1.1rem}.results-continue-btn{font-size:1.2rem;padding:15px 40px}}.tv-display{align-items:center;background:#2a2a2a;color:#f0f0f0;display:flex;flex-direction:column;font-family:Courier New,monospace;height:100vh;justify-content:center;overflow:hidden;width:100vw}.game-canvas{border:4px solid #505050;box-shadow:0 0 40px #2a2a2acc;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.tv-lobby{max-width:800px;padding:40px;text-align:center}.game-title{animation:pulse 3s ease-in-out infinite;color:#f39c12;font-size:5rem;letter-spacing:.1em;margin:0 0 10px;text-shadow:0 0 20px #f39c1280,0 4px 0 #a0a0a0}.game-subtitle{color:#d4d4d4;font-size:1.5rem;letter-spacing:.15em;margin:0 0 60px}.connection-status{margin-bottom:40px}.status-indicator{align-items:center;background:#2a2a2a80;border:2px solid #505050;border-radius:8px;display:inline-flex;font-size:1rem;font-weight:700;gap:10px;padding:12px 24px;text-transform:uppercase}.status-dot{animation:statusPulse 2s infinite;border-radius:50%;height:12px;width:12px}.status-connected .status-dot{background:#27ae60;box-shadow:0 0 10px #27ae60}.status-connecting .status-dot{background:#f39c12;box-shadow:0 0 10px #f39c12}.status-disconnected .status-dot,.status-error .status-dot{animation:none;background:#e74c3c;box-shadow:0 0 10px #e74c3c}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.room-code-display{background:linear-gradient(135deg,#f39c1233,#e67e2233);border:4px solid #f39c12;border-radius:12px;box-shadow:0 0 30px #f39c124d;margin:40px 0;padding:30px}.room-code-label{color:#a0a0a0;font-size:1.2rem;letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase}.room-code{color:#f39c12;font-size:4rem;font-weight:700;letter-spacing:.2em;margin:10px 0;text-shadow:0 0 20px #f39c1280}.room-code-help{color:#d4d4d4;font-size:1rem;margin-top:10px}.player-status{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin:40px 0}.player-box{background:#2a2a2a80;border:3px solid #505050;border-radius:12px;padding:30px 20px;transition:all .3s}.player-box.connected{background:linear-gradient(135deg,#27ae6033,#2ecc7133);border-color:#27ae60;box-shadow:0 0 20px #27ae604d}.player-box.waiting{border-color:#505050;opacity:.6}.player-label{color:#a0a0a0;font-size:.9rem;letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase}.player-name{color:#f0f0f0;font-size:2rem;font-weight:700;margin:10px 0;min-height:40px}.player-box.waiting .player-name{color:#7f8c8d;font-style:italic}.player-character{color:#d4d4d4;font-size:1.1rem;margin-top:10px}.player-box:first-child .player-name{color:#3498db}.player-box:nth-child(2) .player-name{color:#f39c12}.instructions{background:#2a2a2a80;border:2px solid #505050;border-radius:8px;margin:30px 0;padding:30px;text-align:left}.instructions h3{color:#f39c12;font-size:1.5rem;margin-top:0;text-align:center}.instructions ol{counter-reset:step-counter;list-style:none;padding:0}.instructions li{color:#d4d4d4;counter-increment:step-counter;font-size:1.1rem;line-height:1.6;padding:15px 0 15px 50px;position:relative}.instructions li:before{align-items:center;background:#f39c12;border-radius:50%;color:#1a1a2e;content:counter(step-counter);display:flex;font-size:1.2rem;font-weight:700;height:35px;justify-content:center;left:0;position:absolute;top:10px;width:35px}.instructions code{background:#f39c1233;border:1px solid #f39c12;border-radius:4px;color:#f39c12;font-family:Courier New,monospace;font-size:1rem;padding:2px 8px}.instructions strong{color:#f39c12;font-weight:700}.start-button{background:linear-gradient(135deg,#27ae60,#229954);border:4px solid #1e8449;border-radius:12px;box-shadow:0 6px 0 #145a32,0 8px 20px #2a2a2a80;color:#fff;cursor:pointer;font-family:Courier New,monospace;font-size:2rem;font-weight:700;letter-spacing:.1em;margin-top:30px;padding:20px 60px;transition:all .2s}.start-button:hover:not(:disabled){box-shadow:0 9px 0 #145a32,0 12px 25px #2a2a2a99;transform:translateY(-3px)}.start-button:active:not(:disabled){box-shadow:0 3px 0 #145a32,0 5px 15px #2a2a2a66;transform:translateY(3px)}.start-button:disabled{background:linear-gradient(135deg,#7f8c8d,#95a5a6);border-color:#5d6d7e;box-shadow:0 6px 0 #4a5568,0 8px 20px #2a2a2a4d;cursor:not-allowed;opacity:.7}.tv-info{background:#2a2a2acc;border:2px solid #505050;border-radius:8px;bottom:20px;color:#d4d4d4;display:flex;flex-direction:column;font-size:.9rem;gap:8px;padding:12px 20px;position:absolute;right:20px}.room-code-small{color:#f39c12;font-weight:700}.players-small{color:#a0a0a0;font-size:.85rem}@media (max-width:900px){.tv-lobby{padding:20px}.game-title{font-size:3.5rem}.room-code{font-size:3rem}.player-status{gap:20px;grid-template-columns:1fr}.start-button{font-size:1.5rem;padding:15px 40px}}@media (max-height:700px){.game-title{font-size:3rem;margin-bottom:5px}.game-subtitle{margin-bottom:20px}.room-code-display{margin:20px 0;padding:20px}.player-status{margin:20px 0}.instructions{margin:20px 0;padding:20px}.instructions li{font-size:1rem;padding:10px 0}}.tv-display.fullscreen{height:100vh;width:100vw}.tv-display.fullscreen .game-canvas{height:auto;max-height:100vh;max-width:100vw;width:auto}.jobs-overlay{background:#2a2a2ad9;border:3px solid #3498db;border-radius:8px;box-shadow:0 4px 20px #3498db66;font-family:Courier New,monospace;left:20px;max-width:350px;min-width:280px;padding:15px;position:absolute;top:20px}.jobs-header{border-bottom:2px solid #3498db;color:#3498db;font-size:1.2rem;font-weight:700;letter-spacing:.1em;margin-bottom:12px;padding-bottom:8px;text-transform:uppercase}.active-job{background:#3498db33;border:2px solid #3498db;border-radius:6px;margin-bottom:12px;padding:12px}.job-title{color:#fff;font-size:1rem;font-weight:700;margin-bottom:6px}.job-step{color:#ecf0f1;font-size:.9rem;margin-bottom:6px}.job-timer{color:#f39c12;font-size:1.1rem;font-weight:700;text-align:right}.job-queue{border-top:1px solid #505050;padding-top:10px}.queue-header{color:#a0a0a0;font-size:.9rem;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.queued-job{color:#d4d4d4;font-size:.85rem;padding:4px 0}.ted-interruption-overlay{animation:tedPulse .5s ease-out;background:#e74c3cf2;border:4px solid #c0392b;border-radius:12px;box-shadow:0 0 40px #e74c3c99,0 8px 30px #2a2a2acc;left:50%;max-width:600px;min-width:400px;padding:30px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}@keyframes tedPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ted-header{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:.15em;margin-bottom:15px;text-shadow:0 2px 4px #2a2a2a80;text-transform:uppercase}.ted-message{background:#2a2a2a4d;border-radius:6px;color:#fff;font-size:1.2rem;font-style:italic;line-height:1.6;margin-bottom:20px;padding:15px}.ted-timer{color:#f39c12;font-size:1.4rem;font-weight:700;text-shadow:0 2px 4px #2a2a2a80}.ending-screen{align-items:center;animation:fadeIn 1s ease-in;background:#2a2a2af2;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ending-content{max-height:90vh;max-width:700px;overflow-y:auto;padding:40px;text-align:center}.ending-title{animation:slideDown .8s ease-out;color:#f39c12;font-size:3rem;margin:0 0 20px;text-shadow:0 0 20px #f39c1280}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.ending-type{color:#ecf0f1;font-size:1.5rem;letter-spacing:.1em;margin-bottom:30px;text-transform:uppercase}.ending-epilogue{animation:fadeIn 1.5s ease-in;margin:30px 0;text-align:left}.epilogue-line{color:#d4d4d4;font-size:1.1rem;line-height:1.8;margin:15px 0}.epilogue-line hr{border:none;border-top:2px solid #505050;margin:25px 0}.ending-stats{display:flex;gap:15px;justify-content:center;margin-top:40px}.stat-badge{border-radius:8px;font-size:1rem;font-weight:700;letter-spacing:.05em;padding:12px 24px;text-transform:uppercase}.stat-badge.good{background:linear-gradient(135deg,#27ae60,#229954);border:2px solid #1e8449;box-shadow:0 0 20px #27ae6080;color:#fff}.stat-badge.dark{background:linear-gradient(135deg,#8e44ad,#7d3c98);border:2px solid #6c3483;box-shadow:0 0 20px #8e44ad80;color:#fff}.tutorial-sidebar{animation:slideInFromRight .4s ease-out;background:#2a2a2a;border:3px solid #d4af37;border-radius:12px;box-shadow:0 8px 40px #d4af374d;color:#e0e0e0;display:flex;flex-direction:column;font-family:Courier New,SF Mono,Consolas,Monaco,monospace;max-height:calc(100vh - 40px);position:fixed;right:20px;top:20px;width:380px;z-index:900}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.tutorial-header{align-items:center;background:#d4af370d;border-bottom:2px solid #333;display:flex;justify-content:space-between;padding:1rem 1.25rem}.tutorial-title{align-items:center;color:#d4af37;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;letter-spacing:.5px;text-transform:uppercase}.tutorial-icon{font-size:1.3rem}.minimize-btn{align-items:center;background:#0000;border:2px solid #666;border-radius:6px;color:#b0b0b0;cursor:pointer;display:flex;font-family:Courier New,monospace;font-size:.875rem;font-weight:700;gap:.5rem;padding:.5rem .75rem;transition:all .3s}.minimize-icon{font-size:1.5rem;line-height:1}.minimize-label{line-height:1}.minimize-btn:hover{background:#d4af371a;border-color:#d4af37;color:#d4af37}.tutorial-progress{border-bottom:2px solid #333;padding:1rem 1.25rem}.progress-bar{background:#333;border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#d4af37,gold);box-shadow:0 0 10px #d4af3780;height:100%;transition:width .4s ease-out}.progress-text{color:#b0b0b0;font-size:.875rem;text-align:center}.tutorial-content{flex:1 1;overflow-y:auto;padding:1.5rem 1.25rem}.step-title{color:#d4af37;font-size:1.2rem;font-weight:700;margin:0 0 1rem}.step-description{color:#e0e0e0;font-size:1rem;line-height:1.6;margin:0 0 1rem}.step-bullets{list-style:none;margin:1rem 0 0;padding:0}.step-bullets li{color:#e0e0e0;line-height:1.5;padding:.5rem 0 .5rem 1.5rem;position:relative}.step-bullets li:before{color:#4caf50;content:"✓";font-weight:700;left:0;position:absolute}.tutorial-actions{border-top:2px solid #333;flex-direction:column;padding:1rem 1.25rem}.nav-buttons,.tutorial-actions{display:flex;gap:.75rem}.tutorial-btn{background:#0000;border:2px solid #d4af37;border-radius:6px;color:#d4af37;cursor:pointer;flex:1 1;font-family:Courier New,monospace;font-size:.95rem;font-weight:700;padding:.75rem 1.25rem;transition:all .3s}.tutorial-btn:hover:not(:disabled){background:#d4af371a;box-shadow:0 0 15px #d4af374d;transform:translateY(-2px)}.tutorial-btn.primary{background:#d4af37;color:#2a2a2a}.tutorial-btn.primary:hover{background:gold;box-shadow:0 0 20px #d4af3780}.tutorial-btn.secondary{border-color:#666;color:#b0b0b0;font-size:.875rem}.tutorial-btn.secondary:hover{border-color:#d4af37;color:#d4af37}.tutorial-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.4;transform:none!important}.tutorial-minimized{align-items:center;animation:pulse 2s ease-in-out infinite;background:#d4af37;border:3px solid #d4af37;border-radius:50%;bottom:20px;box-shadow:0 4px 20px #d4af3780;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;height:90px;justify-content:center;padding:.5rem;position:fixed;right:20px;transition:all .3s;width:90px;z-index:900}@keyframes pulse{0%,to{box-shadow:0 4px 20px #d4af3780}50%{box-shadow:0 4px 30px #d4af37cc}}.tutorial-minimized:hover{box-shadow:0 6px 30px #d4af37b3;transform:scale(1.1)}.minimized-icon{color:#2a2a2a;font-size:2rem;font-weight:700;line-height:1}.minimized-text{color:#2a2a2a;font-family:Courier New,monospace;font-size:.75rem;font-weight:700;line-height:1.2;text-align:center}@media (max-width:1024px){.tutorial-sidebar{right:15px;top:15px;width:340px}}@media (max-width:768px){.tutorial-sidebar{max-height:calc(100vh - 30px);max-width:400px;right:15px;top:15px;width:calc(100vw - 30px)}.tutorial-header{padding:.875rem 1rem}.tutorial-title{font-size:1rem}.tutorial-progress{padding:.875rem 1rem}.tutorial-content{padding:1.25rem 1rem}.step-title{font-size:1.1rem}.step-description{font-size:.95rem}.tutorial-actions{padding:.875rem 1rem}.nav-buttons{flex-direction:column}.tutorial-btn{font-size:.9rem;padding:.675rem 1rem}}@media (max-width:480px){.tutorial-sidebar{max-height:calc(100vh - 20px);right:10px;top:10px;width:calc(100vw - 20px)}.tutorial-minimized{bottom:15px;height:75px;right:15px;width:75px}.minimized-icon{font-size:1.75rem}.minimized-text{font-size:.7rem}}.demo-roaster{color:#e0e0e0;font-family:Courier New,SF Mono,Consolas,Monaco,monospace;min-height:100vh}.demo-roaster,.demo-sidebar{background:#2a2a2a;display:flex}.demo-sidebar{border-right:2px solid #d4a574;flex-direction:column;height:100vh;overflow-y:auto;padding:2rem 0;position:-webkit-sticky;position:sticky;top:0;width:250px}.sidebar-header{border-bottom:1px solid #d4a574;margin-bottom:2rem;padding:0 1.5rem 2rem}.business-name{color:#d4af37;font-size:1rem;font-weight:400;letter-spacing:1px;margin:0 0 .5rem;text-shadow:0 0 10px #d4af3780;word-break:break-word}.demo-badge{color:#b0b0b0;font-size:.75rem;letter-spacing:2px;margin:0;text-transform:uppercase}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:0 1rem}.nav-item{background:none;border:none;border-left:3px solid #0000;color:#d4a574;cursor:pointer;display:block;font-family:Courier New,monospace;font-size:1rem;padding:1rem 1.5rem;position:relative;text-align:left;text-decoration:none;transition:all .3s;width:100%}.nav-item:hover{background:#d4a5740d;border-left-color:#d4a574}.nav-item.active,.nav-item:hover{color:#d4af37;padding-left:1.8rem}.nav-item.active{background:#d4af371a;border-left-color:#d4af37;box-shadow:inset 0 0 20px #d4af3733;text-shadow:0 0 10px #d4af3780}.nav-item.active:before{animation:arrowPulse 2s infinite;color:#d4af37;content:"▸";left:.5rem;position:absolute}@keyframes arrowPulse{0%,to{opacity:.5;transform:translateX(0)}50%{opacity:1;transform:translateX(3px)}}.exit-demo-btn{background:#1a1a1a;border:2px solid #666;border-radius:6px;color:#b0b0b0;cursor:pointer;font-family:Courier New,monospace;font-size:.9rem;margin:1rem 1.5rem 0;padding:.75rem 1.5rem;transition:all .2s}.exit-demo-btn:hover{border-color:#d4af37;box-shadow:0 0 10px #d4af374d;color:#d4af37}.demo-content{flex:1 1;max-width:1400px;overflow-y:auto;padding:2rem}.page-title{color:#d4af37;font-size:2rem;letter-spacing:1.5px;margin-bottom:2rem;text-shadow:0 0 20px #d4af3766}.section-card{background:#2a2a2a;border:2px solid #333;border-radius:8px;margin-bottom:2rem;padding:2rem;transition:all .3s}.section-card:hover{border-color:#d4af37;box-shadow:0 4px 20px #d4af3733}.section-title{color:#d4af37;font-size:1.8rem;font-weight:700;letter-spacing:1.5px;margin-bottom:1rem;text-shadow:0 0 20px #d4af3766}.section-description{color:#b0b0b0;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.analytics-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.analytics-card{background:#2a2a2a;border:2px solid #333;border-radius:8px;padding:1.5rem;text-align:center;transition:all .3s}.analytics-card:hover{border-color:#d4af37;box-shadow:0 4px 20px #d4af3733;transform:translateY(-4px)}.card-label{color:#b0b0b0;font-size:.9rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.card-value{color:#d4af37;font-size:2.5rem;font-weight:700}.portal-features{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.feature-item{background:#2a2a2a;border:1px solid #333;border-radius:6px;color:#e0e0e0;padding:1rem;transition:all .2s}.feature-item:hover{background:#d4af370d;border-color:#d4af37}.stripe-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:1.5rem}.stat-item{align-items:center;background:#2a2a2a;border:1px solid #333;border-radius:6px;display:flex;justify-content:space-between;padding:1rem}.stat-label{color:#b0b0b0;font-size:1rem}.stat-value{color:#d4af37;font-size:1.5rem;font-weight:700}.products-list{grid-gap:1.5rem;display:grid;gap:1.5rem}.product-card{background:#2a2a2a;border:2px solid #333;border-radius:8px;padding:1.5rem;transition:all .3s}.product-card:hover{border-color:#d4af37;box-shadow:0 4px 15px #d4af3733}.product-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.product-name{color:#d4af37;font-size:1.3rem}.product-roast{background:#d4af371a;border:1px solid #d4af37;border-radius:4px;color:#d4af37;font-size:.85rem;padding:.25rem .75rem}.product-description{color:#b0b0b0;line-height:1.6;margin-bottom:1rem}.product-details{flex-direction:column}.detail-row,.product-details{display:flex;gap:.5rem}.detail-label{color:#d4af37;font-weight:700;min-width:120px}.detail-value{color:#e0e0e0}.config-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.option-item{background:#2a2a2a;border:1px solid #333;border-radius:6px;color:#e0e0e0;padding:1rem}.export-btn{background:#d4af37;border:none;border-radius:6px;color:#2a2a2a;cursor:pointer;font-family:Courier New,monospace;font-size:1rem;font-weight:700;margin-bottom:2rem;padding:1rem 2rem;transition:all .3s}.export-btn:hover{background:gold;box-shadow:0 4px 20px #d4af3766;transform:translateY(-2px)}.orders-by-date{display:flex;flex-direction:column;gap:2rem}.date-group{background:#2a2a2a;border:2px solid #333;border-radius:8px;padding:1.5rem}.date-header{border-bottom:1px solid #333;color:#d4af37;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.75rem}.orders-list{grid-gap:1rem;display:grid;gap:1rem}.order-card{background:#2a2a2a;border:1px solid #333;border-radius:6px;padding:1rem;transition:all .2s}.order-card:hover{background:#d4af370d;border-color:#d4af37}.order-row{display:flex;gap:.75rem;margin-bottom:.5rem}.order-row:last-child{margin-bottom:0}.order-label{color:#d4af37;font-weight:700;min-width:80px}.order-value{color:#e0e0e0}.card-subtext{color:#888;font-size:.85rem;margin-top:.25rem}.recent-orders{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.order-row-compact{grid-gap:1rem;align-items:center;background:#2a2a2a;border:1px solid #333;border-radius:4px;display:grid;gap:1rem;grid-template-columns:100px 1fr 1.5fr 150px;padding:.75rem;transition:all .2s}.order-row-compact:hover{background:#d4af370d;border-color:#d4af37}.order-date{color:#d4af37;font-weight:700}.order-customer{color:#e0e0e0}.order-product{color:#b0b0b0}.order-grind{color:#888;font-size:.9rem}.plans-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.plan-card{background:#2a2a2a;border:2px solid #333;border-radius:8px;padding:1.5rem;transition:all .3s}.plan-card:hover{border-color:#d4af37;box-shadow:0 4px 15px #d4af3733}.plan-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.plan-name{font-size:1.2rem}.plan-price{color:#d4af37;font-size:1.5rem;font-weight:700}.plan-details{display:flex;flex-direction:column;gap:.5rem}.subscriptions-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.subscription-card{background:#2a2a2a;border:2px solid #333;border-radius:8px;padding:1.5rem;transition:all .3s}.subscription-card:hover{border-color:#d4af37;box-shadow:0 4px 15px #d4af3733}.subscription-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.subscription-customer{color:#d4af37;font-size:1.2rem;margin:0}.subscription-details{display:flex;flex-direction:column;gap:.5rem}.status-badge{border-radius:4px;font-size:.85rem;font-weight:700;padding:.25rem .75rem;text-transform:uppercase}.status-badge.active{background:#2ed57333;border:1px solid #2ed573;color:#2ed573}.status-badge.paused{background:#ff9f4033;border:1px solid #ff9f40;color:#ff9f40}.status-badge.inactive{background:#9993;border:1px solid #999;color:#999}.status-connected{color:#2ed573!important}.inventory-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.inventory-card{background:#2a2a2a;border:2px solid #333;border-radius:8px;padding:1.5rem;transition:all .3s}.inventory-card:hover{border-color:#d4af37;box-shadow:0 4px 15px #d4af3733}.inventory-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.stock-level{border-radius:4px;font-weight:700;padding:.5rem 1rem}.stock-level.good{background:#2ed57333;color:#2ed573}.stock-level.medium{background:#ff9f4033;color:#ff9f40}.stock-level.low{background:#ff475733;color:#ff4757}.low-stock{color:#ff4757!important}.inventory-details{display:flex;flex-direction:column;gap:.5rem}.production-summary{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.production-item{background:#2a2a2a;border:2px solid #333;border-radius:8px;padding:1.5rem;transition:all .3s}.production-item:hover{background:#d4af370d;border-color:#d4af37}.production-product{color:#d4af37;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.production-quantity{color:#e0e0e0;font-size:1rem;margin-bottom:.25rem}.production-stock{color:#b0b0b0;font-size:.9rem}.analytics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.analytics-card.large{background:#2a2a2a;border:2px solid #333;border-radius:8px;padding:1.5rem;transition:all .3s}.analytics-card.large:hover{border-color:#d4af37;box-shadow:0 4px 15px #d4af3733}.card-title{border-bottom:1px solid #333;color:#d4af37;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.75rem}.metric-row{align-items:center;border-bottom:1px solid #33333380;display:flex;justify-content:space-between;padding:.75rem 0}.metric-row:last-child{border-bottom:none}.metric-label{color:#b0b0b0;font-size:.95rem}.metric-value{color:#d4af37;font-size:1.1rem;font-weight:700}.wholesale-placeholder{padding:3rem;text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.placeholder-text{color:#b0b0b0;font-size:1rem;line-height:1.6}.settings-sections{gap:2rem}.settings-form,.settings-sections{display:flex;flex-direction:column}.settings-form{gap:1rem;margin-top:1rem}.form-row{align-items:center;border-bottom:1px solid #33333380;grid-template-columns:200px 1fr;padding:.75rem 0}.form-row:last-child{border-bottom:none}.form-row label{color:#d4af37;font-weight:700}.form-value{color:#e0e0e0}@media (max-width:1024px){.demo-roaster{flex-direction:column}.demo-sidebar{border-bottom:2px solid #d4a574;border-right:none;height:auto;position:relative;width:100%}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:1rem}.nav-item{white-space:nowrap}.order-row-compact{gap:.5rem}.analytics-grid,.form-row,.inventory-list,.order-row-compact,.plans-list,.subscriptions-list{grid-template-columns:1fr}}@media (max-width:768px){.demo-content{padding:1rem}.page-title{font-size:1.5rem}.analytics-cards,.config-options,.portal-features,.stripe-stats{grid-template-columns:1fr}.section-card{padding:1.5rem}}.demo-cta-page{background:#2a2a2a;color:#e0e0e0;font-family:Courier New,SF Mono,Consolas,Monaco,monospace;min-height:100vh;padding:3rem 1rem}.cta-container{margin:0 auto;max-width:1100px}.cta-header{margin-bottom:2rem;text-align:center}.cta-headline{color:#d4af37;font-size:2.5rem;font-weight:700;line-height:1.3;margin-bottom:1rem;text-shadow:0 0 20px #d4af374d}.cta-subheadline{color:#b0b0b0;font-size:1.1rem;font-weight:300;margin:1rem 0 0}.annual-message{background:#d4af371a;border:2px solid #d4af37;border-radius:8px;color:#d4af37;font-size:1.2rem;margin-bottom:2rem;max-width:600px;padding:1rem;text-align:center}.annual-message,.billing-toggle{margin-left:auto;margin-right:auto}.billing-toggle{background:#2a2a2a;border:2px solid #333;border-radius:8px;display:flex;gap:2rem;justify-content:center;margin-bottom:3rem;max-width:500px;padding:1.5rem}.toggle-option{align-items:center;cursor:pointer;display:flex;font-size:1.1rem}.toggle-option input[type=radio]{accent-color:#d4af37;cursor:pointer;height:20px;margin-right:.75rem;width:20px}.toggle-option span{color:#e0e0e0;font-weight:700}.savings-badge{background:linear-gradient(135deg,#d4af37,gold);border-radius:12px;color:#2a2a2a;display:inline-block;font-size:.75rem;font-weight:700;margin-left:.5rem;padding:.25rem .5rem}.pricing-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:3rem}.pricing-card{background:#2a2a2a;border:3px solid #333;border-radius:12px;padding:2rem;position:relative;transition:all .3s}.pricing-card:hover{border-color:#d4af37;box-shadow:0 8px 40px #d4af374d;transform:translateY(-4px)}.pricing-card.popular{border-color:#d4af37;box-shadow:0 8px 40px #d4af3733}.popular-badge{background:linear-gradient(135deg,#d4af37,gold);border-radius:20px;color:#2a2a2a;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;position:absolute;right:20px;text-transform:uppercase;top:-12px}.card-header{border-bottom:2px solid #333;margin-bottom:1.5rem;padding-bottom:1rem}.plan-name{color:#d4af37;font-size:1.8rem;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.plan-pricing{margin-bottom:2rem;text-align:center}.price-main{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.price-effective{color:#b0b0b0;font-size:1rem;margin-bottom:.5rem}.price-fee{color:#d4af37;font-size:1.1rem;margin-bottom:.5rem}.savings-highlight{background:#4caf5026;border:2px solid #4caf50;border-radius:6px;color:#4caf50;font-size:1.1rem;font-weight:700;margin-top:1rem;padding:.75rem}.plan-features{margin-bottom:2rem}.feature-item{align-items:flex-start;display:flex;font-size:1.05rem;gap:.75rem;margin-bottom:.875rem}.feature-check{color:#4caf50;flex-shrink:0;font-size:1.2rem;font-weight:700}.feature-text{color:#e0e0e0;line-height:1.5}.cta-action-button{background:#1a1a1a;border:3px solid #d4af37;border-radius:8px;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-bottom:.75rem;padding:1.25rem;text-transform:uppercase;transition:all .3s;width:100%}.cta-action-button:hover{background:#d4af371a;box-shadow:0 4px 20px #d4af3766;transform:translateY(-2px)}.cta-action-button.primary{background:#d4af37;color:#2a2a2a}.cta-action-button.primary:hover{background:gold;box-shadow:0 4px 25px #d4af3780}.cta-subtext{color:#b0b0b0;font-size:.95rem;text-align:center}.cta-footer{border-top:2px solid #333;padding:2rem 0;text-align:center}.footer-contact{color:#b0b0b0;font-size:1.1rem;margin-bottom:1.5rem}.footer-contact a{color:#d4af37;font-weight:700;text-decoration:none}.footer-contact a:hover{text-decoration:underline}.back-link{background:#1a1a1a;border:2px solid #d4af37;border-radius:6px;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;font-size:1rem;font-weight:700;padding:.875rem 1.5rem;transition:all .3s}.back-link:hover{background:#d4af371a;box-shadow:0 4px 15px #d4af374d}@media (max-width:900px){.pricing-cards{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:500px}.pricing-card:hover{transform:translateY(-2px)}}@media (max-width:768px){.demo-cta-page{padding:2rem 1rem}.cta-headline{font-size:2rem}.annual-message{font-size:1.05rem}.billing-toggle{flex-direction:column;gap:1rem;padding:1.25rem}.toggle-option{justify-content:center}.price-main{font-size:2rem}.plan-name{font-size:1.5rem}.cta-action-button{font-size:1.1rem;padding:1.125rem}}@media (max-width:640px){.cta-headline{font-size:1.6rem}.pricing-card{padding:1.5rem}.price-main{font-size:1.8rem}.annual-message,.feature-item{font-size:.95rem}.annual-message{padding:.875rem}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#2a2a2ad9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#2a2a2a;border:3px solid #d4af37;border-radius:12px;box-shadow:0 20px 60px #d4af3766;max-height:90vh;max-width:500px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}.modal-close{background:#0000;border:none;color:#d4af37;cursor:pointer;font-size:2rem;line-height:1;padding:.25rem .5rem;position:absolute;right:1rem;top:1rem;transition:all .3s}.modal-close:hover{color:gold;transform:rotate(90deg)}.modal-title{color:#d4af37;font-size:1.8rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.modal-subtitle{border-bottom:2px solid #333;color:#b0b0b0;font-size:1rem;margin-bottom:2rem;padding-bottom:1rem}.signup-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group label{color:#d4af37;font-size:1rem;font-weight:700;margin-bottom:.5rem}.form-group input{background:#2a2a2a;border:2px solid #333;border-radius:6px;color:#e0e0e0;font-family:Courier New,monospace;font-size:1rem;padding:.875rem;transition:all .3s}.form-group input:focus{border-color:#d4af37;box-shadow:0 0 15px #d4af374d;outline:none}.slug-input-wrapper{align-items:center;display:flex;position:relative}.slug-input-wrapper input{flex:1 1;padding-right:200px}.slug-suffix{color:#b0b0b0;font-size:.95rem;pointer-events:none;position:absolute;right:1rem}.form-hint{margin-bottom:0;margin-top:.25rem}.checking,.form-hint{color:#b0b0b0;font-size:.875rem}.checking{font-weight:400;margin-left:.5rem}.available{color:#4caf50}.available,.unavailable{font-size:.875rem;font-weight:700;margin-left:.5rem}.unavailable{color:#ff5252}.error-message{background:#ff525226;border:2px solid #ff5252;border-radius:6px;color:#ff5252;font-size:.95rem;padding:1rem;text-align:center}.submit-button{background:#d4af37;border:3px solid #d4af37;border-radius:8px;color:#2a2a2a;cursor:pointer;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-top:.5rem;padding:1.25rem;text-transform:uppercase;transition:all .3s}.submit-button:hover:not(:disabled){background:gold;box-shadow:0 4px 25px #d4af3780;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.modal-content{padding:1.5rem}.modal-title{font-size:1.4rem}.form-row{grid-template-columns:1fr}.slug-input-wrapper input{padding-right:10px}.slug-suffix{display:block;margin-top:.5rem;position:static}.slug-input-wrapper{align-items:stretch;flex-direction:column}}*{box-sizing:border-box}.living-room-wines{background:#fff;color:#2a2a2a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh}.lrw-container{margin:0 auto;max-width:1200px;padding:0 40px}.lrw-container-narrow{margin:0 auto;max-width:900px;padding:0 40px}.lrw-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:#fffffff2;border-bottom:1px solid #e5e5e5;padding:24px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.lrw-header .lrw-container{align-items:center;display:flex;justify-content:space-between}.lrw-logo h1{color:#2a2a2a;font-family:Georgia,Times New Roman,serif;font-size:1.4rem;font-weight:600;letter-spacing:2px;margin:0}.lrw-nav{display:flex;gap:32px}.lrw-nav a{color:#2a2a2a;font-size:.95rem;font-weight:400;letter-spacing:.5px;text-decoration:none;transition:color .3s}.lrw-nav a:hover{color:#666}.lrw-hero{align-items:center;background-color:#2a2a2a;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:500px;justify-content:center;position:relative;text-align:center}.lrw-hero-overlay{background:#2a2a2a66;bottom:0;left:0;position:absolute;right:0;top:0}.lrw-hero-content{color:#fff;max-width:800px;padding:0 40px;position:relative;z-index:10}.lrw-hero-content h2{font-family:Georgia,Times New Roman,serif;font-size:3.5rem;font-weight:300;letter-spacing:-1px;line-height:1.2;margin:0 0 20px}.lrw-hero-content p{font-size:1.3rem;font-weight:300;letter-spacing:.5px;margin:0}.lrw-intro{background:#fafafa;padding:80px 0;text-align:center}.lrw-intro h2{color:#2a2a2a;font-family:Georgia,Times New Roman,serif;font-size:2.5rem;font-weight:300;margin:0 0 24px}.intro-text{color:#4a4a4a;font-size:1.15rem;font-weight:300;line-height:1.8;margin:0 auto;max-width:700px}.lrw-tiers{padding:100px 0}.section-title{color:#2a2a2a;font-family:Georgia,Times New Roman,serif;font-size:2.5rem;font-weight:300;margin:0 0 60px;text-align:center}.tiers-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:60px}.tier-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:48px 36px;position:relative;transition:transform .3s,box-shadow .3s,border-color .3s}.tier-card:hover{box-shadow:0 12px 24px #2a2a2a14;transform:translateY(-4px)}.tier-card.featured{border-color:#2a2a2a;border-width:2px}.tier-card.selected{border-color:#2a2a2a;box-shadow:0 12px 24px #2a2a2a1f;transform:translateY(-4px)}.tier-badge{background:#2a2a2a;border-radius:16px;color:#fff;font-size:.75rem;font-weight:500;left:50%;letter-spacing:1.5px;padding:6px 20px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%)}.tier-header{border-bottom:1px solid #f0f0f0;margin-bottom:36px;padding-bottom:24px;text-align:center}.tier-header h3{color:#2a2a2a;font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:400;margin:0 0 20px}.tier-price{align-items:baseline;display:flex;gap:4px;justify-content:center}.price-amount{color:#2a2a2a;font-family:Georgia,Times New Roman,serif;font-size:3rem;font-weight:300}.tier-period{color:#999;font-size:1rem;font-weight:300}.tier-features{list-style:none;margin:0 0 32px;padding:0}.tier-features li{border-bottom:1px solid #f5f5f5;color:#4a4a4a;font-size:.95rem;font-weight:300;padding:14px 0}.tier-features li:last-child{border-bottom:none}.tier-options{background:#fafafa;border-radius:6px;margin-bottom:24px;padding:20px}.tier-options label{color:#2a2a2a;display:block;font-size:.9rem;font-weight:500;margin-bottom:12px}.tier-select{background:#fff;border:1px solid #e5e5e5;border-radius:4px;color:#2a2a2a;cursor:pointer;font-family:inherit;font-size:.95rem;padding:12px;width:100%}.tier-select:focus{border-color:#2a2a2a;outline:none}.tier-note{color:#666;font-size:.9rem;font-weight:300;margin:0;text-align:center}.tier-button{background:#1a1a1a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;letter-spacing:.5px;padding:16px;transition:background .3s,transform .2s;width:100%}.tier-button:hover{background:#2a2a2a;transform:scale(1.01)}.tier-button.selected{background:#2a2a2a}.frequency-selector{margin-bottom:60px;text-align:center}.frequency-selector label{color:#2a2a2a;display:block;font-size:1.1rem;font-weight:400;margin-bottom:24px}.frequency-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.frequency-button{background:#fff;border:1px solid #e5e5e5;border-radius:4px;color:#2a2a2a;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:400;padding:12px 28px;transition:all .3s}.frequency-button:hover{background:#fafafa;border-color:#2a2a2a}.frequency-button.active{background:#2a2a2a;border-color:#2a2a2a;color:#fff}.checkout-cta{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;padding:48px;text-align:center}.checkout-button{background:#1a1a1a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:1.1rem;font-weight:500;letter-spacing:.5px;margin-bottom:16px;padding:18px 48px;transition:transform .3s,box-shadow .3s}.checkout-button:hover{box-shadow:0 8px 16px #2a2a2a1f;transform:scale(1.02)}.checkout-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.checkout-button:disabled:hover{box-shadow:0 4px 8px #2a2a2a14;transform:none}.checkout-error{background:#fee;border-radius:4px;color:#c41e3a;font-size:.95rem;margin-bottom:16px;padding:12px 16px}.checkout-note{color:#666;font-size:.95rem;font-style:italic;font-weight:300;margin:0}.lrw-about{background:#fafafa;padding:100px 0}.lrw-about h2{color:#2a2a2a;font-family:Georgia,Times New Roman,serif;font-size:2.5rem;font-weight:300;margin:0 0 60px;text-align:center}.about-grid{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-bottom:40px}.about-text p{color:#4a4a4a;font-size:1.05rem;font-weight:300;line-height:1.9;margin:0 0 24px}.about-text p:last-child{margin-bottom:0}.about-image img{border-radius:8px;box-shadow:0 8px 24px #2a2a2a1a;height:auto;width:100%}.about-combo{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:32px;text-align:center}.about-combo p{color:#1a1a1a;font-size:1.05rem;font-weight:300;margin:0}.about-combo strong{color:#000;font-weight:500}.lrw-footer{background:#2a2a2a;color:#fff;padding:80px 0 32px}.footer-content{grid-gap:48px;display:grid;gap:48px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:48px}.footer-section h4{color:#fff;font-size:1.1rem;font-weight:500;letter-spacing:.5px;margin:0 0 20px}.footer-section p{color:#ffffffb3;font-size:.95rem;font-weight:300;margin:8px 0}.footer-section a{color:#ffffffb3;text-decoration:none;transition:color .3s}.footer-section a:hover{color:#fff}.footer-tech{font-style:italic}.footer-bottom,.footer-tech{color:#ffffff80;font-size:.85rem}.footer-bottom{border-top:1px solid #ffffff1a;font-weight:300;padding-top:32px;text-align:center}@media (max-width:768px){.lrw-container,.lrw-container-narrow{padding:0 24px}.lrw-header .lrw-container{flex-direction:column;gap:20px;text-align:center}.lrw-nav{flex-direction:row;gap:24px}.lrw-hero{height:400px}.lrw-hero-content h2{font-size:2.5rem}.lrw-hero-content p{font-size:1.1rem}.lrw-intro{padding:60px 0}.lrw-intro h2{font-size:2rem}.tiers-grid{grid-template-columns:1fr}.frequency-buttons{flex-direction:column;width:100%}.checkout-button,.frequency-button{width:100%}.about-grid{gap:40px;grid-template-columns:1fr}.footer-content{gap:32px;grid-template-columns:1fr;text-align:center}}.legal-page{background:#2a2a2a;color:#e0e0e0;font-family:Courier New,monospace;min-height:100vh;padding:2rem}.legal-container{background:#1a1a1a;border:2px solid #d4a574;margin:0 auto;max-width:900px;padding:3rem}.legal-page h1{color:#d4af37;font-size:2rem;letter-spacing:2px;margin:0 0 1rem;text-shadow:0 0 15px #d4af374d}.last-updated{color:#a0896b;font-size:.9rem;margin-bottom:1.5rem}.legal-notice{background:#ff9f4026;border:2px solid #ff9f40;border-radius:4px;color:#ffb366;line-height:1.6;margin:2rem 0;padding:1rem}.legal-notice strong{color:#ff9f40;display:block;margin-bottom:.5rem}.legal-section{border-bottom:1px solid #444;margin:2.5rem 0;padding:2rem 0}.legal-section:last-of-type{border-bottom:none}.legal-section h2{color:#d4af37;font-size:1.5rem;letter-spacing:1px;margin:0 0 1.5rem;text-shadow:0 0 10px #d4af3733}.legal-section h3{color:#d4a574;font-size:1.2rem;letter-spacing:.5px;margin:2rem 0 1rem}.legal-section p{color:#e0e0e0;font-size:.95rem;line-height:1.8;margin:1rem 0}.legal-section ol,.legal-section ul{color:#e0e0e0;font-size:.95rem;line-height:1.8;margin:1rem 0 1rem 2rem}.legal-section li{margin:.5rem 0}.legal-section strong{color:#d4a574}.legal-section code{background:#2a2a2a;border:1px solid #444;color:#d4af37;font-family:Courier New,monospace;font-size:.9rem;padding:.2rem .5rem}.legal-section a{color:#d4af37;text-decoration:underline;transition:all .2s}.legal-section a:hover{color:gold;text-shadow:0 0 8px #ffd70080}.legal-footer{background:#2a2a2a;border:1px solid #d4a574;color:#d4a574;font-size:.95rem;line-height:1.6;margin-top:3rem;padding:1.5rem;text-align:center}@media (max-width:768px){.legal-page{padding:1rem}.legal-container{padding:1.5rem}.legal-page h1{font-size:1.5rem}.legal-section h2{font-size:1.3rem}.legal-section h3{font-size:1.1rem}.legal-section ol,.legal-section p,.legal-section ul{font-size:.9rem}.legal-section ol,.legal-section ul{margin-left:1.5rem}}.error-boundary{align-items:center;background:#0a0a0a;display:flex;justify-content:center;min-height:100vh;padding:20px}.error-boundary-content{background:#ff6b6b0d;border:2px solid #ff6b6b;max-width:600px;padding:40px;text-align:center}.error-icon{font-size:64px;margin-bottom:20px}.error-boundary h2{color:#ff6b6b;font-family:monospace;font-size:24px;margin-bottom:16px}.error-message{color:#e0e0e0;font-family:monospace;font-size:16px;line-height:1.5;margin-bottom:12px}.error-hint{color:#888;font-family:monospace;font-size:14px;line-height:1.6;margin-bottom:24px}.error-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.error-btn{background:#0000;border:2px solid #666;color:#e0e0e0;cursor:pointer;font-family:monospace;font-size:14px;padding:12px 24px;transition:all .2s}.error-btn:hover{background:#666;color:#000}.error-btn.primary{border-color:#ff6b6b;color:#ff6b6b}.error-btn.primary:hover{background:#ff6b6b;color:#000}@media (max-width:600px){.error-boundary-content{padding:30px 20px}.error-icon{font-size:48px}.error-boundary h2{font-size:20px}.error-actions{flex-direction:column}.error-btn{width:100%}}
/*# sourceMappingURL=main.96a36e83.css.map*/