body{-webkit-font-smoothing:antialiased;-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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-container{align-items:center;background:url(/static/media/background-img.8a1fff24ecc7a2d7843b.jpg);background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:gray;border-radius:20px;box-shadow:0 10px 30px #0000001a;display:flex;max-width:900px;min-height:500px;overflow:hidden;width:100%}.login-card .input-container{margin-bottom:20px;position:relative}.login-card .input-container input{border:1px solid #ddd;border-radius:15px;box-sizing:border-box!important;font-size:1rem;padding:15px 50px 15px 15px;width:100%}.login-card .input-container .eye-icon-btn{background:none;border:none;cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.login-card .input-container .eye-icon-btn .eye-icon-img{height:20px;width:20px}.login-left{align-items:center;background-color:#fffc;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:30px;text-align:center}.login-left .logo{height:auto;margin-bottom:20px;width:180px}.login-left h1{color:#333;font-size:1.6rem}.login-right{background-color:#fffc;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:30px;text-align:left}.login-right form{width:100%}.login-right .input-container input{font-size:1rem}.login-right .login-btn{background-color:#50d5a6;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:15px;transition:background-color .3s;width:100%}.login-right .login-btn:hover{background-color:#45c395}@media(max-width:768px){.login-card{flex-direction:column;max-width:100%;min-height:auto}input{box-sizing:border-box}.login-left,.login-right{padding:20px;text-align:center;width:100%}.login-right{text-align:center}.login-right .login-btn,.login-right form{width:100%}.login-left .logo{width:140px}.login-left h1{font-size:1.3rem}}.dashboard-container{background-color:#f8f9fa;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh}.dashboard-container .dashboard-header{align-items:center;background-color:#fff;box-shadow:0 4px 8px #0000001a;display:flex;height:60px;justify-content:space-between;padding:15px 20px;position:fixed;top:0;width:98%;z-index:1000}.dashboard-container .logo img{cursor:pointer;height:70px;width:auto}.dashboard-container .profile-section{cursor:pointer}.dashboard-container .profile-pic{border:2px solid #ecf0f1;border-radius:50%;height:70px;width:70px}.dashboard-container .profile-overlay{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;position:fixed;right:20px;top:60px;width:300px;z-index:1001}.dashboard-container .profile-overlay .overlay-content{align-items:baseline;display:flex;flex-direction:column}.dashboard-container .overlay-content p{margin:8px 0}.dashboard-container .logout-button{background-color:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:5px 15px;width:100%}.dashboard-container .logout-button:hover{background-color:#c0392b}.dashboard-container .close_icon{cursor:pointer;height:30px;margin-bottom:-20px;margin-left:auto}.dashboard-container .cards-container{margin-top:70px;padding:20px}.dashboard-container .cards-container h1{margin-bottom:20px;text-align:center}.dashboard-container .cards-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px 0}.dashboard-container .card{background-color:#000;border-radius:12px;box-shadow:0 8px 16px #0000001a;cursor:pointer;height:200px;padding:20px;transition:box-shadow .3s ease-in-out}.dashboard-container .card:hover{background-color:#6495ed;box-shadow:0 12px 24px #00000026}.dashboard-container .card h3{color:#fff;font-size:26px;font-weight:700;margin-bottom:20px}.dashboard-container .card p{color:#fff;font-size:17px}.dashboard-container .card.special-card{background-color:#c3b1e1;border:1px solid #d1cfe2}.dashboard-container .card.success{border-left:5px solid #2ecc71}.dashboard-container .card.warning{border-left:5px solid #f39c12}.dashboard-container .card.danger{border-left:5px solid #e74c3c}.dashboard-container .notification-badge{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:30px;justify-content:center;left:0;position:absolute;top:0;width:30px}@media(max-width:768px){.dashboard-container .dashboard-header{width:90%}.dashboard-container{background-position:50%;background-size:cover;height:390vh!important}}.clients-container{background-color:#f8f9fa;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh}.clients-container .clients-header{align-items:center;background-color:#fff;box-shadow:0 4px 8px #0000001a;display:flex;height:60px;justify-content:space-between;padding:15px 20px;position:fixed;top:0;width:98%;z-index:1000}.clients-container .logo img{cursor:pointer;height:70px;width:auto}.clients-container .profile-section{cursor:pointer}.clients-container .profile-pic{border:2px solid #ecf0f1;border-radius:50%;height:70px;width:70px}.clients-container .profile-overlay{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;position:fixed;right:20px;top:60px;width:300px;z-index:1001}.clients-container .profile-overlay .overlay-content{align-items:baseline;display:flex;flex-direction:column}.clients-container .overlay-content p{margin:8px 0}.clients-container .logout-button{background-color:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:5px 15px;width:100%}.clients-container .logout-button:hover{background-color:#c0392b}.clients-container .close_icon{cursor:pointer;height:30px;margin-bottom:-20px;margin-left:auto}.clients-container .client-list-section{margin-top:5rem;padding:2rem}.clients-container .client-list-title{border-bottom:2px solid #eee;color:#333;font-size:2rem;margin-bottom:1.5rem;padding-bottom:10px;text-align:center}.clients-container .no-clients{border:1px dashed #ccc;border-radius:8px;color:#666;font-size:1.2rem;margin-top:30px;padding:40px;text-align:center}.clients-container .client-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.clients-container .client-card{background:#fff;border:1px solid #ddd;border-left:5px solid #00c896;border-radius:8px;box-shadow:0 4px 10px #0000000d;display:flex;flex-direction:column;padding:1.5rem;transition:transform .2s}.clients-container .client-card:hover{box-shadow:0 6px 15px #0000001a;transform:translateY(-5px)}.clients-container .client-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.clients-container .client-name{color:#00c896;font-size:1.2rem;font-weight:600}.clients-container .client-phone{color:#555;font-size:.9rem}.clients-container .client-body{flex-grow:1;margin-bottom:15px}.clients-container .client-body strong{color:#333;display:block;font-size:.9rem;margin-bottom:5px}.clients-container .client-query{color:#444;font-size:1rem;line-height:1.4;white-space:pre-wrap}.clients-container .client-footer{display:flex;gap:10px;margin-top:auto}.clients-container .contact-button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-weight:500;padding:8px 15px;transition:background-color .2s,color .2s}.clients-container .contact-button:first-child{background-color:#00c896;color:#fff}.clients-container .contact-button:first-child:hover{background-color:#00b080}.clients-container .contact-button:last-child{background-color:#f4f4f4;border:1px solid #ccc;color:#333}.clients-container .contact-button:last-child:hover{background-color:#e9e9e9}@media(max-width:768px){.clients-container .clients-header{width:90%}.clients-container{background-position:50%;background-size:cover;height:390vh!important}}
/*# sourceMappingURL=main.9997e707.css.map*/