*{box-sizing:border-box}:root{--ink:#073c4a;--muted:#587483;--paper:#f5f8f4;--line:#dce8e3;--accent:#08655c;--blue:#315995;--mint:#c9edcf;--yellow:#ffeda4;--coral:#fce8df}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 5%,#dbe8df 0 12%,transparent 35%),#e9f0eb;color:var(--ink);font-family:'DM Sans',sans-serif}button,input,select{font:inherit}button{border:0;cursor:pointer}.page-shell{width:min(100%,560px);min-height:100vh;margin:0 auto;padding:32px 20px 42px;background:var(--paper);position:relative;overflow:hidden}.page-shell:before{content:'';position:absolute;right:-44px;top:-102px;width:206px;height:206px;border-radius:50%;background:#e6efe9}.page-header{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;margin-bottom:22px;position:relative;z-index:1}h1,h2{font-family:'Plus Jakarta Sans',sans-serif}h1{margin:0;text-align:center;font-size:18px;letter-spacing:.2px}.back-link{color:var(--ink);text-decoration:none;font-size:28px;line-height:1;width:30px}.header-actions{display:flex;align-items:center;gap:6px}.home-button,.input-button{color:#fff;padding:9px 10px;border-radius:9px;font-weight:700;font-size:11px;text-decoration:none;white-space:nowrap}.home-button{background:#2a7c73}.input-button{background:var(--accent)}.input-button span{font-size:16px;margin-right:4px}.table-wrap{width:100%;overflow-x:auto}table{width:max-content;min-width:100%;border-collapse:collapse;table-layout:auto;font-size:10px;background:#fff}th,td{border:1px solid var(--line);padding:7px 5px;text-align:center;vertical-align:middle;line-height:1.25;white-space:normal;overflow-wrap:anywhere}thead{background:var(--blue);color:#fff}thead th{font-size:10px;font-weight:800;letter-spacing:.25px}.notes-heading{min-width:112px}.action-heading{width:72px;min-width:72px;white-space:nowrap}.total-header-row th{padding:9px 5px;font-size:10px;font-weight:400;text-align:right;white-space:nowrap;color:#fff}tbody td{font-weight:400;color:#17242b}td:nth-child(3),td:nth-child(4){text-align:left}.money{white-space:nowrap;text-align:right}.money .currency{float:left;color:var(--muted);margin-right:5px}.method-barang{background:var(--yellow);color:#99620b}.method-rekening{background:var(--mint);color:#177445}.actions{display:flex;flex-direction:column;align-items:stretch;gap:3px}.row-action{padding:5px 7px;border-radius:6px;font-size:9px;white-space:nowrap}.edit-action{background:#e6f1ed;color:#13665b}.delete-action{background:var(--coral);color:#be4d35}.empty-row td{padding:28px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#0d272580;z-index:5}.data-modal{position:relative;width:min(100%,540px);padding:28px;border-radius:16px;background:#fff;box-shadow:0 18px 50px #172f2d30}.close-button{position:absolute;top:15px;right:18px;background:transparent;color:var(--muted);font-size:28px}.eyebrow{margin:0 0 5px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:1px}.data-modal h2{margin:0 0 21px;font-size:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{color:var(--muted);font-size:11px;font-weight:700}.full-field{grid-column:1/-1}.form-grid input,.form-grid select{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #d5dfdb;border-radius:8px;outline-color:var(--accent);color:var(--ink);background:#fff}.submit-button{width:100%;margin-top:22px;padding:13px;border-radius:9px;background:var(--accent);color:#fff;font-weight:700}[hidden]{display:none}@media(max-width:620px){.page-shell{padding:32px 20px 42px}.page-header{grid-template-columns:25px 1fr auto;gap:5px;margin-bottom:16px}h1{font-size:16px}.home-button,.input-button{padding:8px 7px;font-size:10px}.back-link{font-size:22px}table{font-size:9px}th,td{padding:7px 2px;line-height:1.2}thead th,.total-header-row th{font-size:9px}.notes-heading{min-width:98px}.action-heading{min-width:68px}.row-action{padding:4px 2px;font-size:8px}.data-modal{padding:23px 18px}}