@import url(https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;500;600;700&family=Source+Serif+Pro:wght@600;700&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--ink:#1f2937;--muted:#6b7280;--muted-2:#98a2b3;--panel:#fff;--panel-soft:#f8fafc;--line:#e5e7eb;--accent:#1f4e79;--accent-deep:#173b5c;--accent-soft:#edf4fa;--page:#f4f7fa;--sidebar:#102a43;--sidebar-muted:#9fb3c8;--sidebar-line:#21415f;--sidebar-w:248px;--header-h:86px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--font-body:"Libre Franklin",sans-serif;--font-display:"Source Serif Pro",serif;--transition:180ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;margin:0;overflow-x:hidden;overscroll-behavior:none;width:100%}body{-webkit-font-smoothing:antialiased;background:#f4f7fa;background:var(--page);color:#1f2937;color:var(--ink);font-family:Libre Franklin,sans-serif;font-family:var(--font-body);font-size:14px;position:fixed}.app,body{width:100vw}.app{display:flex;height:100vh;overflow:hidden}.sidebar{background:#102a43;background:var(--sidebar);border-right:1px solid #21415f;border-right:1px solid var(--sidebar-line);display:flex;flex-direction:column;flex-shrink:0;width:248px;width:var(--sidebar-w);z-index:10}.sidebar-top{border-bottom:1px solid #21415f;border-bottom:1px solid var(--sidebar-line);height:86px;height:var(--header-h);padding:0 24px}.brand,.sidebar-top{align-items:center;display:flex}.brand{gap:12px}.brand-mark{align-items:center;background:#173b5c;background:var(--accent-deep);border:1px solid #6f8fb0;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.brand-mark,.brand-name{color:#fff;font-size:20px}.brand-name{font-family:"Source Serif Pro",serif;font-family:var(--font-display);line-height:1}.brand-sub{color:#9fb3c8;color:var(--sidebar-muted);font-size:9px;letter-spacing:.22em;margin-top:4px;text-transform:uppercase}.nav{flex:1 1;padding:24px 16px}.nav-section-label{color:#8fa6bb;font-size:9px;font-weight:600;letter-spacing:.2em;padding:0 12px 12px;text-transform:uppercase}.nav-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#b7c7d6;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:12px;margin-bottom:4px;padding:12px;text-align:left;text-decoration:none;transition:.18s ease;transition:var(--transition);width:100%}.nav-item:hover{background:#173b5c;background:var(--accent-deep);color:#fff;transform:translateX(2px)}.nav-item--active{background:#1f4e79;background:var(--accent);border-color:#35658f;color:#fff;font-weight:600}.main-wrapper{flex:1 1;min-width:0}.header{background:#edf4fa;background:var(--accent-soft);height:86px;height:var(--header-h);justify-content:space-between;padding:0 32px}.breadcrumb,.header{align-items:center;display:flex}.breadcrumb{color:#94a3b8;font-size:11px;gap:8px}.breadcrumb-current{color:#64748b;font-weight:500}.header-right{gap:12px}.header-right,.icon-btn{align-items:center;display:flex}.icon-btn{background:#fff;border:1px solid #d6dee7;border-radius:6px;color:#64748b;cursor:pointer;height:36px;justify-content:center;transition:.18s ease;transition:var(--transition);width:36px}.icon-btn:hover{background:#f3f6f9;border-color:#cfd8e3;color:#173b5c;color:var(--accent-deep);transform:translateY(-1px)}.profile{gap:12px;padding-left:12px}.profile,.profile-avatar{align-items:center;display:flex}.profile-avatar{background:#edf4fa;background:var(--accent-soft);border-radius:50%;color:#1f4e79;color:var(--accent);height:36px;justify-content:center;width:36px}.profile-avatar,.profile-name{font-size:11px;font-weight:600}.profile-name,.profile-role{line-height:1.2}.profile-role{color:#6b7280;color:var(--muted);font-size:10px}.content{padding:36px 32px}.page-intro{margin-bottom:28px}.eyebrow{color:#1f4e79;color:var(--accent);font-size:10px;font-weight:600;letter-spacing:.22em;margin-bottom:8px;text-transform:uppercase}.page-title{color:#1f2937;color:var(--ink);font-family:"Source Serif Pro",serif;font-family:var(--font-display);font-size:28px;font-weight:700}.page-sub{color:#6b7280;color:var(--muted);font-size:12px;line-height:1.6;margin-top:8px;max-width:600px}.kpi-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.kpi-card{display:flex;flex-direction:column;padding:24px}.kpi-icon{align-items:center;background:#edf4fa;background:var(--accent-soft);border-radius:8px;color:#1f4e79;color:var(--accent);display:flex;height:40px;justify-content:center;margin-bottom:16px;width:40px}.kpi-label{color:#6b7280;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.kpi-value{color:#1f2937;color:var(--ink);font-family:"Source Serif Pro",serif;font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1}.kpi-sub{color:#6b7280;color:var(--muted);font-size:11px;margin-top:6px}.panel{background:#fff;border:1px solid #dde5ee;border-radius:12px;box-shadow:0 10px 35px #0f2a430f;overflow:hidden}.panel-header{align-items:center;border-bottom:1px solid #e5eaf0;display:flex;justify-content:space-between;padding:20px 24px}.panel-title{font-size:15px;font-weight:600}.panel-sub{color:#6b7280;color:var(--muted);font-size:10px;margin-top:4px}.table-wrapper{overflow-x:auto}.bill-table{border-collapse:collapse;min-width:1000px;table-layout:fixed;width:100%}.td,.th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th{background:#f8fafc;border-bottom:1px solid #e5eaf0;color:#1f2937;color:var(--ink);font-size:9px;font-weight:600;letter-spacing:.12em;text-align:left;text-transform:uppercase}.td,.th{padding:16px 24px}.td{border-bottom:1px solid #edf1f5;font-size:11px}.tr{transition:background .18s ease}.tr:hover{background:#f8fbfd}.tr-clickable{cursor:pointer}.bill-name-cell{gap:12px}.bill-icon,.bill-name-cell{align-items:center;display:flex}.bill-icon{background:#edf4fa;background:var(--accent-soft);border-radius:6px;color:#1f4e79;color:var(--accent);height:36px;justify-content:center;width:36px}.bill-name{font-size:12px;font-weight:600}.bill-code{color:#6b7280;color:var(--muted);font-size:10px;margin-top:2px}.amount-bold{font-weight:600}.attach-tag{align-items:center;color:#4f7a5b;display:inline-flex;font-size:10px;gap:6px}.panel-footer{align-items:center;border-top:1px solid #e5eaf0;display:flex;justify-content:space-between;padding:16px 24px}.pagination-info{color:#6b7280;color:var(--muted);font-size:10px}.pagination-btns{display:flex;gap:6px}.page-btn{align-items:center;background:#fff;border:1px solid #d6dee7;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:10px;font-weight:600;height:32px;justify-content:center;width:32px}.page-btn:hover:not(:disabled){background:#edf4fa;background:var(--accent-soft)}.page-btn:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.5}.page-btn--active{background:#1f4e79!important;background:var(--accent)!important;border-color:#1f4e79!important;border-color:var(--accent)!important;color:#fff!important}.search-container{align-items:center;background:#fff;border:1px solid #d6dee7;border-radius:8px;display:flex;height:38px;padding:0 12px;width:280px}.search-container input{border:none;font-size:12px;outline:none;padding-left:8px;width:100%}.splash-screen{align-items:center;background:#102a43;background:var(--sidebar);color:#fff;display:flex;flex-direction:column;gap:16px;height:100vh;justify-content:center}.splash-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff1a;border-radius:50%;border-top-color:#6f8fb0;height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.d403e3ae.css.map*/