html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{background:#f5f7fa;font-family:system-ui,sans-serif}:root{--bg:#eef3f1;--card:#fff;--ink:#1c2b28;--muted:#6b7c78;--line:#e2eae7;--teal:#0f6e62;--teal-2:#148f7f;--red:#c0392b;--green:#1e7a46;--shadow:0 8px 24px #14322d14}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Segoe UI,Tahoma,sans-serif}.app{max-width:520px;margin:0 auto;padding:16px 14px 40px}.header{color:#fff;box-shadow:var(--shadow);background:linear-gradient(160deg,#0f6e62,#148f7f);border-radius:18px;padding:16px 16px 14px}.header h1{margin:0 0 10px;font-size:1.25rem;font-weight:700}.month-nav{justify-content:space-between;align-items:center;gap:8px;display:flex}.month-nav p{margin:0;font-weight:600}.month-nav button,.header .btn-del{color:#fff;cursor:pointer;background:#ffffff2e;border:0;border-radius:10px;padding:6px 12px}.header .btn-del{background:#ffdcdc47;margin-top:10px}.summary{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;display:grid}.summary>div{background:var(--card);text-align:center;box-shadow:var(--shadow);border-radius:14px;padding:10px 8px}.summary span{color:var(--muted);font-size:.78rem;display:block}.summary strong{margin-top:4px;font-size:.92rem;display:block}section h2{margin:18px 0 8px;font-size:1rem}.add-form,.list{background:var(--card);box-shadow:var(--shadow);border-radius:14px}.add-form{flex-direction:column;gap:8px;margin-bottom:8px;padding:12px;display:flex}.add-form input,.add-form select,.add-form button{font:inherit;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.add-form button{background:var(--teal);color:#fff;cursor:pointer;border:0;font-weight:600}.add-form button:hover{background:var(--teal-2)}.btn-cancel{color:var(--ink)!important;background:#edf0ef!important}.list{margin:0;padding:0;list-style:none;overflow:hidden}.list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.list li:last-child{border-bottom:0}.row-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.btn-edit,.btn-del{cursor:pointer;border:0;border-radius:8px;padding:5px 9px;font-size:.8rem}.btn-edit{color:var(--teal);background:#e7f6f3}.btn-del{color:var(--red);background:#fdecea}.muted{color:var(--muted);font-size:.82rem}.error{color:var(--red)}.green{color:var(--green)}.red{color:var(--red)}.gray{color:#5f6b68}.loan{color:#b86b1a}.sticky-top{z-index:20;background:var(--bg);padding-bottom:6px;position:sticky;top:0}.tx-toolbar{gap:8px;margin:0 0 8px;display:flex}.tx-toolbar button,.tx-toolbar select{font:inherit;border:1px solid var(--line);background:var(--card);border-radius:10px;min-height:44px;padding:8px 10px}.tx-toolbar button{background:var(--teal);color:#fff;cursor:pointer;border:0}.tx-list{max-height:42vh;overflow:auto}.add-form input,.add-form select,.add-form button,.btn-edit,.btn-del,.month-nav button{min-height:44px}.add-form input,.add-form select,.tx-toolbar select{font-size:16px}