@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";
:root{--background:#f4f6f8;--foreground:#202223;--card-bg:#fff;--primary:#000;--primary-hover:#333;--border:#e1e3e5;--text-secondary:#6d7175;--error:#d72c0d;--radius:8px;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.container{flex-direction:column;align-items:center;min-height:100vh;padding:2rem;display:flex}.header{width:100%;max-width:1200px;margin-bottom:2rem;padding:1.5rem 0}.brand{letter-spacing:.1em;text-transform:uppercase;font-size:1.25rem;font-weight:600}.card{background:var(--card-bg);box-shadow:var(--shadow);border-radius:12px;width:100%;max-width:500px;margin:2rem 0;padding:2.5rem}.card-title{text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:500}.form-group{margin-bottom:1.5rem}.label{color:var(--foreground);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input{border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.input:focus{border-color:var(--primary);outline:none}.button{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;margin-top:1rem;padding:.875rem;font-size:1rem;font-weight:500;transition:background .2s}.button:hover{background:var(--primary-hover)}.button:disabled{background:var(--text-secondary);cursor:not-allowed}.footer-text{text-align:center;color:var(--text-secondary);margin-top:2rem;font-size:.875rem}.link{color:#06c;text-decoration:none}.link:hover{text-decoration:underline}.banner{border-radius:12px;width:100%;max-width:800px;margin-top:3rem;position:relative;overflow:hidden}.banner-img{width:100%;height:auto;display:block}.banner-overlay{color:#fff;position:absolute;top:10%;left:5%}.banner-title{font-size:3rem;font-weight:600;line-height:1.1}.item-list{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.item-card{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.item-card.selected{border-color:var(--primary);background:#f0f4f8}.item-image{object-fit:cover;background:#eee;border-radius:4px;width:64px;height:64px}.item-info{flex:1}.item-title{font-size:.9375rem;font-weight:500}.item-meta{color:var(--text-secondary);margin-top:.25rem;font-size:.8125rem}.item-checkbox{width:20px;height:20px;accent-color:var(--primary)}.quantity-control{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.qty-btn{border:1px solid var(--border);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.success-container{text-align:center;padding:2rem}.success-icon{color:#2e7d32;width:64px;height:64px;margin-bottom:1rem}.back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;margin-bottom:1rem;font-size:.875rem;display:flex}.back-btn:hover{color:var(--foreground)}