@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{background:linear-gradient(90deg,#f8f9fa,#e9ecef);color:#333;font-family:Poppins,sans-serif;min-height:100vh}.billing-container{width:100%}.page-title{font-size:28px;font-weight:700;margin-bottom:30px;text-align:center}.stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:40px}.stat-card{background:#fff;border-radius:14px;box-shadow:0 8px 25px #0000000f;padding:25px;transition:.3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{color:#777;font-size:14px;font-weight:500;margin-bottom:10px}.stat-card .amount{color:#141e30;font-size:22px;font-weight:700}.actions{margin-bottom:25px}button{border-radius:8px;font-weight:600;padding:12px 20px;transition:.3s ease}.primary-btn{background:#243b55;color:#fff}.primary-btn:hover{background:#141e30}.success-btn{background:#2a9d8f;color:#fff}.success-btn:hover{background:#21867a}.danger-btn{background:#e63946;color:#fff}.danger-btn:hover{background:#c82333}.table-wrapper{background:#fff;border-radius:14px;box-shadow:0 8px 25px #0000000f;overflow-x:auto;padding:25px}table{border-collapse:collapse;width:100%}thead{background:#f1f3f5}th{color:#555;font-size:14px;font-weight:600;text-align:left}td,th{padding:15px}td{border-top:1px solid #eee}input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px}input:focus{border-color:#243b55}.summary{background:#fff;border-radius:14px;box-shadow:0 8px 25px #0000000f;margin-top:30px;padding:25px}.summary-row{display:flex;font-size:15px;justify-content:space-between;margin-bottom:10px}.grand-total{border-top:2px solid #eee;color:#141e30;font-size:20px;font-weight:700;margin-top:10px;padding-top:15px}.footer-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:25px}.mobile-only{display:none}@media (max-width:768px){body{padding:20px 15px}.page-title{font-size:22px}.stats{grid-template-columns:1fr}.desktop-only{display:none}.mobile-only{display:block}.mobile-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-bottom:20px;padding:18px}.mobile-card label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;margin-top:12px}.mobile-card input{border:1px solid #ddd;border-radius:8px;font-size:16px;padding:14px;width:100%}.mobile-total{font-size:16px;font-weight:600;margin-top:15px}button{width:100%}}.login-container{align-items:center;background-color:#f0f0f0;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center}.login-form{background:#fff;border-radius:8px;box-shadow:0 10px 15px #0000001a;padding:40px;text-align:center;width:400px}.login-form h1{color:#333;font-size:2rem;margin-bottom:30px}input{border:1px solid #ccc;border-radius:5px;font-size:1rem;margin:10px 0;padding:12px;width:100%}input:focus{border-color:#007bff;outline:none}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;padding:12px;transition:.3s;width:100%}button:hover{background-color:#0056b3}.otp-message{color:green;margin-top:15px}.error-message{color:red;margin-top:15px}.login-btn{background-color:#28a745}.login-btn:hover{background-color:#218838}.otp-verification-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.otp-verification-form{animation:fadeIn .4s ease-in-out;background:#fff;border-radius:16px;box-shadow:0 15px 35px #0003;max-width:400px;padding:40px 30px;text-align:center;width:100%}.otp-verification-form h1{color:#333;font-size:24px;font-weight:600;margin-bottom:25px}.otp-verification-form input{border:1px solid #ddd;border-radius:8px;font-size:16px;margin-bottom:15px;padding:12px 15px;transition:all .3s ease;width:100%}.otp-verification-form input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.verify-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:all .3s ease;width:100%}.verify-btn:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.verify-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.error-message{font-size:14px;margin-bottom:10px}.success-message{font-size:14px;margin-top:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.otp-verification-form{padding:30px 20px}.otp-verification-form h1{font-size:20px}.otp-verification-form input,.verify-btn{font-size:14px}}.layout{display:flex;min-height:100vh;position:relative}.sidebar{background:#243b55;color:#fff;padding:30px 20px;transition:.3s ease;width:240px}.sidebar .logo{font-size:20px;font-weight:700;margin-bottom:40px;text-align:center}.nav-link{border-radius:8px;color:#dcdcdc;display:block;font-weight:500;margin-bottom:10px;padding:12px 15px;text-decoration:none;transition:.3s}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link.active{background:#2a9d8f;color:#fff}.main{display:flex;flex:1 1;flex-direction:column}.topbar{align-items:center;background:#fff;box-shadow:0 4px 15px #0000000d;display:flex;height:65px;justify-content:space-between;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.menu-btn{background:none;cursor:pointer;font-size:22px}.page-name{color:#243b55;font-size:15px;font-weight:600}.content{padding:30px}@media (max-width:768px){.sidebar{height:100%;left:-260px;position:fixed;top:0;z-index:1001}.sidebar.open{left:0}.overlay{background:#0006;inset:0;position:fixed;z-index:1000}.content{padding:20px 15px}}
/*# sourceMappingURL=main.9aa9f3f0.css.map*/