html,body{height:100%;margin:0;font-family:Roboto,sans-serif;background:#f6f9fb}*{box-sizing:border-box}body{min-height:100%;overflow-y:auto;overflow-x:hidden}:root{--bm-ink: #10233f;--bm-teal: #0f766e;--bm-blue: #1d4ed8;--bm-amber: #f59e0b;--bm-muted: #64748b;--bm-line: #d9e2ec;--bm-surface: rgba(255, 255, 255, .94);--bm-soft-blue: #eff6ff;--bm-soft-teal: #ecfdf5;--bm-soft-amber: #fffbeb;--bm-soft-rose: #fff1f2;--bm-primary: #0f766e;--bm-primary-hover: #0b5f59;--bm-heading: #10233f;--bm-body: #334155;--bm-danger: #b42318;--bm-success: #047857;--bm-radius-sm: 10px;--bm-radius-md: 15px;--bm-radius-lg: 22px;--bm-shadow: 0 14px 38px rgba(15, 23, 42, .07);--bm-focus: 0 0 0 3px rgba(15, 118, 110, .22)}button,a,input,select,textarea{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--bm-focus)}.status-badge{display:inline-flex;align-items:center;justify-content:center;justify-self:start;border-radius:999px;padding:6px 9px;background:#e8eef5;color:#475569;font-size:12px;font-weight:900;text-transform:capitalize}.status-badge[data-status=accepted],.status-badge[data-status=issued],.status-badge[data-status=paid],.status-badge[data-status=posted]{background:#dcfce7;color:#166534}.status-badge[data-status=draft],.status-badge[data-status=sent]{background:#dbeafe;color:#1d4ed8}.status-badge[data-status=overdue],.status-badge[data-status=cancelled],.status-badge[data-status=rejected],.status-badge[data-status=reversed]{background:#fee2e2;color:#991b1b}.page-surface{border:1px solid rgba(84,111,133,.16);border-radius:22px;padding:22px;background:linear-gradient(180deg,#fff,#f8fbfd);box-shadow:0 16px 44px #0f172a14}.page-kicker{margin:0 0 7px;color:var(--bm-teal);font-size:12px;font-weight:900;text-transform:uppercase}.page-title{margin:0;color:var(--bm-ink);font-size:clamp(28px,3vw,40px);line-height:1.05}.page-copy{margin:10px 0 0;max-width:760px;color:var(--bm-muted);line-height:1.7}.empty-panel{display:grid;place-items:center;min-height:280px;border:1px dashed #cbd5e1;border-radius:18px;padding:28px;background:#f8fafc;color:var(--bm-muted);text-align:center}.empty-panel strong{display:block;margin-bottom:7px;color:var(--bm-ink);font-size:18px}.data-loader{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:16px;min-height:112px;border:1px solid #dbe5ec;border-radius:16px;padding:20px;background:#ffffffeb;box-shadow:0 10px 28px #0f233f0f;color:#526477}.data-loader__mark{width:38px;height:38px;border:3px solid #d7e9e6;border-top-color:#0f766e;border-radius:50%;animation:data-loader-spin .8s linear infinite}.data-loader__content{display:grid;gap:10px}.data-loader__content strong{color:#17324d;font-size:14px}.data-loader__lines{display:grid;gap:7px}.data-loader__lines span{display:block;height:9px;border-radius:999px;background:linear-gradient(90deg,#edf3f6 20%,#dce9e7,#edf3f6 70%);background-size:240% 100%;animation:data-loader-shimmer 1.35s ease-in-out infinite}.data-loader__lines span:first-child{width:min(520px,82%)}.data-loader__lines span:last-child{width:min(360px,58%)}@keyframes data-loader-spin{to{transform:rotate(360deg)}}@keyframes data-loader-shimmer{to{background-position:-240% 0}}@media(max-width:640px){.data-loader{grid-template-columns:32px minmax(0,1fr);min-height:96px;padding:16px}.data-loader__mark{width:30px;height:30px}}@media(prefers-reduced-motion:reduce){.data-loader__mark,.data-loader__lines span{animation:none}}.search-field{position:relative;display:block}.search-field input{width:100%;padding-right:42px}.search-progress{display:inline-block;flex:0 0 auto;width:20px;height:20px;border:2px solid #d7e9e6;border-top-color:#0f766e;border-radius:50%;animation:data-loader-spin .65s linear infinite}.search-field .search-progress{position:absolute;top:50%;right:12px;margin-top:-10px}@media(prefers-reduced-motion:reduce){.search-progress{animation:none}}.erp-page .document-search{display:flex;align-items:center;gap:10px;margin:18px 0 0;border:1px solid #d7e0ec;border-radius:14px;padding:11px 13px;background:#fff}.erp-page .document-search>.material-icons{color:#64748b}.erp-page .document-search input{flex:1;min-width:180px;min-height:40px;border:0;outline:0;font:inherit}.erp-page .document-search strong{color:#64748b;font-size:13px;white-space:nowrap}.erp-page .document-search button{padding:9px 12px;background:#e8eef5;color:#10233f}.erp-page .record-count{margin-top:9px;color:#64748b;font-size:12px;font-weight:800;text-align:right}@media(max-width:640px){.erp-page .document-search{flex-wrap:wrap}.erp-page .document-search input{flex-basis:calc(100% - 40px)}.erp-page .document-search strong{margin-left:32px}.erp-page .document-search button{margin-left:auto}}