:root{--sb-teal: #00786f;--sb-teal-dark: #00635c;--sb-teal-light: #e6f3f2;--sb-ink: #14181a;--sb-muted: #6b7280;--sb-border: #e5e7eb;--sb-bg: #f6f7f8;--sb-card: #ffffff;--sb-danger: #d64545;--sb-danger-bg: #fdecec;--sb-swish: #ff5c00}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:var(--sb-bg);font-family:Jost,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--sb-ink)}.sb-page{min-height:100vh;padding:2rem 1rem 4rem;max-width:920px;margin:0 auto}.sb-center{display:flex;align-items:center;justify-content:center;min-height:60vh}.sb-header{text-align:center;margin-bottom:1.75rem}.sb-header h1{font-size:1.4rem;font-weight:600;margin:0 0 .3rem;letter-spacing:-.01em}.sb-header p{color:var(--sb-muted);font-size:.85rem;margin:0}.sb-header-with-back{position:relative;max-width:460px;margin:0 auto 1.75rem}.sb-back-btn{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;border:1px solid var(--sb-border);background:#fff;color:var(--sb-ink);font-size:1.05rem;cursor:pointer;flex-shrink:0;transition:border-color .15s,background .15s}.sb-back-btn:hover{border-color:var(--sb-teal);background:var(--sb-teal-light)}.sb-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.sb-columns{grid-template-columns:1fr}}.sb-column{background:var(--sb-card);border:1px solid var(--sb-border);border-radius:14px;padding:1.1rem}.sb-column-mine{border-color:var(--sb-teal);box-shadow:0 0 0 1px var(--sb-teal) inset}.sb-column-title{font-size:.7rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--sb-muted);margin:0 0 .85rem}.sb-line-list{display:flex;flex-direction:column;gap:.5rem;min-height:3rem}.sb-line-row{display:flex;align-items:center;gap:.6rem;padding:.55rem .6rem;border-radius:10px;background:#fafbfb}.sb-line-info{flex:1;display:flex;flex-direction:column;min-width:0}.sb-line-name{font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-line-meta{font-size:.72rem;color:var(--sb-muted)}.sb-line-amount{font-size:.85rem;font-weight:600;white-space:nowrap}.sb-empty-note{font-size:.78rem;color:var(--sb-muted);text-align:center;padding:1.25rem 0}.sb-line-extras{display:flex;flex-direction:column;gap:.1rem;margin-top:.15rem}.sb-line-extra{font-size:.68rem;color:var(--sb-muted)}.sb-line-extra-removed{text-decoration:line-through;opacity:.6}.sb-line-extra em{color:var(--sb-teal);font-style:italic}.sb-qty-btn{width:34px;height:34px;border-radius:9px;border:1px solid var(--sb-teal);background:#fff;color:var(--sb-teal);font-size:1rem;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.sb-qty-btn:disabled{opacity:.3;cursor:not-allowed;border-color:var(--sb-border);color:var(--sb-muted)}.sb-qty-btn:hover:not(:disabled){background:var(--sb-teal);color:#fff}.sb-total-row{display:flex;align-items:center;justify-content:space-between;margin:1rem 0 .85rem;padding-top:.85rem;border-top:1px solid var(--sb-border);font-size:.88rem}.sb-total-amount{font-size:1.25rem;font-weight:700;color:var(--sb-teal-dark)}.sb-pay-btn{display:inline-block;width:100%;padding:.85rem;border:none;border-radius:10px;background:var(--sb-teal);color:#fff;font-weight:600;font-size:.88rem;text-align:center;text-decoration:none;cursor:pointer;transition:background .15s}.sb-pay-btn:hover:not(:disabled){background:var(--sb-teal-dark)}.sb-pay-btn:disabled{opacity:.45;cursor:not-allowed}.sb-pay-btn-swish{background:var(--sb-swish)}.sb-pay-btn-swish:hover:not(:disabled){background:#e05200}.sb-card{background:var(--sb-card);border-radius:18px;box-shadow:0 4px 24px #14181a0f;border:1px solid var(--sb-border);padding:2.5rem 2rem;text-align:center;max-width:420px}.sb-success-icon{width:56px;height:56px;border-radius:50%;background:var(--sb-teal-light);color:var(--sb-teal-dark);font-size:1.7rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.sb-success-card h1{font-size:1.25rem;margin:0 0 .5rem}.sb-error-card h1{font-size:1.25rem;margin:0 0 .5rem;color:var(--sb-danger)}.sb-error-card p,.sb-success-card p{color:var(--sb-muted);font-size:.85rem;margin:0 0 1rem}.sb-spinner{width:34px;height:34px;border:3px solid var(--sb-teal-light);border-top-color:var(--sb-teal);border-radius:50%;animation:sb-spin .8s linear infinite}@keyframes sb-spin{to{transform:rotate(360deg)}}.sb-hidden{display:none}.sb-payment-card{background:var(--sb-card);border:1px solid var(--sb-border);border-radius:16px;padding:1.5rem;max-width:460px;margin:0 auto}.sb-banner{padding:.7rem .9rem;border-radius:9px;background:var(--sb-teal-light);color:var(--sb-teal-dark);font-size:.8rem;margin-bottom:1rem}.sb-banner-error{background:var(--sb-danger-bg);color:var(--sb-danger)}.sb-field{margin-bottom:1rem}.sb-field label{display:block;font-size:.72rem;font-weight:600;margin-bottom:.35rem;color:var(--sb-ink)}.sb-field input{width:100%;padding:.6rem .8rem;border:1px solid var(--sb-border);border-radius:9px;font-size:.85rem;font-family:inherit}.sb-field input:focus{outline:none;border-color:var(--sb-teal);box-shadow:0 0 0 3px var(--sb-teal-light)}.sb-field-error{font-size:.72rem;color:var(--sb-danger);margin-top:.3rem}.sb-phone-row{display:flex;gap:.5rem}.sb-phone-prefix{padding:.6rem .8rem;background:#f3f4f5;border:1px solid var(--sb-border);border-radius:9px;font-size:.85rem;color:var(--sb-muted)}.sb-phone-row input{flex:1}.sb-payment-buttons{display:flex;flex-direction:column;gap:.6rem;margin-top:1.1rem}.sb-swish-qr{text-align:center;padding:1rem;background:#fafbfb;border:1px solid var(--sb-border);border-radius:12px;margin-top:.75rem}.sb-swish-qr p{font-size:.78rem;color:var(--sb-muted);margin:0 0 .5rem}.sb-swish-qr img{width:160px;height:160px;border-radius:8px}.sb-order-id{text-align:center;font-size:.68rem;color:var(--sb-muted);margin-top:1.25rem}