@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap);:root{--blue-primary:#0079c2;--blue-bright:#00a4e4;--blue-sky:#39b9df;--navy:#1f3467;--blue-dark:#155091;--blue-deeper:#1f3467;--blue-light:#e8f2fb;--blue-glow:#0079c259;--blue-subtle:#0079c21f;--sidebar-bg:#1f3467;--sidebar-bg-deep:#182a54;--sidebar-active:#ffffff1a;--sidebar-hover:#ffffff0d;--sidebar-border:#ffffff1f;--sidebar-text:#fff;--sidebar-text-dim:#ffffffa6;--sidebar-label:#39b9df;--sidebar-accent:#00a4e4;--bg-base:#070e1a;--bg-surface:#0d1b2e;--bg-card:#111f36;--bg-card-hover:#162540;--bg-elevated:#1a2d4a;--bg-input:#0f1e32;--text-primary:#e8f0f8;--text-secondary:#7a99bc;--text-muted:#445e7a;--text-accent:#5b9bd5;--green:#22c55e;--green-subtle:#22c55e1f;--amber:#f59e0b;--amber-subtle:#f59e0b1f;--red:#ef4444;--red-subtle:#ef44441f;--border:#0079c233;--border-bright:#0079c273;--font-ui:"Montserrat",Arial,sans-serif;--font-data:"JetBrains Mono",monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 4px 24px #0006,0 1px 0 #0079c226 inset;--shadow-glow:0 0 32px #0079c240;--shadow-button:0 4px 16px #0079c266}:root[data-theme=light]{--blue-primary:#0079c2;--blue-dark:#155091;--blue-deeper:#1f3467;--blue-light:#e8f2fb;--blue-glow:#0079c240;--blue-subtle:#0079c21a;--bg-base:#fff;--bg-surface:#f4f7fb;--bg-card:#fff;--bg-card-hover:#f0f5fb;--bg-elevated:#e9eff7;--bg-input:#fff;--text-primary:#10243d;--text-secondary:#44607e;--text-muted:#8197b0;--text-accent:#0079c2;--green-subtle:#16a34a1f;--amber-subtle:#d9770624;--red-subtle:#dc26261a;--green:#16a34a;--amber:#d97706;--red:#dc2626;--border:#0f243d1a;--border-bright:#0079c266;--shadow-card:0 1px 3px #0f243d14,0 1px 2px #0f243d0a;--shadow-glow:0 8px 28px #0079c22e;--shadow-button:0 4px 14px #0079c247}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{background:#070e1a;background:var(--bg-base);color:#e8f0f8;color:var(--text-primary);font-family:Montserrat,Arial,sans-serif;font-family:var(--font-ui);line-height:1.5;min-height:100vh;transition:background .25s ease,color .25s ease}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0d1b2e;background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:#1a2d4a;background:var(--bg-elevated);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0079c2;background:var(--blue-primary)}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.125rem}.mono{font-family:JetBrains Mono,monospace;font-family:var(--font-data)}.label{color:#445e7a;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.card{background:#111f36;background:var(--bg-card);border:1px solid #0079c233;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 24px #0006,inset 0 1px 0 #0079c226;box-shadow:var(--shadow-card);transition:border-color .2s,box-shadow .2s}.card:hover{border-color:#0079c273;border-color:var(--border-bright)}.btn{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Montserrat,Arial,sans-serif;font-family:var(--font-ui);font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .15s;white-space:nowrap}.btn-primary{background:#0079c2;background:var(--blue-primary);box-shadow:0 4px 16px #0079c266;box-shadow:var(--shadow-button);color:#fff}.btn-primary:hover{background:#00a4e4;box-shadow:0 6px 20px #0079c280;transform:translateY(-1px)}.btn-ghost{background:#0079c21f;background:var(--blue-subtle);border:1px solid #0079c233;border:1px solid var(--border);color:#5b9bd5;color:var(--text-accent)}.btn-ghost:hover{background:#1a2d4a;background:var(--bg-elevated);border-color:#0079c273;border-color:var(--border-bright)}.btn-sm{font-size:13px;padding:6px 14px}.data-table{border-collapse:collapse;font-size:13.5px;width:100%}.data-table th{background:#0d1b2e;background:var(--bg-surface);border-bottom:1px solid #0079c233;border-bottom:1px solid var(--border);color:#445e7a;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #0079c214;color:#7a99bc;color:var(--text-secondary);padding:12px 16px;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#162540;background:var(--bg-card-hover);color:#e8f0f8;color:var(--text-primary)}.data-table .td-number{color:#e8f0f8;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-family:var(--font-data);font-size:13px;text-align:right}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:5px;letter-spacing:.06em;padding:3px 10px;text-transform:uppercase}.badge-paid{background:#22c55e1f;background:var(--green-subtle);color:#22c55e;color:var(--green)}.badge-pending{background:#f59e0b1f;background:var(--amber-subtle);color:#f59e0b;color:var(--amber)}.badge-approved{background:#0079c21f;background:var(--blue-subtle);color:#0079c2;color:var(--blue-primary)}.badge-disputed{background:#ef44441f;background:var(--red-subtle);color:#ef4444;color:var(--red)}.loader-ring{animation:spin .8s linear infinite;border:3px solid #1a2d4a;border-top-color:#0079c2;border:3px solid var(--bg-elevated);border-radius:50%;border-top-color:var(--blue-primary);height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#111f36 25%,#1a2d4a 50%,#111f36 75%);background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:200% 100%;border-radius:6px;border-radius:var(--radius-sm)}@keyframes shimmer{to{background-position:-200% 0}}.input{background:#0f1e32;background:var(--bg-input);border:1px solid #0079c233;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#e8f0f8;color:var(--text-primary);font-family:Montserrat,Arial,sans-serif;font-family:var(--font-ui);font-size:14px;outline:none;padding:9px 14px;transition:border-color .15s,box-shadow .15s;width:100%}.input:focus{border-color:#0079c2;border-color:var(--blue-primary);box-shadow:0 0 0 3px #0079c259;box-shadow:0 0 0 3px var(--blue-glow)}select.input{cursor:pointer}.page-enter{animation:fadeUp .3s ease forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sidebar{background:#1f3467;background:var(--sidebar-bg);display:flex;flex-direction:column;flex-shrink:0;font-family:Montserrat,Arial,sans-serif;font-family:var(--font-ui);height:100vh;position:-webkit-sticky;position:sticky;top:0;transition:width .2s ease}.sidebar-header{border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--sidebar-border);padding:22px 18px 16px}.sidebar-logo{display:block;height:auto;width:100%}.sidebar-applabel{color:#00a4e4;color:var(--sidebar-accent);font-size:12px;font-weight:700;letter-spacing:.22em;margin-top:12px;text-transform:uppercase}.sidebar-section-label{color:#39b9df;color:var(--sidebar-label);font-size:10.5px;font-weight:700;letter-spacing:.18em;opacity:.85;padding:18px 20px 8px;text-transform:uppercase}.sidebar-nav-item{align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);color:#ffffffa6;color:var(--sidebar-text-dim);display:flex;font-size:14px;font-weight:500;gap:12px;margin:2px 10px;padding:10px 14px;text-decoration:none;transition:background .15s,color .15s}.sidebar-nav-item:hover{background:#ffffff0d;background:var(--sidebar-hover);color:#fff;color:var(--sidebar-text)}.sidebar-nav-item.active{background:#ffffff1a;background:var(--sidebar-active);border-color:#ffffff1f;border-color:var(--sidebar-border);color:#fff;color:var(--sidebar-text);font-weight:600}.sidebar-footer{border-top:1px solid #ffffff1f;border-top:1px solid var(--sidebar-border);padding:16px}.sidebar-user-name{color:#fff;color:var(--sidebar-text);font-size:13px;font-weight:600}.sidebar-user-role{color:#ffffffa6;color:var(--sidebar-text-dim);font-size:11px;text-transform:capitalize}.sidebar-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border:1px solid var(--sidebar-border);border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--sidebar-text);cursor:pointer;display:inline-flex;font-family:Montserrat,Arial,sans-serif;font-family:var(--font-ui);font-size:12px;font-weight:500;gap:8px;justify-content:center;padding:7px 14px;transition:background .15s,border-color .15s;white-space:nowrap}.sidebar-btn:hover{background:#ffffff1f;border-color:#ffffff40}.divider{background:#0079c233;background:var(--border);height:1px;margin:0}
/*# sourceMappingURL=main.708ec5e9.css.map*/