@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--teal:#0e7c73;--teal-dark:#0b5d56;--teal-deep:#08443f;--teal-tint:#e7f4f2;--teal-soft:#f1f9f8;--ink:#16302e;--muted:#5e726f;--line:#e4ecea;--canvas:#f6f9f8;--card:#fff;--green:#15803d;--green-bg:#dcfce7;--amber:#b45309;--amber-bg:#fef3c7;--red:#b91c1c;--red-bg:#fee2e2;--shadow:0 1px 2px #10302e0a, 0 8px 24px #10302e0f;--radius:16px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,sans-serif}.num{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.btn{cursor:pointer;border:none;border-radius:12px;padding:13px 20px;font-family:inherit;font-size:15px;font-weight:700;transition:background .15s,opacity .15s}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.field{margin-bottom:18px}.field label{color:var(--ink);margin-bottom:7px;font-size:13.5px;font-weight:600;display:block}.field input{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:13px 15px;font-family:inherit;font-size:15px;transition:border-color .15s}.field input:focus{border-color:var(--teal);outline:none}.alert{background:var(--red-bg);color:var(--red);border-radius:12px;margin-bottom:18px;padding:12px 15px;font-size:13.5px;font-weight:600}.select{border:1.5px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;padding:13px 15px;font-family:inherit;font-size:15px}.select:focus{border-color:var(--teal);outline:none}.pill{border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-block}.pill.paid{background:var(--green-bg);color:var(--green)}.pill.part{background:var(--amber-bg);color:var(--amber)}.pill.owed{background:var(--red-bg);color:var(--red)}.c-teal{background:var(--teal-tint);color:var(--teal-dark)}.c-green{background:var(--green-bg);color:var(--green)}.c-amber{background:var(--amber-bg);color:var(--amber)}.c-red{background:var(--red-bg);color:var(--red)}@media print{.no-print{display:none!important}body{background:#fff}body *{visibility:hidden}#id-card,#id-card *{visibility:visible}#id-card{position:fixed;top:30px;left:50%;transform:translate(-50%);box-shadow:none!important}#statement-sheet,#statement-sheet *{visibility:visible}#statement-sheet{width:100%;position:absolute;top:0;left:0;box-shadow:none!important;border:none!important}}#receipt,#receipt *{visibility:visible}#receipt{width:100%;position:absolute;top:0;left:0;box-shadow:none!important;border:none!important}#receipt *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.mobile-topbar,.mobile-overlay{display:none}@media (width<=768px){.app-root{display:block!important}div[style*="rgba(16,48,46,.45)"]{align-items:flex-end!important;padding:12px!important}div[style*="rgba(16,48,46,.45)"]>div{border-radius:18px!important;max-width:100%!important;max-height:92vh!important}.mobile-topbar{border-bottom:1px solid var(--line);z-index:30;background:#fff;align-items:center;gap:14px;padding:14px 18px;display:flex;position:sticky;top:0}.hamburger-btn{cursor:pointer;color:var(--teal-dark);background:0 0;border:none;padding:0;font-size:26px;line-height:1}.app-sidebar{box-shadow:4px 0 24px #0003;z-index:50!important;transition:transform .25s!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;transform:translate(-100%)!important}.app-sidebar.sidebar-open{transform:translate(0)!important}.mobile-overlay{z-index:45;background:#00000073;display:block;position:fixed;inset:0}.app-main{width:100%!important}table{white-space:nowrap;display:block;overflow-x:auto}.app-main [style*=repeat\(4],.app-main [style*=repeat\(5],.app-main [style*=repeat\(3]{grid-template-columns:1fr 1fr!important}.sidebar-close{color:#fff;cursor:pointer;z-index:60;pointer-events:auto;background:#ffffff26;border:none;border-radius:9px;width:34px;height:34px;font-size:16px;display:block;position:absolute;top:14px;right:14px}body{font-size:14px}h1{font-size:21px!important}h2{font-size:18px!important}h3{font-size:15px!important}html,body{max-width:100%;overflow-x:hidden}.app-main{padding:14px 0!important}.app-main>div>div[style*="border-radius: 18px"],.app-main>div>div[style*=borderRadius]{border-left:none!important;border-right:none!important;border-radius:0!important}.app-main h1,.app-main>div>p{padding-left:16px;padding-right:16px}.app-main div[style*=minmax\(150px],.app-main div[style*=minmax\(180px]{padding:0 16px;grid-template-columns:1fr!important}}
