:root{--blue:#2868d8;--blue-soft:#eaf1ff;--green:#07685c;--green-soft:#e7f6ee;--amber:#975014;--amber-soft:#fff1df;--line:#e0e7ef;--muted:#627285}body{background:#f3f6fa}.sidebar{background:#fff;border-inline-end:1px solid var(--line)}.brand img{filter:drop-shadow(0 3px 5px #17364a12)}.nav button{border-radius:12px}.nav button.active{background:#eaf1ff;color:#215abf;box-shadow:inset -3px 0 #2868d8}.nav [data-view=customers].active,.mobile-nav [data-view=customers].active{color:#07685c;background:#e7f6ee}.nav [data-view=suppliers].active,.mobile-nav [data-view=suppliers].active{color:#6743ba;background:#f1ecff}.nav [data-view=charges].active,.mobile-nav [data-view=charges].active{color:#975014;background:#fff1df}.topbar-label{font-weight:600}.panel,.stat,.party-card{box-shadow:0 2px 8px #17364a04}.action-tile.featured{background:#07685c;border-color:#07685c}.action-tile.featured .tile-icon{background:#ffffff24}.action-tile:not(.featured) .tile-icon{background:#eaf1ff;color:#2868d8}.module-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-block:0 25px}.module-tile{border:1px solid var(--line);background:white;border-radius:14px;display:grid;grid-template-columns:auto 1fr auto;column-gap:12px;align-items:center;padding:15px 17px;text-align:start;min-width:0;color:var(--accent,#2868d8)}.module-tile .tile-icon{grid-row:1/3;background:var(--soft,#eaf1ff);color:var(--accent,#2868d8);width:43px;height:43px}.module-tile strong{font-size:18px;color:#17364a}.module-tile small{grid-column:2;font-size:13px;color:var(--muted)}.module-tile>svg{grid-column:3;grid-row:1/3;width:18px}.tone-transactions{--accent:#2868d8;--soft:#eaf1ff}.tone-customers{--accent:#07685c;--soft:#e7f6ee}.tone-suppliers{--accent:#6743ba;--soft:#f1ecff}.tone-charges{--accent:#975014;--soft:#fff1df}.tone-dues{--accent:#2f658a;--soft:#e9f3fa}.tone-cash{--accent:#17675d;--soft:#e7f6ee}#main[data-module=customers],#main[data-module=suppliers],#main[data-module=charges]{--blue:var(--accent);--blue-soft:var(--soft)}#main[data-module=customers]{--accent:#07685c;--soft:#e7f6ee}#main[data-module=suppliers]{--accent:#6743ba;--soft:#f1ecff}#main[data-module=charges]{--accent:#975014;--soft:#fff1df}.party-grid,.charge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.party-card{padding:21px;background:white;border:1px solid var(--line);border-radius:15px}.party-heading{display:flex;gap:12px;align-items:center}.party-heading>div{flex:1}.party-heading .avatar{color:#6743ba;background:#f1ecff}.party-balance{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-block:23px 20px}.party-balance>span{font-size:15px;color:var(--muted)}.party-balance>strong{font-size:24px}.party-footer{border-top:1px solid var(--line);padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.contact-strip{display:flex;gap:20px;flex-wrap:wrap;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:22px;color:var(--muted);font-size:16px}.contact-strip>span{display:flex;gap:8px;align-items:center}.contact-strip svg{width:18px}.journal-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:21px}.journal-filters .field,.charge-filters .field{margin:0}.journal-filters .field>span,.charge-filters .field>span{font-size:14px}.journal-filters>.button{justify-self:start}.journal-row{padding:19px 22px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start}.journal-row:last-child{border-bottom:0}.journal-row.reversed{opacity:.66}.journal-icon{width:41px;height:41px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--accent)}.journal-icon svg{width:22px}.journal-main strong{font-size:17px;overflow-wrap:anywhere}.journal-main .meta{font-size:13px;color:var(--muted);margin-block:4px}.journal-tags{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.journal-amount{text-align:end}.journal-amount>strong{font-size:21px}.journal-actions{display:flex;gap:7px;justify-content:end;margin-top:9px}.journal-actions .button{min-height:35px;font-size:13px;padding:3px 11px}.quick-choice{display:grid;gap:12px}.quick-choice>.button{justify-content:start;padding:16px}.charge-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:14px;align-items:end;margin-bottom:22px}.charge-card{padding:23px;margin:0}.charge-card-head{display:flex;gap:12px;align-items:center}.charge-card-head>div{flex:1}.charge-card-head h2{font-size:20px;overflow-wrap:anywhere}.category-icon{background:#fff1df;color:#975014;border-radius:12px;width:43px;height:43px;display:grid;place-items:center}.charge-amount{font-size:31px;font-weight:600;margin-block:24px 0}.charge-card .detail-actions{margin-block-start:20px}.button:active,.module-tile:active,.action-tile:active{transform:scale(.98)}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #2868d8;outline-offset:3px}.mobile-nav button.active{border-radius:10px}dialog[open]{animation:dialog-enter .2s ease-out}@keyframes dialog-enter{from{opacity:0;transform:translateY(9px) scale(.99)}to{opacity:1;transform:none}}.view-enter{animation:view-enter .2s ease-out}@keyframes view-enter{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}@media(hover:hover){.module-tile:hover,.party-card:hover{border-color:#b9cbdc}.button:hover{filter:brightness(.97)}}
@media(max-width:1050px){.module-tiles{grid-template-columns:repeat(2,1fr)}.party-grid,.charge-grid{grid-template-columns:1fr}.charge-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{overflow-y:auto}.sidebar-note{position:static;margin-top:24px}.nav{gap:4px}.nav button{padding-block:10px}}@media(max-width:760px){.module-tiles{gap:9px;margin-bottom:20px}.module-tile{padding:12px 10px;gap:9px;border-radius:12px}.module-tile strong{font-size:16px}.module-tile small{font-size:12px}.module-tile .tile-icon{width:34px;height:38px;border-radius:9px}.module-tile>svg{display:none}.module-tile{grid-template-columns:auto 1fr}.journal-filters{grid-template-columns:1fr 1fr;gap:11px}.journal-filters>.field:first-child{grid-column:1/-1}.journal-filters input,.journal-filters select{font-size:15px;padding:8px}.journal-row{grid-template-columns:34px minmax(0,1fr);padding:16px;gap:10px}.journal-icon{width:34px;height:37px}.journal-amount{grid-column:2;text-align:start}.journal-amount>strong{font-size:21px}.journal-actions{justify-content:start}.party-card{padding:17px}.party-balance>strong{font-size:22px}.party-grid{gap:13px}.party-footer{flex-wrap:wrap}.charge-card{padding:18px}.charge-card-head{flex-wrap:wrap}.charge-card .detail-actions .button{flex:auto}.charge-filters{gap:11px}.charge-filters .button{align-self:end}.charge-card .summary-line{flex-wrap:wrap}.contact-strip{font-size:15px;gap:10px}.mobile-nav button{font-size:11px}.mobile-nav{gap:2px}.sidebar-note{display:none}.journal-tags .badge{font-size:12px}.form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:380px){.form-grid{grid-template-columns:1fr}.module-tile .tile-icon{display:none}.module-tile{grid-template-columns:1fr}.module-tile small{grid-column:1}.charge-filters{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){dialog[open],.view-enter{animation:reduced-fade .1s linear}.button:active,.module-tile:active,.action-tile:active{transform:none}@keyframes reduced-fade{from{opacity:.7}to{opacity:1}}}
@media(max-width:760px){input,select,textarea,.journal-filters input,.journal-filters select{font-size:16px}.button.small,.text-button.small,.journal-actions .button{min-height:44px}}