*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}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 #8b7355;border-radius:0;cursor:pointer;padding:1.2rem;position:relative;transition:all .2s}.option-card:hover{border-color:var(--terminal-green);box-shadow:0 4px 8px #4a372826,0 0 15px var(--terminal-green-glow);transform:translateY(-2px)}.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;font-weight:600;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{width:100%}.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 #8b7355;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 #8b7355;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:#8b7355;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:#8b73554d;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;padding:.8rem;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:40px;justify-content:center;padding:0;transition:all .2s;width:40px}.modal-close:hover{color:#d4af37;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;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.plan-card{background:#d4a5740d;border:2px solid #8b7355;border-radius:8px;padding:1.5rem;transition:all .3s}.plan-card.default-plan{border-color:#d4af37;box-shadow:0 0 20px #d4af374d}.plan-card:hover{border-color:#d4af37;transform:translateY(-4px)}.plan-header{border-bottom:1px solid #8b7355;margin-bottom:1rem;padding-bottom:1rem}.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{color:#d4af37;font-size:2rem;font-weight:700;margin:.5rem 0 .2rem}.plan-price-label{color:#8b7355;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;padding:.8rem;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 #8b7355;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 #8b7355;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 #8b7355;color:#8b7355;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 #8b7355;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 #8b7355;font-size:1.1rem;margin-top:1rem;padding-top:1rem}.checkout-form{margin-top:2rem}.grind-select{background:#d4a5740d;border:2px solid #8b7355;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 #8b7355;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 #8b7355;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:#8b7355}.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;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}}.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:#a0896b;display:flex;gap:2rem}.logout-btn{border:1px solid #d4af37;padding:.5rem 1.5rem;transition:all .3s}.logout-btn:hover{box-shadow:0 0 20px #d4af3780;text-shadow:none}.portal-section{margin-bottom:3rem}.portal-section h2{color:#d4a574;font-size:1.5rem;margin-bottom:1.5rem;text-shadow:0 0 10px #d4a57466}.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 #8b7355;padding:1.5rem;transition:all .3s}.subscription-card:hover{border-color:#d4af37;box-shadow:0 0 20px #d4af3733}.subscription-card.paused{border-color:#666;opacity:.7}.subscription-card.cancelled{border-color:#444;opacity:.5}.card-header{align-items:center;padding-bottom:.5rem}.subscription-type{color:#d4af37;font-size:1.1rem;font-weight:700}.status-badge{border:1px solid;font-size:.8rem;padding:.25rem .75rem}.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:#8b7355}.detail-row .value{color:#d4af37}.card-actions{border-top:1px solid #8b7355;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem}.action-btn{border:1px solid #8b7355;color:#a0896b;flex:1 1;min-width:100px;padding:.75rem 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 #8b7355;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:#8b73550d;border:1px dashed #8b7355;color:#8b7355;padding:2rem;text-align:center}.error-message{border:1px solid #f44336;margin-bottom:2rem}.loading-state{min-height:50vh}.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 #8b7355;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 #8b7355;color:#8b7355;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}@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}.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 #8b7355;color:#d4a574}.cta-button.secondary:hover{border-color:var(--terminal-green);transform:translateY(-1px)}.cta-note{color:#8b7355;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 #8b7355;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 #8b7355;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 #8b7355;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{color:#d4a574;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 #8b7355;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{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:800px;padding:2rem;position:relative;width:100%;z-index:3}.terminal-header{color:#d4a574;display:flex;font-size:.9rem;justify-content:space-between;letter-spacing:2px;text-transform:uppercase}.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:#d4a574;font-family:Courier New,Consolas,monospace;font-size:4rem;font-weight:700;letter-spacing:.5rem;margin:0;text-shadow:0 0 20px #d4a57499}.question-header{align-items:center;display:flex;gap:1rem;justify-content:center}.question-text{color:#d4a574;font-size:1.8rem;font-weight:400;letter-spacing:2px;line-height:1.4;margin-bottom:1.5rem;text-shadow:0 0 20px #d4a57499}.info-icon{align-items:center;background:#0000;border:2px solid #8b7355;border-radius:50%;color:#c9a227;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:#d4a574;box-shadow:0 0 15px #d4a57466;color:#d4a574;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 #d4a574;border-radius:4px;box-shadow:0 0 30px #d4a5744d;padding:1.5rem;position:relative}.info-popup-close{align-items:center;background:#0000;border:1px solid #8b7355;color:#8b7355;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:#d4a574;box-shadow:0 0 10px #d4a5744d;color:#d4a574}.info-popup-text{color:#c9a227;font-size:1rem;font-weight:600;letter-spacing:1px;margin-bottom:.75rem;text-transform:uppercase}.info-popup-body{color:#d4a574;font-size:.95rem;line-height:1.6;margin:0}.subtitle-text{animation:fadeIn .5s ease-in;color:#c9a227;font-size:1rem;margin-bottom:2rem;opacity:.8}.cursor{color:#d4a574}.options-container{animation:slideIn .3s ease-out;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.wizard-option{background:#0000;border:2px solid #8b7355;color:#d4a574;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:#d4a5741a;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s;width:100%}.wizard-option:hover{border-color:#d4a574;box-shadow:0 0 20px #d4a5744d;transform:translateX(5px)}.wizard-option:hover:before{left:0}.option-bracket{color:#c9a227;font-weight:700;margin-right:.5rem}.wizard-option.multiselect{background:#0000}.wizard-option.multiselect.selected{background:#d4a57426;border-color:#d4a574;box-shadow:0 0 15px #d4a57440}.wizard-option.multiselect .option-bracket{color:#c9a227;font-size:1rem;font-weight:700;margin-right:.75rem}.wizard-option.multiselect.selected .option-bracket{color:#d4a574}.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 #d4a574;color:#d4a574;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:#d4a574;box-shadow:0 0 40px #d4a574cc;color:#2a2a2a;transform:scale(1.05)}.wizard-footer{border-top:1px solid #8b7355;font-size:.85rem;margin-top:3rem;padding-top:1.5rem;text-align:center}.footer-link{background:none;border:none;color:#8b7355;cursor:pointer;font-family:Courier New,monospace;letter-spacing:1px;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s}.footer-link:hover{color:#d4a574;text-shadow:0 0 10px #d4a57480}.footer-separator{color:#8b7355;margin:0 1rem;opacity:.5}.results-screen .terminal-output{min-height:auto}.results-title{color:#d4a574;font-size:1.8rem;letter-spacing:2px;margin-bottom:2rem;text-align:center;text-shadow:0 0 20px #d4a57499}.results-container{background:#d4a5740d;border:2px solid #8b7355;border-radius:4px;margin-bottom:2rem;padding:2rem}.result-item{border-bottom:1px solid #8b73554d;padding:1rem 0}.result-item:last-child{border-bottom:none}.result-item.consumption{border-top:1px solid #8b7355;margin-top:1rem;padding-top:1.5rem}.result-item.product-match{align-items:flex-start;background:#d4af3714;border:1px solid #d4a574;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:#c9a227;font-size:.85rem;font-style:italic;margin-top:.5rem;opacity:.8}.result-label{color:#c9a227;font-size:1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.result-value{color:#d4a574;font-size:1.1rem;text-align:right;text-shadow:0 0 10px #d4a57466}.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 #8b7355;color:#8b7355;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:#d4a574;box-shadow:0 0 20px #d4a5744d;color:#d4a574}.results-note{color:#c9a227;font-size:.9rem;font-style:italic;margin-top:2rem;opacity:.8;text-align:center}@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: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 #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%}}.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 #8b7355;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 #8b7355;font-size:.85rem;margin-top:2rem;padding-top:1.5rem;text-align:center}.login-footer p{color:#8b7355;margin-bottom:.5rem}.login-footer a,.login-footer p{letter-spacing:1px;text-transform:uppercase}.login-footer a{color:#d4a574;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:#8b7355;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:#8b7355}.slug-available{color:#4caf50}.slug-taken{color:#d32f2f}.form-hint{color:#8b7355;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 #8b7355;font-size:.85rem;margin-top:2rem;padding-top:1.5rem;text-align:center}.auth-footer p{color:#8b7355;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{align-items:center;background:#d4af37;border-radius:50%;color:#2a2a2a;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:32px;justify-content:center;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}.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}.sidebar-header{border-bottom:1px solid #8b7355;margin-bottom:2rem;padding:0 1.5rem 2rem}.business-name{color:#d4af37;font-size:1rem;font-weight:400;letter-spacing:1px;margin:0;text-shadow:0 0 10px #d4af3780;word-break:break-word}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:0 1rem}.nav-item{border-left:3px solid #0000;color:#d4a574;cursor:pointer;display:block;padding:1rem 1.5rem;position:relative;text-decoration:none;transition:all .3s}.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)}}.logout-btn{background:#0000;border:2px solid #d4af37;color:#d4af37;cursor:pointer;font-family:Courier New,monospace;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{flex:1 1;overflow-y:auto;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 #8b7355;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 #8b7355;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}}.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 #8b7355;border-radius:4px;padding:2rem}.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 #8b7355}.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:#8b7355;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:#8b7355;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}}.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 #8b7355;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 #8b7355;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 #8b7355;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}.cancel-btn{color:#8b7355}.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:#8b7355;opacity:.6}.product-card.inactive:hover{border-color:#d4a574;opacity:.8}.product-header{border-bottom:1px solid #8b7355;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:#8b73551a;border:1px solid #8b7355;color:#8b7355}.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 #8b73554d;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 #8b73554d;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 #8b73554d;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 #8b73554d;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 #8b73554d;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:#8b7355;opacity:.6}.product-actions{border-top:1px solid #8b73554d;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 #8b7355;color:#8b7355}.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,.page-title{margin-bottom:2rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:1rem}.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 #8b7355;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 #8b7355;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:#8b73551a;border:1px solid #8b7355;color:#8b7355;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%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:#d4a57414;border-bottom:2px solid #d4a574;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h2{color:#d4af37;font-size:1.5rem;font-weight:400;letter-spacing:2px;margin:0;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;background:#f443361a;border:2px solid #f44336;border-radius:4px;color:#f44336;margin-bottom:1.5rem;padding:1rem 1.5rem;text-shadow:0 0 10px #f4433680}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.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:#8b7355}.help-text{display:block;font-size:.85rem;font-style:italic;margin-top:.5rem}.orders-preview{border-top:2px solid #8b7355;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 #8b7355;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{background:#0000;border:2px solid #8b7355;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;border:2px solid #d4a574;border-radius:4px;margin:2rem 0;padding:1.5rem}.progress-bar{background:#0a0a0a;border:2px solid #8b7355;border-radius:4px;height:30px;margin-bottom:1rem;width:100%}.progress-bar,.progress-fill{overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#d4a574,#d4af37);box-shadow:0 0 20px #d4af3799;height:100%;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-align:center;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 #8b7355;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{color:#d4a574;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 #8b7355;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 #8b7355;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 #8b7355;border-radius:4px;max-height:200px;overflow-y:auto;padding:.5rem}.packslip-modal .order-preview-item{align-items:center;background:#d4a5740d;border:1px solid #8b7355;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 #8b7355;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 #8b7355;border-radius:4px;max-height:250px;overflow-y:auto;padding:.5rem}.ship-modal .order-preview-item{align-items:center;background:#d4a5740d;border:1px solid #8b7355;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 #8b7355;border-radius:4px;max-height:300px;overflow-y:auto;padding:.5rem}.ship-modal .result-item{align-items:center;border:1px solid #8b7355;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 #8b7355;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:#8b7355}.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 #8b7355;border-radius:4px;color:#a0896b;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 #8b7355;cursor:pointer;display:flex;justify-content:space-between;padding:1.2rem 1.5rem;transition:all .3s}.group-header:hover{background:#d4af371f}.header-left{align-items:center;display:flex;gap:1rem}.header-left input[type=checkbox]{cursor:pointer;height:18px;width:18px}.ship-date-label{color:#d4af37;font-size:1.2rem;font-weight:700;letter-spacing:1px;text-shadow:0 0 15px #d4af3780}.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 #8b7355;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{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:1px;padding:.3rem .8rem;text-transform:uppercase}.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}.empty-state,.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:#8b7355;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{font-size:1.8rem;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}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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 #8b7355;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 #8b7355;gap:1rem;margin-bottom:2rem;padding-bottom:0}.view-tabs .tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#a0896b;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{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tab{background:#0000;border:1px solid #8b7355;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 #8b7355;margin-bottom:2rem;padding:2rem}.add-form-container h3{color:#d4a574;margin-bottom:1.5rem}.inventory-form{display:flex;flex-direction:column;gap:1rem}.form-row{grid-gap:1rem;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 #8b7355;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 #8b7355;padding:1.5rem;transition:all .3s}.inventory-card:hover{border-color:#d4af37;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 #8b7355;display:flex;justify-content:space-between;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:#8b7355;font-size:.9rem}.stock-visual{margin:1rem 0}.stock-bar{background:#8b735533;border:1px solid #8b7355;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:#8b7355}.detail-row span:last-child{color:#d4af37}.adjust-form{background:#8b73550d;border:1px solid #8b7355;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 #8b7355;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;margin-bottom:2rem;padding-bottom:1rem;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 #8b7355;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 #8b7355;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 #8b7355;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 #8b7355;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:#8b7355;font-size:.85rem}.stat-value{text-shadow:0 0 10px #d4af374d}.roast-batches{border-top:1px solid #8b7355;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:#8b7355;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 #8b7355;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:#8b73551a;border:1px solid #8b7355;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 #8b7355;padding:1rem}.coffee-name{border-bottom:1px solid #8b7355;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:#8b7355}.grind-qty{color:#d4af37}.orders-list{display:flex;flex-direction:column}.order-card{background:#d4af370d;border:1px solid #8b7355;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 #8b7355;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:#8b73551a;border-left:2px solid #8b7355;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:#8b7355;display:flex;font-size:.85rem;gap:1rem}.order-footer{border-top:1px solid #8b7355;color:#a0896b;font-size:.9rem;margin-top:1rem;padding-top:.75rem}.empty-state{border:1px dashed #8b7355;color:#8b7355;padding:3rem;text-align:center}.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 #8b7355;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{color:#d4af37;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 10px #d4af3780}.metric-subtitle{color:#8b7355;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 #8b7355;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:#8b7355;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:#8b7355;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 #8b7355;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:#8b7355;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 #8b7355;border-radius:50%;border-top-color:#d4af37;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.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{color:#d4af37;font-size:2rem;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 #8b7355;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:#8b7355;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:#8b7355;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:#8b7355;opacity:.7}.stripe-details{border-top:1px solid #8b7355;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 #8b73554d}.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 #8b7355;color:#8b7355;padding-top:1.5rem}.stripe-notice p{font-size:1rem;letter-spacing:1px;margin:.5rem 0}.notice-hint{font-size:.9rem!important;opacity:.7}.branding-card{background:#d4a5740d;border:2px solid #d4a574;border-radius:4px;padding:1.5rem}.settings-footer{background:#d4a57408;border:2px solid #8b7355;border-radius:4px;color:#8b7355;margin-top:3rem;padding:1.5rem;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{animation:errorPulse 2s infinite;font-size:4rem;margin-bottom:1.5rem}@keyframes errorPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.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}}.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}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.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:#8b7355}.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,#8b7355 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 #8b7355;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:#8b7355;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;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;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}}.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(.9) translateY(-3px)}}.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}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.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}.introjs-overlay,.introjs-tour{transition:all .3s ease-out}.introjs-overlay{box-sizing:initial;opacity:0;position:absolute;z-index:999999}.introjs-showElement{z-index:9999999!important}tr.introjs-showElement>td,tr.introjs-showElement>th{position:relative;z-index:9999999!important}.introjs-disableInteraction{background-color:#fff;opacity:0;position:absolute;z-index:99999999!important}.introjs-relativePosition{position:relative}.introjs-helperLayer{border-radius:4px;box-sizing:initial;position:absolute;transition:all .3s ease-out;z-index:9999998}.introjs-helperLayer *,.introjs-helperLayer :after,.introjs-helperLayer :before{box-sizing:initial}.introjs-tooltipReferenceLayer{background-color:initial;box-sizing:initial;position:absolute;transition:all .3s ease-out;visibility:hidden;z-index:100000000}.introjs-helperNumberLayer,.introjs-tooltipReferenceLayer,.introjs-tooltipReferenceLayer *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.introjs-helperNumberLayer{color:#9e9e9e;padding-bottom:10px;padding-top:10px;text-align:center}.introjs-arrow{border:5px solid #0000;content:"";position:absolute}.introjs-arrow.top{border-bottom-color:#fff;left:10px;top:-10px}.introjs-arrow.top-right{border-bottom-color:#fff;right:10px;top:-10px}.introjs-arrow.top-middle{border-bottom-color:#fff;left:50%;margin-left:-5px;top:-10px}.introjs-arrow.right{border-left-color:#fff;right:-10px;top:10px}.introjs-arrow.right-bottom{border-left-color:#fff;bottom:10px;right:-10px}.introjs-arrow.bottom{border-top-color:#fff;bottom:-10px;left:10px}.introjs-arrow.bottom-right{border-top-color:#fff;bottom:-10px;right:10px}.introjs-arrow.bottom-middle{border-top-color:#fff;bottom:-10px;left:50%;margin-left:-5px}.introjs-arrow.left{border-right-color:#fff;left:-10px;top:10px}.introjs-arrow.left-bottom{border-right-color:#fff;bottom:10px;left:-10px}.introjs-tooltip{background-color:#fff;border-radius:5px;box-shadow:0 3px 30px #2121214d;box-sizing:initial;max-width:300px;min-width:250px;position:absolute;transition:opacity .1s ease-out;visibility:visible}.introjs-tooltiptext{padding:20px}.introjs-dontShowAgain{padding-left:20px;padding-right:20px}.introjs-dontShowAgain input{display:inline;height:10px;margin:0 0 2px;padding:0;width:10px}.introjs-dontShowAgain label{background-color:#fff;color:#616161;display:inline-block;font-size:14px;font-weight:400;margin:0 0 0 5px;padding:0;-webkit-user-select:none;user-select:none}.introjs-tooltip-title{font-size:18px;font-weight:700;line-height:1.5;margin:0;min-height:1.5em;padding:0;width:90%}.introjs-tooltip-header{min-height:1.5em;padding-left:20px;padding-right:20px;padding-top:10px;position:relative}.introjs-tooltipbuttons{border-top:1px solid #e0e0e0;padding:10px;text-align:right;white-space:nowrap}.introjs-tooltipbuttons:after{clear:both;content:"";display:block;height:0;visibility:hidden}.introjs-button{zoom:1;background-color:#f4f4f4;border:1px solid #bdbdbd;border-radius:.2em;box-sizing:initial;color:#424242;cursor:pointer;display:inline;font-size:14px;outline:0;overflow:visible;padding:.5rem 1rem;position:relative;text-decoration:none;text-shadow:1px 1px 0 #fff;white-space:nowrap}.introjs-button:hover{background-color:#e0e0e0;border-color:#9e9e9e}.introjs-button:focus,.introjs-button:hover{color:#212121;outline:0;text-decoration:none}.introjs-button:focus{background-color:#eee;border:1px solid #616161;box-shadow:0 0 0 .2rem #9e9e9e80}.introjs-button:active{background-color:#e0e0e0;border-color:#9e9e9e;color:#212121;outline:0;text-decoration:none}.introjs-button::-moz-focus-inner{border:0;padding:0}.introjs-skipbutton{color:#616161;cursor:pointer;display:inline-block;font-size:22px;font-weight:700;height:45px;line-height:45px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:45px}.introjs-skipbutton:focus,.introjs-skipbutton:hover{color:#212121;outline:0;text-decoration:none}.introjs-prevbutton{float:left}.introjs-nextbutton{float:right}.introjs-disabled,.introjs-disabled:focus,.introjs-disabled:hover{background-color:#f4f4f4;background-image:none;border-color:#bdbdbd;box-shadow:none;color:#9e9e9e;cursor:default;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{padding-bottom:10px;padding-top:10px;text-align:center}.introjs-bullets ul{box-sizing:initial;clear:both;display:inline-block;margin:0 auto;padding:0}.introjs-bullets ul li{box-sizing:initial;float:left;list-style:none;margin:0 2px}.introjs-bullets ul li a{background:#ccc;border-radius:10px;box-sizing:initial;cursor:pointer;display:block;height:6px;text-decoration:none;transition:width .1s ease-in;width:6px}.introjs-bullets ul li a:focus,.introjs-bullets ul li a:hover{background:#999;outline:0;text-decoration:none;width:15px}.introjs-bullets ul li a.active{background:#999;width:15px}.introjs-progress{background-color:#e0e0e0;border-radius:4px;box-sizing:initial;height:10px;margin:10px}.introjs-progressbar{background-color:#08c;box-sizing:initial;float:left;font-size:10px;height:100%;line-height:10px;text-align:center;width:0}.introjsFloatingElement{height:0;left:50%;position:absolute;top:50%;width:0}.introjs-fixedTooltip{position:fixed}.introjs-hint{background:0 0;box-sizing:initial;cursor:pointer;height:15px;position:absolute;width:20px}.introjs-hint:focus{border:0;outline:0}.introjs-hint:hover>.introjs-hint-pulse{background-color:#3c3c3c91}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}@keyframes introjspulse{0%{box-shadow:0 0 0 0 #000000b3;transform:scale(.95)}70%{box-shadow:0 0 0 10px #0000;transform:scale(1)}to{box-shadow:0 0 0 0 #0000;transform:scale(.95)}}.introjs-hint-pulse{animation:introjspulse 2s infinite;background-color:#8888883d;border-radius:30px;box-sizing:initial;height:15px;position:absolute;transition:all .2s ease-out;width:15px;z-index:10}.introjs-hint-no-anim .introjs-hint-pulse{animation:none}.introjs-hint-dot{background:0 0;border-radius:60px;box-sizing:initial;height:50px;left:-18px;opacity:0;position:absolute;top:-18px;width:50px;z-index:1}.introjs-overlay{background:#0a0a0ad9!important}.introjs-tooltip{background:#2a2a2a!important;border:3px solid #d4af37!important;border-radius:8px!important;box-shadow:0 8px 40px #d4af3780!important;max-width:500px;min-width:400px}.introjs-tooltip,.introjs-tooltip *{font-family:Courier New,SF Mono,Consolas,Monaco,monospace!important}.introjs-arrow{border:none!important}.introjs-arrow.top{border-bottom-color:#d4af37!important}.introjs-arrow.bottom{border-top-color:#d4af37!important}.introjs-arrow.left{border-right-color:#d4af37!important}.introjs-arrow.right{border-left-color:#d4af37!important}.introjs-tooltiptext{color:#e0e0e0!important;font-size:1rem!important;line-height:1.6!important;padding:1.5rem!important}.introjs-tooltiptext strong{color:#d4af37!important;display:block;font-size:1.2rem!important;margin-bottom:.75rem}.introjs-progress{background:#333!important;border-radius:4px!important;height:6px!important;overflow:hidden}.introjs-progressbar{background:linear-gradient(90deg,#d4af37,gold)!important;box-shadow:0 0 10px #d4af3780!important;transition:width .3s ease-out!important}.introjs-button{background:#0000!important;border:2px solid #d4af37!important;border-radius:6px!important;color:#d4af37!important;cursor:pointer!important;font-family:Courier New,monospace!important;font-size:1rem!important;font-weight:700!important;padding:.75rem 1.5rem!important;text-shadow:none!important;transition:all .3s ease-out!important}.introjs-button:hover{background:#d4af371a!important;box-shadow:0 0 15px #d4af374d!important;transform:translateY(-2px)!important}.introjs-button:focus{box-shadow:0 0 0 3px #d4af374d!important;outline:none!important}.introjs-donebutton,.introjs-nextbutton{background:#d4af37!important;border:2px solid #d4af37!important;color:#2a2a2a!important}.introjs-donebutton:hover,.introjs-nextbutton:hover{background:gold!important;box-shadow:0 0 20px #d4af3780!important}.introjs-skipbutton{background:#0000!important;border:1px solid #666!important;color:#b0b0b0!important;font-size:.9rem!important;padding:.5rem 1rem!important;position:absolute!important;right:1rem!important;top:1rem!important}.introjs-skipbutton:hover{background:#d4af370d!important;border-color:#d4af37!important;color:#d4af37!important}.introjs-disabled{cursor:not-allowed!important;opacity:.4!important}.introjs-disabled:hover{background:#0000!important;box-shadow:none!important;transform:none!important}.introjs-bullets ul li a{background:#666!important;border:2px solid #666!important;height:12px!important;width:12px!important}.introjs-bullets ul li a.active,.introjs-bullets ul li a:hover{background:#d4af37!important;border-color:#d4af37!important;box-shadow:0 0 10px #d4af3780!important}.introjs-helperLayer{background:#d4af370d!important;border:2px solid #d4af37!important;border-radius:8px!important;box-shadow:0 0 0 5000px #0a0a0ad9,0 0 30px #d4af3766!important}.introjs-fixedTooltip{position:fixed!important}.introjs-tooltipbuttons{align-items:center;border-top:1px solid #333!important;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.5rem!important}@media (max-width:768px){.introjs-tooltip{max-width:90vw;min-width:300px}.introjs-tooltiptext{font-size:.9rem!important;padding:1rem!important}.introjs-tooltiptext strong{font-size:1.1rem!important}.introjs-button{font-size:.9rem!important;padding:.6rem 1rem!important}.introjs-skipbutton{margin-bottom:.5rem;position:static!important}}.introjs-tooltip{animation:tooltipFadeIn .3s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.demo-roaster{background:#2a2a2a;color:#e0e0e0;font-family:Courier New,SF Mono,Consolas,Monaco,monospace;min-height:100vh}.roaster-header{align-items:center;background:#2a2a2a;border-bottom:3px solid #d4af37;box-shadow:0 4px 20px #2a2a2a80;display:flex;justify-content:space-between;padding:1.5rem 2rem}.header-content{flex:1 1}.roaster-title{align-items:center;color:#d4af37;display:flex;font-size:2rem;gap:.5rem;margin-bottom:.5rem}.terminal-prompt{color:#d4af37;font-weight:400}.roaster-subtitle{color:#b0b0b0;font-size:.9rem}.exit-demo-btn{background:#1a1a1a;border:2px solid #666;border-radius:6px;color:#b0b0b0;cursor:pointer;font-family:Courier New,monospace;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s}.exit-demo-btn:hover{border-color:#d4af37;box-shadow:0 0 10px #d4af374d;color:#d4af37}.roaster-nav{background:#2a2a2a;border-bottom:2px solid #333;display:flex;gap:.5rem;padding:0 2rem}.nav-btn{background:#1a1a1a;border:none;border-bottom:3px solid #0000;color:#b0b0b0;cursor:pointer;font-family:Courier New,monospace;font-size:1rem;padding:1rem 1.5rem;transition:all .2s}.nav-btn:hover{background:#d4af370d;color:#d4af37}.nav-btn.active{background:#d4af371a;border-bottom-color:#d4af37;color:#d4af37}.roaster-content{margin:0 auto;max-width:1400px;padding:2rem}.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.5rem;margin-bottom:1rem}.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}@media (max-width:768px){.roaster-header{align-items:flex-start;flex-direction:column;gap:1rem}.roaster-title{font-size:1.5rem}.roaster-nav{overflow-x:auto;padding:0 1rem}.roaster-content{padding:1rem}.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:#666;font-size:1.1rem;font-weight:300;margin:12px 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{gap:1.5rem}.form-group,.signup-form{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}.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}}
/*# sourceMappingURL=main.04c0f231.css.map*/