:root{color:#162033;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f6f8fb}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:24px;padding:24px 18px;color:#f8fbff;background:#24324a}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:inline-grid;width:40px;height:40px;place-items:center;border-radius:8px;color:#24324a;background:#9fe0c5;font-weight:800}.brand strong,.brand small{display:block}.brand small,.eyebrow,.navigation p{color:#8ea0ba;font-size:.78rem}.role-switcher{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;border-radius:8px;background:#1c273a}.role-switcher button{min-height:34px;border:0;border-radius:6px;color:#cbd7e8;background:transparent;cursor:pointer}.role-switcher button.active{color:#172033;background:#f8fbff;font-weight:700}.navigation{display:flex;flex-direction:column;gap:18px}.navigation section{display:flex;flex-direction:column;gap:6px}.navigation p{margin:0 0 4px}.navigation a{display:block;min-height:38px;padding:10px 12px;border-radius:8px;color:#e4ebf6;text-decoration:none}.navigation a.router-link-active{color:#152134;background:#9fe0c5;font-weight:700}.content{padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.topbar h1,.section-heading h2{margin:4px 0 0}.split-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.status-pill{padding:8px 12px;border-radius:999px;color:#205341;background:#dff6ed;font-size:.88rem;font-weight:700}.page-section{display:grid;gap:18px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-grid.compact{grid-template-columns:repeat(2,minmax(0,220px))}.metric-card,.empty-state,.data-panel{border:1px solid #dce4ef;border-radius:8px;background:#fff}.metric-card{display:grid;gap:10px;min-height:120px;padding:18px}.metric-card span{color:#67748a}.metric-card strong{font-size:1.5rem}.empty-state{padding:28px;color:#536176}.data-panel{padding:18px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}.form-grid label{display:grid;gap:6px;color:#536176;font-size:.88rem}.form-grid input,.form-grid select,.data-table select{width:100%;min-height:38px;padding:8px 10px;border:1px solid #cfd8e6;border-radius:6px;color:#162033;background:#fff}.table-input{width:100%;min-width:220px;min-height:34px;padding:6px 8px;border:1px solid #cfd8e6;border-radius:6px;color:#162033;background:#fff}.log-cell{max-width:320px;overflow-wrap:anywhere;color:#536176;font-size:.82rem}.primary-action,.primary-link,.table-toolbar button,.data-table button{min-height:38px;padding:8px 12px;border:0;border-radius:6px;color:#132238;background:#9fe0c5;font-weight:700;cursor:pointer}.primary-link{display:inline-flex;align-items:center;color:#132238;text-decoration:none}.secondary-action{margin-left:10px;background:#e7eef7}.preview-frame{width:100%;height:520px;border:1px solid #dce4ef;border-radius:6px;background:#fff}.table-toolbar button,.data-table button{color:#24324a;background:#e7eef7}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 10px;border-top:1px solid #e5ebf3;text-align:left;vertical-align:middle}.data-table a{display:inline-block;margin-right:10px;color:#245c9c;font-weight:700;text-decoration:none}.data-table th{color:#536176;font-size:.85rem;font-weight:700}.message{margin:0;padding:12px 14px;border-radius:8px}.message.success{color:#205341;background:#dff6ed}.message.danger{color:#8a2323;background:#fde7e7}.muted{color:#67748a}.amount-in{color:#20764f;font-weight:700}.amount-out{color:#b73535;font-weight:700}.wide-field{grid-column:span 2}.line-item-grid{display:grid;grid-template-columns:140px minmax(140px,1fr) minmax(140px,1fr) 1.5fr 120px 80px;gap:12px;align-items:end;padding:12px 0;border-top:1px solid #e5ebf3}.line-item-grid label{display:grid;gap:6px;color:#536176;font-size:.88rem}.line-item-grid input,.line-item-grid select{min-height:38px;padding:8px 10px;border:1px solid #cfd8e6;border-radius:6px;color:#162033;background:#fff}.line-item-grid button{min-height:38px;border:0;border-radius:6px;color:#8a2323;background:#fde7e7;cursor:pointer}@media (max-width: 820px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;padding:16px}.content{padding:18px}.topbar{align-items:flex-start;flex-direction:column}.metric-grid,.metric-grid.compact,.form-grid,.line-item-grid{grid-template-columns:1fr}.wide-field{grid-column:auto}.data-panel{overflow-x:auto}}