:root{--bg:#f6f8fc;--card:#fff;--text:#0f172a;--muted:#64748b;--line:#02061714;--primary1:#2563eb;--primary2:#7c3aed;--radius:16px;--shadow:0 10px 30px #02061714}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-size:14px;line-height:1.35;font-family:Arial,Helvetica,sans-serif!important}*{font-family:Arial,Helvetica,sans-serif!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif!important}a{color:inherit}.container{padding:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.h1{margin:0;font-size:20px;font-weight:900}.h2{margin:0;font-size:16px;font-weight:900}.sub{color:var(--muted);margin-top:6px;font-size:12px}.btn{cursor:pointer;border:none;border-radius:14px;padding:12px 14px;font-weight:800;font-family:Arial,Helvetica,sans-serif!important}.btn-primary{background:linear-gradient(135deg, var(--primary1), var(--primary2));color:#fff;box-shadow:0 10px 25px #2563eb2e}.btn-ghost{border:1px solid var(--line);color:var(--text);background:#fff}.input{background:#fff;border:1px solid #0206171f;border-radius:14px;outline:none;width:100%;padding:12px;font-size:14px;font-family:Arial,Helvetica,sans-serif!important}.input:focus{border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb1f}@media (width<=720px){.container{padding:12px}.card{padding:14px}.btn,.input{border-radius:12px;padding:11px 12px}}@keyframes starBounce{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.sidebar{flex-direction:column;height:100vh;display:flex}.sidebar-nav{flex:1}.sidebar-bottom{margin-top:auto;padding:12px}.card{background:#fff;border:1px solid #0f172a1a;border-radius:16px;box-shadow:0 10px 30px #0206170f}.p-5{padding:20px}.space-y-4>*+*{margin-top:16px}.btn-ghost{cursor:pointer;background:#fff;border:1px solid #0f172a1f;border-radius:12px;height:40px;padding:0 14px;font-weight:600}.btn-ghost:hover{background:#f8fafc}.btn-gradient{cursor:pointer;color:#fff;background:linear-gradient(135deg,#2b67f6 0%,#7c3aed 60%,#ff2d55 120%);border:none;border-radius:12px;height:40px;padding:0 14px;font-weight:700;box-shadow:0 10px 22px #2b67f62e}.btn-gradient:hover{filter:brightness(1.02);transform:translateY(-1px)}.btn-pill{color:#0f172a;background:#fff;border:1px solid #0f172a1f;border-radius:999px;justify-content:center;align-items:center;height:32px;padding:0 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.btn-pill:hover{background:#f8fafc}.table-wrap{border-radius:16px;overflow:auto}.table{border-collapse:separate;border-spacing:0;width:100%;min-width:900px}.table thead th{color:#64748b;text-align:left;background:#f8fafc;border-bottom:1px solid #0f172a1a;padding:12px 14px;font-size:12px}.table tbody td{color:#0f172a;border-bottom:1px solid #0f172a14;padding:12px 14px;font-size:14px}.table tbody tr:hover{background:#f8fafce6}.t-right{text-align:right}.muted{color:#64748b}.badge{color:#334155;background:#f1f5f9;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.ledgerFilters{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.fieldRow{background:#f8fafce6;border:1px solid #02061714;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;display:flex}.fieldLabel{color:#475569;min-width:42px;font-size:12px;font-weight:800}.fieldControl{background:#fff;border:1px solid #0206171f;border-radius:12px;outline:none;min-width:240px;height:40px;padding:0 12px;font-weight:700}.fieldActions{border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.card{font-family:Arial,Helvetica,sans-serif}.ledgerFilters{grid-template-columns:1fr 1.2fr auto;justify-content:end;align-items:end;gap:12px;width:100%;margin-top:12px;display:grid}.fieldRow{background:#f8fafcf2;border:1px solid #02061714;border-radius:14px;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.fieldLabel{color:#334155;white-space:nowrap;min-width:44px;font-size:13px;font-weight:800}.fieldControl{background:#fff;border:1px solid #0206171f;border-radius:12px;outline:none;width:100%;min-width:0;height:42px;padding:0 12px;font-size:14px;font-weight:700}.fieldControl:focus{border-color:#2563eb99;box-shadow:0 0 0 3px #2563eb1f}.fieldRow--party .fieldControl{min-width:260px}.fieldRow--dates{flex-wrap:nowrap;gap:10px}.fieldRow--dates .fieldControl[type=date]{width:190px}.fieldActions{justify-content:flex-end;align-items:center;gap:10px;display:flex}@media (width<=900px){.ledgerFilters{grid-template-columns:1fr}.fieldRow--party .fieldControl{min-width:0}.fieldRow--dates{flex-wrap:wrap}.fieldRow--dates .fieldControl[type=date]{width:100%;min-width:0}.fieldActions{justify-content:stretch}.fieldActions .btn-ghost,.fieldActions .btn-gradient{width:100%}}.attachWrap{justify-content:flex-end;display:inline-flex;position:relative}.attachBtn{cursor:pointer;background:#fff;border:1px solid #0f172a1f;border-radius:999px;justify-content:center;align-items:center;width:42px;height:34px;display:inline-flex}.attachBtn:hover{background:#f8fafc}.attachMenu{z-index:50;background:#fff;border:1px solid #0f172a1f;border-radius:14px;width:220px;padding:8px;position:absolute;top:40px;right:0;box-shadow:0 14px 40px #0206171f}.attachItem{color:#0f172a;border-radius:12px;align-items:center;gap:10px;padding:10px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.attachItem:hover{background:#f8fafc}.attachMeta{color:#64748b;margin-top:2px;font-size:11px;font-weight:700}.attachEmpty{color:#94a3b8;text-align:center;padding:10px;font-size:12px;font-weight:800}