:root{--bg: #fff9f1;--ink: #122039;--muted: #5a6784;--surface: #ffffff;--accent: #ef5b2b;--accent-soft: #ffd7c7;--success: #0f8b5f;--pending: #b84925;--border: #e8e2dc;--shadow: 0 10px 28px rgba(20, 20, 40, .08)}*{box-sizing:border-box}body{margin:0;font-family:Manrope,sans-serif;color:var(--ink);background:radial-gradient(circle at 8% 2%,#ffdccc 0 13%,transparent 13%),radial-gradient(circle at 100% 16%,#ffe8bf 0 9%,transparent 9%),var(--bg)}.app-shell{max-width:760px;margin:0 auto;padding:1rem .9rem 2rem}.hero{margin-bottom:1rem}.eyebrow{margin:0;font-family:Space Grotesk,sans-serif;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:var(--accent)}h1,h2,h3{margin:0}h1{margin-top:.2rem;font-size:1.65rem;line-height:1.1}h2{font-size:1.08rem}h3{font-size:.96rem}.subtitle,.muted{margin:.4rem 0 0;color:var(--muted);font-size:.92rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:.85rem;margin-top:.8rem}.tab-bar{display:grid;gap:.45rem;grid-template-columns:repeat(2,minmax(0,1fr))}.transactions-subtabs{grid-template-columns:repeat(3,minmax(0,1fr))}.tab-btn{margin:0;border:1px solid #dcd5cd;background:#fffbf7;color:#3a4460;border-radius:999px;padding:.55rem .7rem;font-weight:700}.tab-btn.active{background:linear-gradient(110deg,#dd4e22 0,#ef7432);color:#fff;border-color:transparent}.tab-panel{display:none}.tab-panel.active{display:block}.cards{display:grid;grid-template-columns:1fr;gap:.55rem;margin-top:.8rem}.card{border-radius:14px;padding:.75rem;background:linear-gradient(130deg,#fff 20%,#fff5ef);border:1px solid var(--border)}.card .label{color:var(--muted);font-size:.8rem}.card .value{font-size:1.4rem;font-family:Space Grotesk,sans-serif;margin-top:.2rem}.field-label{display:block;margin-top:.7rem;margin-bottom:.26rem;font-size:.84rem;font-weight:700}.filters-row{display:grid;grid-template-columns:1fr;gap:.5rem;margin-top:.75rem}.check-row{display:flex;align-items:center;gap:.5rem;font-size:.86rem;font-weight:700}.check-row input{width:auto}.status-message{min-height:1.2rem}input,select,button{width:100%;border-radius:10px;border:1px solid #d8dce7;font:inherit;padding:.62rem;background:#fff}input:focus,select:focus{border-color:var(--accent);outline:2px solid var(--accent-soft)}.btn{margin-top:.75rem;border:0;color:#fff;background:linear-gradient(110deg,#dd4e22 0,#ef7432);font-weight:700}.btn-secondary{background:linear-gradient(110deg,#2554aa 0,#1674c6)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.45rem}.list-head{margin-top:1rem}.stack{display:grid;gap:.5rem}.row{border:1px solid var(--border);border-radius:12px;padding:.65rem;background:#fffefc}.row-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.row-actions{display:flex;align-items:center;gap:.35rem}.row-actions .btn{width:auto;margin-top:0}.row p{margin:.3rem 0 0;color:var(--muted);font-size:.84rem}.badge{border-radius:999px;font-size:.72rem;font-weight:700;padding:.22rem .55rem}.badge.paid{color:#0a704d;background:#d6f9ea}.badge.pending{color:#8f2d11;background:#ffe0d5}.delete-log-btn{width:auto;border:1px solid #f0b8a6;background:#fff4ef;color:#952d11;font-size:.75rem;font-weight:700;padding:.22rem .5rem;border-radius:999px}.role-badge{margin-top:.6rem;font-size:.84rem;font-weight:700;color:#3d4d70}.form-stack{margin-top:.9rem;padding-top:.8rem;border-top:1px dashed var(--border)}.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:#1419286b}.modal-card{position:relative;z-index:1;width:min(92vw,460px);background:#fff;border:1px solid var(--border);border-radius:16px;padding:.9rem;box-shadow:var(--shadow)}.qr-modal-body{margin-top:.6rem;border:1px solid var(--border);border-radius:12px;padding:.7rem;background:#fffefc}.qr-modal-body img{display:block;width:100%;height:auto;max-height:68vh;object-fit:contain;border-radius:10px}.no-border{margin-top:.2rem;padding-top:0;border-top:0}#logoutBtn{width:auto;margin-top:.5rem}.toast-container{position:fixed;right:.9rem;bottom:.9rem;z-index:60;display:grid;gap:.5rem;width:min(92vw,360px)}.toast{border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow);color:#0f1f34;background:#fff;padding:.62rem .72rem;font-size:.86rem;line-height:1.35;animation:toast-in .18s ease-out}.toast-success{border-color:#8fd6bb;background:#f2fcf7}.toast-error{border-color:#f2b9aa;background:#fff3f0}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none}@media(min-width:760px){.app-shell{padding:1.6rem 1.2rem 2.6rem}.cards{grid-template-columns:repeat(3,1fr)}.tab-bar{grid-template-columns:repeat(4,minmax(0,1fr))}.transactions-subtabs{grid-template-columns:repeat(3,minmax(0,1fr))}h1{font-size:2rem}}