:root{--bg: #f3f5fa;--bg-grad: radial-gradient(1200px 500px at 100% -10%, #e7ecfb 0%, transparent 60%);--panel: #ffffff;--panel-2: #f1f3f9;--border: #e2e6f0;--text: #1b2030;--muted: #707892;--accent: #4f6bed;--accent-soft: rgba(79, 107, 237, .12);--emi: #4f6bed;--pao: #e0568a;--ok: #1f9e6e;--ok-soft: rgba(31, 158, 110, .12);--warn-bg: rgba(214, 158, 46, .12);--warn-border: #d69e2e;--warn-text: #8a6300;--danger: #d6455c;--danger-soft: rgba(214, 69, 92, .12);--shadow: 0 1px 2px rgba(20, 30, 60, .04), 0 8px 24px rgba(20, 30, 60, .06);--hearts: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'><g fill='%23e0568a' fill-opacity='0.06'><path transform='translate(7 7) scale(0.7)' d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/><path transform='translate(39 39) scale(0.7)' d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/></g></svg>");color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #0e1015;--bg-grad: radial-gradient(1200px 500px at 100% -10%, #1a2030 0%, transparent 60%);--panel: #171a21;--panel-2: #1f232c;--border: #2a2f3a;--text: #e7e9ee;--muted: #8b93a3;--accent: #7d97ff;--accent-soft: rgba(125, 151, 255, .15);--emi: #7d97ff;--pao: #ff8fb1;--ok: #36c890;--ok-soft: rgba(54, 200, 144, .15);--warn-bg: rgba(255, 170, 60, .1);--warn-border: #c98a36;--warn-text: #f0c98a;--danger: #ff6b6b;--danger-soft: rgba(255, 107, 107, .14);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35);--hearts: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'><g fill='%23ff8fb1' fill-opacity='0.05'><path transform='translate(7 7) scale(0.7)' d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/><path transform='translate(39 39) scale(0.7)' d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/></g></svg>");color-scheme:dark}}:root[data-theme=light]{--bg: #f3f5fa;--bg-grad: radial-gradient(1200px 500px at 100% -10%, #e7ecfb 0%, transparent 60%);--panel: #ffffff;--panel-2: #f1f3f9;--border: #e2e6f0;--text: #1b2030;--muted: #707892;--accent: #4f6bed;--accent-soft: rgba(79,107,237,.12);--emi: #4f6bed;--pao: #e0568a;--ok: #1f9e6e;--ok-soft: rgba(31,158,110,.12);--warn-bg: rgba(214,158,46,.12);--warn-border: #d69e2e;--warn-text: #8a6300;--danger: #d6455c;--danger-soft: rgba(214,69,92,.12);--shadow: 0 1px 2px rgba(20,30,60,.04), 0 8px 24px rgba(20,30,60,.06);color-scheme:light;--hearts: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'><g fill='%23e0568a' fill-opacity='0.06'><path transform='translate(7 7) scale(0.7)' d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/><path transform='translate(39 39) scale(0.7)' d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/></g></svg>")}:root[data-theme=dark]{--bg: #0e1015;--bg-grad: radial-gradient(1200px 500px at 100% -10%, #1a2030 0%, transparent 60%);--panel: #171a21;--panel-2: #1f232c;--border: #2a2f3a;--text: #e7e9ee;--muted: #8b93a3;--accent: #7d97ff;--accent-soft: rgba(125,151,255,.15);--emi: #7d97ff;--pao: #ff8fb1;--ok: #36c890;--ok-soft: rgba(54,200,144,.15);--warn-bg: rgba(255,170,60,.1);--warn-border: #c98a36;--warn-text: #f0c98a;--danger: #ff6b6b;--danger-soft: rgba(255,107,107,.14);--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);color-scheme:dark;--hearts: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'><g fill='%23ff8fb1' fill-opacity='0.05'><path transform='translate(7 7) scale(0.7)' d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/><path transform='translate(39 39) scale(0.7)' d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/></g></svg>")}*{box-sizing:border-box}body{margin:0;background-color:var(--bg);background-image:var(--bg-grad),var(--hearts);background-repeat:no-repeat,repeat;background-position:100% -10%,center;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased;min-height:100vh}.app{max-width:880px;margin:0 auto;padding:0 16px 80px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:12px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.brand .logo{width:44px;height:44px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);border-radius:14px}.brand h1{margin:0;font-size:19px;letter-spacing:-.02em}.brand small{color:var(--muted)}.topbar-right{display:flex;align-items:center;gap:10px}.monthnav{display:flex;align-items:center;gap:6px}.monthnav button,.theme-toggle{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--border);color:var(--text);cursor:pointer;transition:border-color .15s,transform .05s;box-shadow:var(--shadow)}.monthnav button:hover,.theme-toggle:hover{border-color:var(--accent)}.monthnav button:active,.theme-toggle:active{transform:scale(.96)}.monthnav .month{min-width:150px;text-align:center;font-weight:650;display:flex;gap:8px;align-items:center;justify-content:center;font-size:14px}.badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-text);text-transform:uppercase;letter-spacing:.04em}.badge.ok{color:var(--ok);border-color:var(--ok);background:var(--ok-soft)}.tabs{display:flex;gap:4px;background:var(--panel);border:1px solid var(--border);padding:5px;border-radius:14px;margin-bottom:18px;box-shadow:var(--shadow)}.tabs button{flex:1;background:none;border:none;color:var(--muted);padding:9px 12px;cursor:pointer;font-size:14px;font-weight:600;border-radius:10px;transition:.15s}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--accent);background:var(--accent-soft)}.stack{display:flex;flex-direction:column;gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.card h2{margin:0 0 14px;font-size:16px;letter-spacing:-.01em}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-head h2{margin:0}label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);font-weight:500}input,select{background:var(--panel-2);border:1px solid var(--border);border-radius:11px;padding:11px 12px;color:var(--text);font-size:15px;width:100%;font-family:inherit;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.grid .col2{grid-column:span 2}.actions{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}button.primary{background:var(--accent);color:#fff;border:none;border-radius:11px;padding:11px 18px;font-size:15px;cursor:pointer;font-weight:650;transition:filter .15s,transform .05s;display:inline-flex;align-items:center;justify-content:center;gap:8px}button.primary:hover{filter:brightness(1.07)}button.primary:active{transform:scale(.98)}.actions button:not(.primary),.row-form button:not(.primary){background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:11px;padding:11px 18px;cursor:pointer;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}.fab-inline{align-self:flex-start}button.icon{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--muted);cursor:pointer;display:grid;place-items:center}button.icon:hover{color:var(--text)}button.icon.ok{color:var(--ok);border-color:var(--ok)}.split-pay{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.pay-block{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}.pay-block .who{font-weight:700;font-size:13px}.pay-block .who.emi{color:var(--emi)}.pay-block .who.pao{color:var(--pao)}.method-create{display:flex;gap:6px}.method-create input{flex:1}.split-control{margin:6px 0 12px}.split-control .label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px;font-weight:500}.seg{display:flex;gap:8px;flex-wrap:wrap}.seg button{flex:1;min-width:140px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:11px;padding:10px 12px;cursor:pointer;font-size:13px;font-weight:600}.seg button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.table-wrap{overflow-x:auto;margin:0 -4px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:none}th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em}td.r,th.r{text-align:right}.strong{font-weight:600}.muted{color:var(--muted)}.chip{display:inline-block;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.chip.ghost{background:var(--panel-2);color:var(--muted);font-weight:500}.chip.removable{display:inline-flex;align-items:center;gap:6px}.chip.removable button{background:none;border:none;color:inherit;cursor:pointer;padding:0;opacity:.7;display:inline-flex;align-items:center}.chip.removable button:hover{opacity:1}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.row-actions{white-space:nowrap;text-align:right}.row-actions button{background:none;border:none;cursor:pointer;padding:6px;border-radius:8px;color:var(--muted);display:inline-grid;place-items:center;vertical-align:middle}.row-actions button:hover{background:var(--panel-2);color:var(--text)}.row-form{display:flex;gap:8px;margin-top:6px}.row-form input{flex:1}.empty{color:var(--muted);text-align:center;padding:24px}.total{color:var(--muted);font-size:14px}.total b{color:var(--text);font-size:16px}table.kv td{border-bottom:none;padding:7px 4px}table.kv tr.sep td{padding-top:14px}.result{margin-top:16px;padding:16px;border-radius:14px;text-align:center;font-size:16px;background:var(--accent-soft);border:1px solid var(--accent)}.result.even{background:var(--ok-soft);border-color:var(--ok)}.pct-preview{margin:8px 0 14px}.bar{display:flex;height:38px;border-radius:11px;overflow:hidden;font-size:12px;font-weight:700}.bar .emi,.bar .pao{display:flex;align-items:center;justify-content:center;color:#fff;min-width:0;white-space:nowrap;transition:width .3s}.bar .emi{background:var(--emi)}.bar .pao{background:var(--pao)}.notice{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-text);padding:13px 15px;border-radius:13px;font-size:14px;display:flex;align-items:center;gap:10px}.notice svg{flex-shrink:0}.error{background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger);padding:12px 15px;border-radius:13px;margin-bottom:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:500}.info{background:var(--ok-soft);border:1px solid var(--ok);color:var(--ok);padding:12px 15px;border-radius:13px;margin-bottom:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:500}.dismiss{opacity:.7;display:inline-flex;align-items:center}.ok-text{color:var(--ok);font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.even-msg{display:inline-flex;align-items:center;gap:8px}@media (max-width: 620px){.grid{grid-template-columns:1fr}.grid .col2{grid-column:span 1}.split-pay{grid-template-columns:1fr}.brand small{display:none}.topbar-right{width:100%;justify-content:space-between}table.responsive thead{display:none}table.responsive,table.responsive tbody,table.responsive tr,table.responsive td{display:block;width:100%}table.responsive tr{border:1px solid var(--border);border-radius:13px;padding:6px 12px;margin-bottom:10px;background:var(--panel-2)}table.responsive td{border:none;padding:7px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:right}table.responsive td:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;text-align:left}table.responsive td.strong{font-size:15px}table.responsive .row-actions{justify-content:flex-end;gap:8px;padding-top:10px}table.responsive .row-actions:before{content:""}}