@import"https://fonts.googleapis.com/css2?family=Momo+Trust+Display&display=swap";:root{font-family:Google Sans Code,monospace;font-optical-sizing:auto;font-style:normal;line-height:1.5;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Momo Trust Display,sans-serif;font-weight:400;font-style:normal}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#eef1f4;font-family:Arial,sans-serif}.login-box{background:#fff;padding:30px 25px;border-radius:12px;box-shadow:0 0 15px #0000001a;width:300px;text-align:center}.login-box h2{margin-bottom:20px;color:#333}.login-box input{display:block;width:100%;margin-bottom:15px;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px;box-sizing:border-box}.login-box button{width:100%;padding:10px;background-color:#007bff;border:none;border-radius:6px;color:#fff;font-size:15px;cursor:pointer;transition:background-color .3s ease}.login-box button:hover{background-color:#0056b3}.dashboard-container{display:flex;justify-content:center;align-items:center;background-color:#f3f7fb;font-family:Arial,sans-serif}.dashboard-box{background:#fff;padding:30px;border-radius:12px;box-shadow:0 0 15px #0000001a;text-align:center;width:350px}.dashboard-box h2{color:#333;margin-bottom:10px}.dashboard-box p{color:#666;margin-bottom:20px}.dashboard-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.dashboard-buttons button{padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:6px;font-size:15px;cursor:pointer;transition:background-color .3s}.dashboard-buttons button:hover{background-color:#0056b3}.logout-btn{background-color:#ff5252;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;transition:background-color .3s}.logout-btn:hover{background-color:#d32f2f}.page-container{position:absolute;padding-left:220px;padding-top:30px;min-height:100vh;top:0;left:0;right:0;background-color:#f3f7fb}@media(max-width:768px){.page-container{padding-left:0}}.overview-page{max-width:1000px;margin:2rem auto;padding:1rem;font-family:system-ui,sans-serif}.overview-page h2{text-align:center;color:#222;margin-bottom:1.5rem}.top-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem}.summary-card{flex:1;min-width:220px;background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;padding:1rem;text-align:center;transition:transform .2s}.summary-card:hover{transform:translateY(-4px)}.summary-card h3{color:#555;margin-bottom:.4rem}.summary-card p{font-size:1.5rem;font-weight:700;color:#111;margin:0}.summary-card.highlight{background:#e9f7ef;border-left:5px solid #28a745}.summary-card.warning{background:#fff5e6;border-left:5px solid #ff9800}.section-title{color:#333;margin:1rem 0}.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.member-card{background:#fff;border-radius:12px;box-shadow:0 4px 10px #00000014;padding:1rem;transition:transform .2s ease}.member-card:hover{transform:translateY(-4px)}.member-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.member-header h4{margin:0;color:#222}.status{padding:.25rem .6rem;border-radius:6px;font-size:.8rem;font-weight:600}.status.paid{background:#e6f8e9;color:#0c8a2a}.status.not-paid{background:#ffecec;color:#c52222}.member-info .info-row{display:flex;justify-content:space-between;margin:.3rem 0;font-size:.95rem}@media(max-width:600px){.overview-page{margin:1rem}.summary-card p{font-size:1.2rem}}header{background-color:#1e3a8a;margin:0;position:fixed;top:0;left:0;right:0;z-index:999;display:flex;flex-direction:row;align-items:center;padding:6px 16px;gap:16px;color:#fff;font-size:24px}header div{width:36px;height:36px;text-align:center}header h3{margin:0;padding:0;cursor:pointer}.navbar{z-index:800;position:fixed;left:0;top:40px;width:220px;height:100vh;background-color:#1e3a8a;color:#fff;display:flex;flex-direction:column;align-items:stretch;padding:20px;box-sizing:border-box;transition:transform .3s ease}@media(max-width:768px){.navbar{top:0;padding-top:40px;margin-top:40px;transform:translate(-100%);z-index:800}.navbar.open{transform:translate(0)}.navbar-toggle{position:fixed;top:15px;left:15px;background-color:#1e3a8a;color:#fff;padding:10px 14px;border-radius:6px;font-size:20px;cursor:pointer;z-index:1100}}@media(min-width:769px){.navbar-toggle{display:none}}.navbar-title{text-align:center;font-size:20px;margin-bottom:20px;font-weight:700}.navbar-buttons{display:flex;flex-direction:column;gap:10px;flex-grow:1}.navbar-buttons button{background-color:#3b82f6;border:none;color:#fff;padding:10px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .3s}.navbar-buttons button:hover{background-color:#2563eb}.logout-btn{background-color:#ef4444;border:none;color:#fff;padding:10px;border-radius:6px;font-size:14px;cursor:pointer;margin-bottom:30px;transition:background-color .3s}.logout-btn:hover{background-color:#b91c1c}.members-container{padding:20px;background:#f8fafc;min-height:100vh;font-family:Arial,sans-serif;position:relative}.paymentTabs{display:flex;gap:10px;margin-bottom:10px}.paymentTabs button{background-color:#fff;border:1px solid grey}.paymentTabs .activeTab{background-color:#87ceeb}.members-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin-bottom:100px}.paymentHeader{display:flex;justify-content:space-between;align-items:center}.add-payment-container{max-width:420px;margin:60px auto;padding:24px;background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;font-family:Inter,sans-serif}.add-payment-container h2{text-align:center;margin-bottom:20px;color:#333}.add-payment-form{display:flex;flex-direction:column;gap:14px}.add-payment-form label{font-weight:500;color:#444}.add-payment-form input,.add-payment-form select{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:15px}.add-payment-form button{margin-top:10px;background-color:#0078ff;color:#fff;border:none;border-radius:6px;padding:10px;font-size:16px;cursor:pointer;transition:.2s}.add-payment-form button:hover{background-color:#005fcc}.members-container{padding:20px;background:#f8fafc;min-height:100vh;font-family:Arial,sans-serif}.members-container h2{margin-bottom:20px;color:#1e3a8a}.headerSection{display:flex;justify-content:space-between;align-items:center}.table-wrapper{overflow-x:auto}.people{position:absolute;bottom:0;right:0}.members-table tr{position:relative}.members-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.members-table th,.members-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.members-table th{background-color:#1e3a8a;color:#fff;font-weight:600}.members-table tr:hover{background-color:#f1f5f9;transition:.3s}.members-table td{color:#334155}.memberTotalCollection{position:fixed;bottom:0;left:0;right:0;height:48px;background-color:#4774f0;display:flex;color:#fff;align-items:center}.memberTotalCollection>*{flex:1;text-align:center;padding:0;margin:0}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn .25s ease}.modal-content{background:#fff;width:100%;max-width:480px;border-radius:14px;padding:22px;box-shadow:0 8px 25px #00000040;animation:slideUp .3s ease;max-height:90vh;overflow-y:auto}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:6px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-header h2{font-size:1.3rem;margin:0;color:#222;text-align:left}.close-btn{border:none;background:none;font-size:1.6rem;color:#666;cursor:pointer;transition:.2s}.close-btn:hover{color:#000;transform:scale(1.1)}.expense-info p{margin:6px 0;font-size:.95rem;line-height:1.5;color:#333}.divider{height:1px;background:#e0e0e0;margin:15px 0}.participants h3{font-size:1.05rem;margin-bottom:10px;color:#333}.participant-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.participant-card{background:#f8f9fb;border:1px solid #e1e4e8;border-radius:8px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.participant-name{font-weight:500;color:#222}.participant-share{color:#555}@media(max-width:600px){.modal-content{padding:18px;max-width:95%}.modal-header h2{font-size:1.1rem}.participant-grid{grid-template-columns:1fr}.participant-card{font-size:.9rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(25px);opacity:0}to{transform:translateY(0);opacity:1}}.add-expense{max-width:600px;margin:2rem auto;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:1.5rem;font-family:system-ui,sans-serif}h2{text-align:center;color:#333;margin-bottom:1rem}.form{display:flex;flex-direction:column}.form label{font-weight:600;display:block;margin:.6rem 0 .3rem}input,select{padding:.5rem;border-radius:6px;border:1px solid #ccc;outline:none}input[type=checkbox]{width:40px;padding:.5rem;border-radius:6px;border:1px solid #ccc;outline:none}.split-tabs{display:flex;margin:1rem 0;border-bottom:2px solid #eee}.split-tabs button{flex:1;font-size:12px;padding:.5rem;background:none;border:none;border-radius:0;border-bottom:2px solid transparent;cursor:pointer;font-weight:600}.split-tabs button:focus{outline:none}.split-tabs button.active{border-color:#007bff;color:#007bff}.member-list{margin-top:1rem}.member-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;border-bottom:1px solid #f0f0f0;transition:background .2s}.member-row.selected{background:#f7f9ff}.member-name{display:flex;align-items:center;gap:.5rem;cursor:pointer}.member-value{display:flex;align-items:center;gap:.4rem}.member-value input{width:70px;text-align:right}.readonly-amt{color:#333;font-weight:500}.submit-btn{margin-top:1.5rem;width:100%;background:#28a745;color:#fff;border:none;padding:.6rem;border-radius:8px;cursor:pointer;font-size:1rem}@media(max-width:600px){.add-expense{margin:1rem;padding:1rem}.member-value input{width:60px}}.participant-date{display:flex;gap:8px}.participant-date>*{flex:1}.participant-date button{height:50px;width:100%}.participant-date button h6{margin:0;padding:0;font-size:20px;font-weight:600;text-transform:capitalize}body{margin:0;font-family:Momo Trust Display,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}