@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Manrope:wght@600;700;800&display=swap);:root{--brand-teal:#00b98e;--brand-teal-dark:#009b76;--brand-teal-light:#e6f7f3;--brand-navy:#0d1f2d;--brand-slate:#1e3448;--neutral-50:#f8fafb;--neutral-100:#eef2f5;--neutral-200:#dde4eb;--neutral-300:#cbd5e1;--neutral-400:#94a3b4;--neutral-500:#64748b;--neutral-600:#4a5568;--neutral-700:#334155;--neutral-800:#1a202c;--neutral-900:#0f172a;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014,0 2px 4px #0000000a;--shadow-lg:0 10px 30px #0000001a,0 4px 8px #0000000d;--bg-primary:#f4f7fb;--bg-card:#fff;--bg-header:#fff;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#94a3b4;--border-color:#dde4eb;--overlay:#0d1f2d80}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;font-size:16px;min-height:100vh}body,html{overflow-x:hidden;width:100%}body{background:#f4f7fb;background:var(--bg-primary);color:#1a202c;color:var(--text-primary);font-family:Inter,system-ui,sans-serif;line-height:1.6}#root{min-height:100vh;width:100%}.app-shell,.main-content{display:flex;min-height:100vh;width:100%}.main-content{flex:1 1;flex-direction:column;margin-left:240px;max-width:100%;overflow-x:hidden}.mobile-header{align-items:center;background:#fff;background:var(--bg-header);border-bottom:1px solid #dde4eb;border-bottom:1px solid var(--border-color);display:none;gap:12px;height:56px;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:150}.mobile-logo{color:#1a202c;color:var(--text-primary);flex:1 1;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;gap:8px}.mobile-logo,.mobile-logo-icon{align-items:center;display:flex}.mobile-logo-icon{background:#00b98e;background:var(--brand-teal);border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-size:11px;font-weight:800;height:28px;width:28px}.hamburger-btn,.mobile-logo-icon{flex-shrink:0;justify-content:center}.hamburger-btn{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#4a5568;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;width:36px}.hamburger-btn:hover{background:#eef2f5;background:var(--neutral-100)}.sidebar{background:#0d1f2d;background:var(--brand-navy);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:transform .25s ease;width:240px;z-index:200}.sidebar-logo{border-bottom:1px solid #ffffff14;padding:20px 20px 16px}.sidebar-logo-inner{align-items:center;display:flex;gap:10px}.sidebar-logo-icon{align-items:center;background:#00b98e;background:var(--brand-teal);border-radius:6px;border-radius:var(--radius-sm);color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:800;height:34px;justify-content:center;width:34px}.sidebar-logo-text{color:#fff;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;line-height:1.2}.sidebar-logo-sub{color:#fff6;font-size:10px;font-weight:500;letter-spacing:.04em}.sidebar-nav{flex:1 1;overflow-y:auto;padding:12px 0}.nav-section-label{color:#ffffff4d;font-size:10px;font-weight:600;letter-spacing:.1em;padding:12px 20px 4px;text-transform:uppercase}.nav-item{align-items:center;background:none;border:none;border-radius:0;color:#fff9;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 20px;text-align:left;text-decoration:none;transition:all .15s;width:100%}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:#00b98e26;color:#00b98e;color:var(--brand-teal)}.nav-item svg{flex-shrink:0}.sidebar-footer{border-top:1px solid #ffffff14;padding:16px 20px}.sidebar-user{gap:10px;margin-bottom:12px}.sidebar-avatar,.sidebar-user{align-items:center;display:flex}.sidebar-avatar{background:#e6f7f3;background:var(--brand-teal-light);border-radius:50%;color:#009b76;color:var(--brand-teal-dark);flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.sidebar-user-name{color:#fffc;font-size:13px;font-weight:500}.sidebar-user-email{color:#ffffff59;font-size:11px}.btn-signout{align-items:center;background:#0000;border:1px solid #ffffff1f;border-radius:6px;border-radius:var(--radius-sm);color:#ffffff80;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:8px;padding:9px 12px;transition:all .15s;width:100%}.btn-signout:hover{background:#ffffff0f;color:#fffc}.sidebar-overlay{background:#0d1f2d80;background:var(--overlay);display:none;inset:0;position:fixed;z-index:190}.page{max-width:900px}.page,.page-wide{padding:28px 24px}.page-wide{max-width:1200px}.page-title{color:#1a202c;color:var(--text-primary);font-family:Manrope,sans-serif;font-size:22px;font-weight:800;margin-bottom:2px}.page-subtitle{color:#94a3b4;color:var(--text-muted);font-size:13px}.card{background:#fff;background:var(--bg-card);border:1px solid #dde4eb;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm)}.card-header{align-items:center;border-bottom:1px solid #dde4eb;border-bottom:1px solid var(--border-color);display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.card-title{color:#1a202c;color:var(--text-primary);font-family:Manrope,sans-serif;font-size:15px;font-weight:700}.card-body{padding:20px}.btn{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:6px;justify-content:center;line-height:1;min-height:38px;padding:9px 18px;text-decoration:none;transition:all .15s;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#00b98e;background:var(--brand-teal);color:#fff}.btn-primary:hover:not(:disabled){background:#009b76;background:var(--brand-teal-dark)}.btn-secondary{background:#eef2f5;background:var(--neutral-100);border:1px solid #dde4eb;border:1px solid var(--border-color);color:#1a202c;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#dde4eb;background:var(--neutral-200)}.btn-danger{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.btn-danger:hover:not(:disabled){background:#fecaca}.btn-ghost{background:#0000;color:#4a5568;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:#eef2f5;background:var(--neutral-100)}.btn-sm{font-size:12px;min-height:30px;padding:6px 12px}.btn-full{width:100%}.btn-lg{font-size:15px;min-height:46px;padding:12px 24px}.form-group{margin-bottom:16px}.form-label{color:#4a5568;color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.02em;margin-bottom:6px}.form-input{-webkit-appearance:none;background:#fff;background:var(--bg-card);border:1.5px solid #dde4eb;border:1.5px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:#1a202c;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:10px 12px;transition:border-color .15s;width:100%}.form-input:focus{border-color:#00b98e;border-color:var(--brand-teal);box-shadow:0 0 0 3px #00b98e1f}.form-input::placeholder{color:#94a3b4;color:var(--text-muted)}.form-row{grid-gap:12px;display:grid;gap:12px}.form-row-2{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-size:14px;width:100%}thead th{background:#f8fafb;background:var(--neutral-50);color:#94a3b4;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}tbody td,thead th{border-bottom:1px solid #dde4eb;border-bottom:1px solid var(--border-color)}tbody td{padding:12px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f8fafb;background:var(--neutral-50)}.badge{align-items:center;border-radius:99px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.03em;padding:3px 9px;white-space:nowrap}.badge-pending{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.badge-paid{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}.stat-card{background:#fff;background:var(--bg-card);border:1px solid #dde4eb;border:1px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm);padding:16px 20px}.stat-label{color:#94a3b4;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.stat-value{color:#1a202c;color:var(--text-primary);font-family:Manrope,sans-serif;font-size:24px;font-weight:800}.stat-value.teal{color:#009b76;color:var(--brand-teal-dark)}.modal-overlay{align-items:center;background:#0d1f2d80;background:var(--overlay);display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:500}.modal{background:#fff;background:var(--bg-card);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 10px 30px #0000001a,0 4px 8px #0000000d;box-shadow:var(--shadow-lg);max-height:90vh;max-width:480px;overflow-y:auto;padding:28px 24px;width:100%}.modal-title{color:#1a202c;color:var(--text-primary);font-family:Manrope,sans-serif;font-size:18px;font-weight:800;margin-bottom:4px}.modal-subtitle{color:#94a3b4;color:var(--text-muted);font-size:13px;margin-bottom:20px}.empty-state{padding:60px 24px;text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:12px}.empty-state-title{color:#1a202c;color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:6px}.empty-state-sub{color:#94a3b4;color:var(--text-muted);font-size:13px}.spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}.spinner-dark{border-color:#dde4eb;border-color:var(--neutral-200);border-top-color:#00b98e;border-top-color:var(--brand-teal)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.bill-item-row{grid-gap:10px;align-items:end;border-bottom:1px solid #dde4eb;border-bottom:1px solid var(--border-color);display:grid;gap:10px;grid-template-columns:1fr 100px 100px auto;padding:12px 0}.bill-item-row:last-of-type{border-bottom:none}.bill-total-row{align-items:center;display:flex;font-size:16px;font-weight:700;justify-content:space-between;padding:12px 0}@media (max-width:768px){.mobile-header{display:flex}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-overlay.open{display:block}.main-content{margin-left:0;padding-top:56px}.page,.page-wide{padding:20px 16px}.form-row-2{grid-template-columns:1fr}.form-row-3{grid-template-columns:1fr 1fr}.bill-item-row{gap:8px;grid-template-columns:1fr 80px 80px auto}.stats-grid{grid-template-columns:1fr 1fr}.modal{padding:22px 18px}}@media (max-width:480px){.form-row-3{grid-template-columns:1fr}.bill-item-row{grid-template-columns:1fr 70px 70px 36px}.stats-grid{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=main.229a90a8.css.map*/