:root{--gold-primary:#e5a93c;--gold-secondary:#f0c265;--gold-tertiary:#c7912e;--expense-red:#e57373;--barber-blue:#64b5f6;--radius:14px;--radius-sm:8px;--bg:#0b0b0d;--card:#131317;--surface:#1b1b22;--outline:#2c2c35;--neutral-text:#e3e2e6;--muted:#919099;--text-strong:#ffffff;--hover:#232330;--step-btn-hover:#2a2a33;--barber-label:#adcdee;--owner-label:#eedcbb;--barber-card-bg:#151d29;--barber-card-border:#263c56;--owner-card-bg:#201a10;--owner-card-border:#3f321b;--on-accent:#0b0b0d}:root.light{--gold-primary:#b07e1f;--gold-secondary:#8a6312;--gold-tertiary:#9a6f1e;--expense-red:#c62828;--barber-blue:#1565c0;--bg:#faf9fc;--card:#ffffff;--surface:#f1f0f5;--outline:#d8d7de;--neutral-text:#1a1a1f;--muted:#6b6a72;--text-strong:#0f0f14;--hover:#e8e7ec;--step-btn-hover:#e2e1e8;--barber-label:#1565c0;--owner-label:#8a6312;--barber-card-bg:#e8f0fb;--barber-card-border:#bfd6ee;--owner-card-bg:#fbf3e2;--owner-card-border:#e6d2a8;--on-accent:#ffffff}*{box-sizing:border-box;margin:0;padding:0}.app-header h1,body{color:var(--neutral-text)}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background-color:var(--bg);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}.container{max-width:560px;margin:0 auto;padding:20px 16px 48px;display:flex;flex-direction:column;gap:16px}.app-header{justify-content:space-between;flex-wrap:wrap}.app-header,.logo-row{display:flex;align-items:center;gap:12px}.logo-icon{font-size:32px;color:var(--gold-primary);line-height:1}.app-header h1{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.subtitle{font-size:.8rem;color:var(--muted)}.theme-toggle-btn{flex-shrink:0;width:44px;height:44px;border:2px solid var(--gold-tertiary);border-radius:var(--radius-sm);background:var(--card);cursor:pointer;font-size:1.4rem;line-height:1;display:grid;place-items:center;transition:border-color .15s,background .15s,transform .15s}.theme-toggle-btn:hover{border-color:var(--gold-primary);background:var(--hover);transform:scale(1.05)}.theme-toggle-btn:active{transform:scale(.95)}:root:not(.light) .theme-toggle-btn::before{content:"☀️"}:root.light .theme-toggle-btn::before{content:"🌙"}.settings-panel{background:var(--card);border:1px solid var(--outline);border-radius:var(--radius);padding:0}.settings-panel>.settings-body{padding:16px;display:flex;flex-direction:column;gap:12px}.settings-panel:not([open])>.settings-body{display:none}.settings-summary{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;font-size:.85rem;font-weight:700;color:var(--gold-secondary);list-style:none;user-select:none}.settings-summary::-webkit-details-marker{display:none}.settings-summary::marker{display:none}.settings-summary .toggle-chevron{display:inline-block;transition:transform .2s ease;font-size:.75rem}.settings-panel[open]>.settings-summary .toggle-chevron{transform:rotate(90deg)}.settings-summary:hover{background:var(--hover)}.panel-title{font-size:1rem;font-weight:700;color:var(--neutral-text)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{font-size:.8rem;color:var(--muted)}.hint strong{color:var(--gold-secondary)}.card{background:var(--card);border:1px solid var(--outline);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:14px}.field,.section-title,input[type=number]{font-size:1rem;font-weight:700;color:var(--neutral-text)}.field{display:flex;flex-direction:column;gap:6px;font-size:.8rem}.input-wrap{position:relative;display:flex;align-items:center}.prefix,.suffix{position:absolute;font-weight:800;color:var(--gold-secondary);font-size:.9rem;pointer-events:none}.prefix{left:12px}.suffix{right:12px}input[type=number]{width:100%;background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-sm);color:var(--text-strong);padding:12px;outline:0;transition:border-color .15s;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]:focus{border-color:var(--gold-primary)}.input-wrap .prefix~input{padding-left:38px}.input-wrap:has(.suffix) input{padding-right:34px}.counters{display:grid;grid-template-columns:1fr 1fr;gap:14px}.counter{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.counter-label,.unit-price{font-size:.85rem;font-weight:700;color:var(--neutral-text)}.unit-price{font-size:.72rem;color:var(--muted)}.stepper{display:flex;align-items:center;gap:10px;width:100%;justify-content:center}.step-btn{width:40px;height:40px;border:0;border-radius:10px;background:var(--card);color:var(--gold-primary);font-size:1.3rem;font-weight:800;cursor:pointer;transition:background .15s;flex-shrink:0}.step-btn:hover{background:var(--step-btn-hover)}.stepper input[type=number]{width:70px;text-align:center;font-size:1.6rem;font-weight:800;padding:8px 4px}.qris-field{margin-top:4px}.reset-btn{align-self:flex-start;background:0 0;color:var(--expense-red);border:1px solid var(--outline);border-radius:var(--radius-sm);padding:8px 16px;font-size:.85rem;font-weight:700;cursor:pointer;transition:border-color .15s}.reset-btn:hover{border-color:var(--expense-red)}.results{display:flex;flex-direction:column;gap:14px}.split-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.split-card{border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:6px;border:1px solid}.barber-card{background:var(--barber-card-bg);border-color:var(--barber-card-border)}.owner-card{background:var(--owner-card-bg);border-color:var(--owner-card-border)}.split-head{display:flex;align-items:center;gap:6px}.split-icon{font-size:1rem}.split-title{font-size:.72rem;font-weight:700}.barber-card .split-title{color:var(--barber-label)}.owner-card .split-title{color:var(--owner-label)}.split-value{font-size:1.35rem;font-weight:900}.split-value.barber{color:var(--barber-blue)}.split-value.owner{color:var(--gold-primary)}.result-block{background:var(--card);border:1px solid var(--outline);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.block-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.block-title{font-size:.8rem;font-weight:700;color:var(--muted);letter-spacing:.02em}.block-value{font-weight:800;color:var(--text-strong)}.block-value.big{font-size:1.6rem;font-weight:800}.block-formula,.card-steps .step-formula{display:flex;flex-direction:column;gap:4px;margin-top:2px}.formula-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:.8rem}.formula-label{color:var(--muted);font-weight:600;flex-shrink:0}.formula-eq,.formula-num{font-weight:700;color:var(--neutral-text);text-align:right}.formula-num{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;word-break:break-word}.formula-eq{font-size:.8rem;margin-top:2px}.card-steps,.step{display:flex;flex-direction:column}.card-steps{margin:6px 0 0;padding:8px 0 0;gap:10px;border-top:1px solid}.barber-card .card-steps{border-color:var(--barber-card-border)}.owner-card .card-steps{border-color:var(--owner-card-border)}.step{gap:4px}.step-head{display:flex;align-items:center;gap:8px}.step-num{flex-shrink:0;width:20px;height:20px;border-radius:50%;font-size:.7rem;font-weight:800;display:grid;place-items:center;background:var(--gold-primary);color:var(--on-accent)}.barber-card .step-num{background:var(--barber-blue);color:var(--on-accent)}.step-label{font-size:.8rem;font-weight:700;color:var(--neutral-text)}.barber-card .step-label{color:var(--barber-label)}.owner-card .step-label{color:var(--owner-label)}.step-result{margin-top:2px;font-size:.82rem;font-weight:700;text-align:right}.step-result.barber{color:var(--barber-blue)}.step-result.owner{color:var(--gold-primary)}.step[hidden]{display:none}#r-owner-qris.negative,.block-value.negative,.split-value.negative,.step-result.negative{color:var(--expense-red)}@media (max-width:420px){.counters,.settings-grid,.split-cards{grid-template-columns:1fr}}