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}.loading-indicator{align-items:center;background:#fffc;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10;.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#f36;border-radius:50%;height:50px;width:50px}p{color:#333;font-size:1.2rem;margin-top:20px}}.page-not-found{align-items:center;background:#000;display:flex;height:100vh;justify-content:center}.page-not-found .content{background-color:#ffffffe6;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:40px;text-align:center}.page-not-found .content h1{color:#f36;font-size:10rem;margin:0}.page-not-found .content h2{color:#333;font-size:2.5rem;margin:10px 0}.page-not-found .content p{color:#666;font-size:1.2rem;margin-bottom:20px}.page-not-found .content .home-btn{background-color:#f36;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;padding:10px 20px;transition:background-color .3s ease}.page-not-found .content .home-btn:hover{background-color:#f67}@media(max-width:768px){.page-not-found .content{padding:30px}.page-not-found .content h1{font-size:7rem}.page-not-found .content h2{font-size:2rem}.page-not-found .content p{font-size:1rem}.page-not-found .content .home-btn{font-size:1rem;padding:8px 16px}}@media(max-width:480px){.page-not-found .content{padding:20px}.page-not-found .content h1{font-size:5rem}.page-not-found .content h2{font-size:1.8rem}.page-not-found .content p{font-size:.9rem}.page-not-found .content .home-btn{font-size:.9rem;padding:6px 12px}}.new-login-container{align-items:center;background:url(/static/media/background-img.7dea80967e348c69b69b.jpg);background-size:cover;display:flex;height:100vh;justify-content:center}.new-login-card{animation:fadeIn .8s ease-out;background-color:#fff;border-radius:15px;box-shadow:0 10px 40px #343a4033;max-width:450px;padding:40px;text-align:center;width:100%}.new-login-card .new-login-logo{height:auto;margin-bottom:10px;width:100px}.new-login-card h2{color:#343a40;font-size:1.8rem;margin-bottom:30px}.new-login-card .new-error-message{color:#dc3545;font-weight:700;margin-bottom:20px}.new-login-card .new-login-form{width:100%}.new-login-card .new-input-group{margin-bottom:20px;position:relative}.new-login-card .new-input-group.password-group{margin-bottom:30px}.new-login-card .new-input-group .new-login-input{border:1px solid #ced4da;border-radius:8px;font-size:1rem;padding:15px 45px 15px 15px;transition:border-color .3s ease;width:-webkit-fill-available}.new-login-card .new-input-group .new-login-input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d;outline:none}.new-login-card .new-input-group .new-eye-icon-btn{background:none;border:none;cursor:pointer;padding:5px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:opacity .3s ease}.new-login-card .new-input-group .new-eye-icon-btn:hover{opacity:.8}.new-login-card .new-input-group .new-eye-icon-btn .new-eye-icon-img{display:block;height:18px;width:auto}.new-login-card .new-login-btn{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px;transition:background-color .3s ease,transform .1s ease;width:100%}.new-login-card .new-login-btn:hover{background-color:#1e7e34}.new-login-card .new-login-btn:active{transform:scale(.98)}@media(max-width:500px){.new-login-card{padding:30px 20px}h2{font-size:1.5rem;margin-bottom:20px}.new-login-btn,.new-login-input{padding:12px}.new-login-logo{margin-bottom:20px;width:80px}}.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:3rem;justify-content:space-between;padding:1%;position:fixed;top:0;width:-webkit-fill-available;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:#43569f;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{background-position:50%;background-size:cover;height:390vh!important}}.employee-container{background-color:#f8f9fa;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh}.employee-container .dashboard-header{align-items:center;background-color:#fff;box-shadow:0 4px 8px #0000001a;display:flex;height:1rem;justify-content:space-between;padding:40px 20px;position:fixed;top:0;width:-webkit-fill-available;z-index:1000}.employee-container .logo img{cursor:pointer;height:70px;width:auto}.employee-container .profile-section{cursor:pointer}.employee-container .profile-pic{border:2px solid #ecf0f1;border-radius:50%;height:70px;width:70px}.employee-container .profile-overlay{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;right:20px;top:60px;width:300px;z-index:1001}.employee-container .profile-overlay .overlay-content{align-items:baseline;display:flex;flex-direction:column}.employee-container .overlay-content p{margin:8px 0}.employee-container .logout-button{background-color:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:5px 15px;width:100%}.employee-container .logout-button:hover{background-color:#c0392b}.employee-container .close_icon{cursor:pointer;height:30px;margin-bottom:-20px;margin-left:auto}.employee-container h2{margin-bottom:20px;text-align:center}.employee-container .add-employee{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;margin-left:auto;margin-right:25px;padding:5px 15px}.employee-container .employee-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.employee-container .employee-list .eye-icon-btn{background:none;border:none;margin-left:10px}.employee-container .employee-list .eye-icon-btn .eye-econ-img{height:20px}.employee-container .employee-card{background-color:#43569f;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#fff;display:flex;margin:15px;padding:10px 30px;position:relative;transition:transform .3s;width:100%}.employee-container .employee-details{align-items:baseline;display:flex;flex-direction:column;font-size:20px}.employee-container .employee-details p{margin:0!important}.employee-container .delete-icon{bottom:30px;color:red;cursor:pointer;font-size:18px;position:absolute;right:30px}.employee-container .delete-icon .img{height:30px}.employee-container .delete-icon:hover{color:darkred}.employee-container .delete-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1002}.employee-container .delete-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;min-width:300px;padding:20px;text-align:center}.employee-container .confirm-delete-button{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-right:10px;padding:10px 20px}.employee-container .cancel-button{background-color:gray;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.employee-container select{font-size:16px;margin:10px 0;padding:10px;width:100%}.add-employee{background-color:#28a745;border-radius:5px;color:#fff;cursor:pointer;margin:20px 0;padding:10px 15px;text-align:center}.add-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:30px;width:100%}.add-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-height:80vh;max-width:800px;overflow-y:auto;padding:20px;position:relative;width:90%}.add-modal-content form input{display:block;font-size:16px;margin:10px 0;padding:10px;width:100%}.add-employee-button,.cancel-button,.confirm-delete-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px;width:100%}.cancel-button{background-color:#dc3545}@media(max-width:768px){.employee-container .employee-card{padding:7px}.employee-container .employee-card .employee-details{align-items:baseline;display:flex;flex-direction:column;font-size:18px}}.client-panel-container,.client-panel-not-reg-container{background-color:#f8f8f8;color:#333;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh}.loading-overlay{align-items:center;background-color:#ffffffe6;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-overlay .spinner{animation:spin 1s linear infinite;border:8px solid #ddd;border-radius:50%;border-top-color:#4a90e2;height:60px;width:60px}.loading-overlay p{color:#4a90e2;font-size:1.2rem}.dashboard-header{align-items:center;background-color:#fff;border-bottom:1px solid #ddd;box-shadow:0 2px 4px #00000014;display:flex;justify-content:space-between;padding:15px 30px}.dashboard-header .logo{cursor:pointer}.dashboard-header .logo img{height:50px}.dashboard-header .profile-section{cursor:pointer}.dashboard-header .profile-section .profile-pic{border:2px solid #4a90e2;border-radius:50%;height:45px;object-fit:cover;transition:all .2s ease-in-out;width:45px}.dashboard-header .profile-section .profile-pic:hover{box-shadow:0 0 8px #4a90e280;transform:scale(1.05)}.profile-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.profile-overlay .overlay-content{animation:fadeInScale .3s ease-out;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #00000014;max-width:400px;padding:30px;position:relative;text-align:center;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;width:90%}.profile-overlay .overlay-content:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.profile-overlay .overlay-content .close-button{background:none;border:none;color:#333;cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:15px}.profile-overlay .overlay-content .close-button img{height:24px;width:24px}.profile-overlay .overlay-content h3{color:#4a90e2;margin-bottom:20px}.profile-overlay .overlay-content p{margin-bottom:10px}.profile-overlay .overlay-content p strong{color:#4a90e2}.profile-overlay .overlay-content .logout-button{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-top:20px;padding:10px 15px;transition:background-color .2s ease,transform .1s ease;width:100%}.profile-overlay .overlay-content .logout-button:hover{filter:brightness(1.1)}.profile-overlay .overlay-content .logout-button:active{transform:translateY(1px)}.profile-overlay .overlay-content .logout-button:disabled{background-color:#ccc;cursor:not-allowed;filter:none}.modal-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.modal-overlay .modal-content{animation:fadeInScale .3s ease-out;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #00000014;max-width:500px;padding:30px;position:relative;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;width:90%}.modal-overlay .modal-content:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.modal-overlay .modal-content h3{color:#4a90e2;margin-bottom:20px;text-align:center}.modal-overlay .modal-content select,.modal-overlay .modal-content textarea{border:1px solid #ddd;border-radius:6px;font-size:1rem;margin-bottom:20px;padding:12px;resize:vertical;width:calc(100% - 20px)}.modal-overlay .modal-content .modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-overlay .modal-content .button{background-color:#ccc;border:none;border-radius:6px;color:#333;cursor:pointer;font-weight:600;padding:10px 15px;transition:background-color .2s ease,transform .1s ease}.modal-overlay .modal-content .button:hover{filter:brightness(1.1)}.modal-overlay .modal-content .button:active{transform:translateY(1px)}.modal-overlay .modal-content .button:disabled{background-color:#ccc;cursor:not-allowed;filter:none}.modal-overlay .modal-content .button-primary{background-color:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 15px;transition:background-color .2s ease,transform .1s ease}.modal-overlay .modal-content .button-primary:hover{filter:brightness(1.1)}.modal-overlay .modal-content .button-primary:active{transform:translateY(1px)}.modal-overlay .modal-content .button-primary:disabled{background-color:#ccc;cursor:not-allowed;filter:none}.modal-overlay .modal-content .button-cancel{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 15px;transition:background-color .2s ease,transform .1s ease}.modal-overlay .modal-content .button-cancel:hover{filter:brightness(1.1)}.modal-overlay .modal-content .button-cancel:active{transform:translateY(1px)}.modal-overlay .modal-content .button-cancel:disabled{background-color:#ccc;cursor:not-allowed;filter:none}.diet-plan-modal{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #00000014;display:flex;flex-direction:column;height:80vh;max-width:700px;padding:20px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;width:95%}.diet-plan-modal:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.diet-plan-modal .modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.diet-plan-modal .modal-header h3{color:#4a90e2;margin:0}.diet-plan-modal .modal-header .close-button{background:none;border:none;cursor:pointer;font-size:1.5rem}.diet-plan-modal .modal-header .close-button img{height:24px;width:24px}.diet-plan-modal .meal-type-tabs{border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;overflow-x:auto;padding-bottom:10px}.diet-plan-modal .meal-type-tabs .meal-type-tab{background-color:#e0e0e0;border:none;border-radius:6px;border-radius:5px 5px 0 0;color:#333;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;padding:8px 15px;transition:background-color .2s ease,transform .1s ease}.diet-plan-modal .meal-type-tabs .meal-type-tab:hover{filter:brightness(1.1)}.diet-plan-modal .meal-type-tabs .meal-type-tab:active{transform:translateY(1px)}.diet-plan-modal .meal-type-tabs .meal-type-tab:disabled{background-color:#ccc;cursor:not-allowed;filter:none}.diet-plan-modal .meal-type-tabs .meal-type-tab.active{background-color:#4a90e2;border-bottom:3px solid #4a90e2;color:#fff;font-weight:700;transform:translateY(-2px)}.diet-plan-modal .diet-content{flex-grow:1;font-size:1rem;line-height:1.6;overflow-y:auto;padding-right:10px}.diet-plan-modal .diet-content .diet-text{background-color:#f8f8f8;border-radius:8px;padding:10px}.diet-plan-modal .diet-content .diet-text p{margin-bottom:10px}.diet-plan-modal .diet-content .diet-text ul{list-style-type:disc;margin-left:20px}.diet-plan-modal .diet-content .diet-text ul li{margin-bottom:5px}.client-dashboard-main{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #00000014;flex-grow:1;margin:20px auto;max-width:1200px;padding:20px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.client-dashboard-main:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.client-dashboard-main .main-title{color:#4a90e2;font-size:2rem;margin-bottom:30px;text-align:center}.filters-and-search{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.filters-and-search .search-input,.filters-and-search .status-filter-select{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:1rem;min-width:250px;padding:10px 15px}.user-list{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.user-card{background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.user-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.user-card .user-card-header{align-items:center;background-color:#4a90e2;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:15px 20px}.user-card .user-card-header .user-name{font-size:1.2rem;margin:0}.user-card .user-card-header .user-phone{opacity:.9}.user-card .user-card-header .expand-indicator{font-size:1.5rem;margin-left:10px}.user-card .user-card-body{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;gap:10px;padding:20px}.user-card .user-card-body p{margin:0}.user-card .user-card-body p strong{color:#4a90e2;margin-right:5px}.user-card .user-card-body .dietary-type{align-items:center;display:flex;gap:10px}.user-card .user-card-body .dietary-type .nonveg-container,.user-card .user-card-body .dietary-type .veg-container{align-items:center;border-radius:4px;display:flex;font-size:.9rem;gap:5px;padding:4px 8px}.user-card .user-card-body .dietary-type .nonveg-container img,.user-card .user-card-body .dietary-type .veg-container img{height:18px;width:18px}.user-card .user-card-body .dietary-type .veg-container{background-color:#e6ffe6;color:#28a745}.user-card .user-card-body .dietary-type .nonveg-container{background-color:#ffe6e6;color:#dc3545}.user-card .user-card-body .user-goals{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px}.user-card .user-card-body .user-goals .goal-tag{background-color:#4a90e2;border-radius:20px;color:#fff;font-size:.85rem;padding:5px 10px;white-space:nowrap}.user-card .user-card-body .user-diseases strong{color:#dc3545}.user-card .user-card-body .user-diseases .disease-list{background-color:#ffe0e0;border-radius:4px;color:#dc3545;display:inline-block;font-weight:600;padding:5px 10px}.user-card .user-card-body .no-disease{color:#28a745;font-weight:600}.user-card .user-card-body .expanded-details{align-items:flex-start;border-top:1px dashed #ddd;display:flex;flex-direction:column;gap:10px;margin-top:15px;padding-top:15px}.user-card .user-card-body .expanded-details .plan-section{align-items:flex-start;display:flex;flex-direction:column;gap:8px;margin-top:10px}.user-card .user-card-body .expanded-details .plan-section .plan-list{display:flex;flex-direction:column;gap:10px}.user-card .user-card-body .expanded-details .plan-section .plan-list .plan-item{background-color:#f8f8f8;border:1px solid #ebebeb;border-radius:8px;padding:10px}.user-card .user-card-body .expanded-details .plan-section .plan-list .plan-item p{align-items:flex-start;display:flex;margin-bottom:5px}.user-card .user-card-body .expanded-details .plan-section .plan-list .plan-item ul{list-style:none;margin:0;padding:0}.user-card .user-card-body .expanded-details .plan-section .plan-list .plan-item ul li{display:flex;padding-left:15px;position:relative}.user-card .user-card-body .expanded-details .plan-section .plan-list .plan-item ul li:before{color:#4a90e2;content:"•";font-weight:700;left:0;position:absolute}.user-card .user-card-body .expanded-details .plan-section .no-plan{color:#dc3545;font-weight:600;margin-left:10px}.user-card .user-card-actions{align-items:center;border-top:1px solid #ddd;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:15px 20px}.user-card .user-card-actions .button{background-color:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-grow:1;font-size:.9rem;font-weight:600;padding:10px 15px;transition:background-color .2s ease,transform .1s ease}.user-card .user-card-actions .button:hover{filter:brightness(1.1)}.user-card .user-card-actions .button:active{transform:translateY(1px)}.user-card .user-card-actions .button:disabled{background-color:#ccc;cursor:not-allowed;filter:none}.user-card .user-card-actions .button-view-diet{background-color:#28a745}.user-card .user-card-actions .button-status{background-color:#ffc107;color:#333}.user-card .user-card-actions .button-comments{background-color:#6a0dad;color:#fff}.user-card .user-card-actions .last-online{color:#777;font-size:.85rem;margin-top:10px;text-align:right;width:100%}.no-users-found{color:#777;font-size:1.2rem;grid-column:1/-1;padding:50px;text-align:center}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:1200px){.user-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:768px){.dashboard-header{padding:10px 15px}.dashboard-header .logo img{height:40px}.dashboard-header .profile-section .profile-pic{height:40px;width:40px}.main-title{font-size:1.5rem}.filters-and-search{align-items:stretch;flex-direction:column}.filters-and-search .search-input,.filters-and-search .status-filter-select{min-width:0;min-width:auto;width:100%}.user-list{grid-template-columns:1fr}.user-card-header{align-items:flex-start;flex-direction:column;gap:5px}.user-card-header .user-name{font-size:1.1rem}.user-card-header .user-phone{font-size:.95rem}.user-card-header .expand-indicator{position:absolute;right:15px;top:15px}.user-card-actions{flex-direction:column}.user-card-actions .button{width:100%}}@media(min-width:1201px){.user-list{grid-template-columns:repeat(3,1fr)}}.employee-container{background-color:#f5f7fa;font-family:Arial,sans-serif;min-height:100vh;padding-top:80px}.employee-container .loading-indicator{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin-top:-80px}.employee-container .loading-indicator .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:15px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.employee-container .payment-link-header{align-items:center;background-color:#fff;box-shadow:0 2px 10px #0000000d;box-sizing:border-box;display:flex;height:80px;justify-content:space-between;left:0;padding:0 30px;position:fixed;top:0;width:100%;z-index:100}.employee-container .payment-link-header .logo{align-items:center;cursor:pointer;display:flex}.employee-container .payment-link-header .logo img{height:55px;object-fit:contain;width:auto}.employee-container .payment-link-header .profile-section{align-items:center;cursor:pointer;display:flex}.employee-container .payment-link-header .profile-section .profile-pic{border:2px solid #e2e8f0;border-radius:50%;height:50px;object-fit:cover;transition:border-color .3s;width:50px}.employee-container .payment-link-header .profile-section .profile-pic:hover{border-color:#3182ce}.employee-container .profile-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:200}.employee-container .profile-overlay .overlay-content{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0003;max-width:400px;padding:30px;position:relative;width:90%}.employee-container .profile-overlay .overlay-content .close_icon{cursor:pointer;position:absolute;right:15px;top:15px;width:20px}.employee-container .profile-overlay .overlay-content p{color:#333;font-size:16px;margin:10px 0}.employee-container .profile-overlay .overlay-content .logout-button{background-color:#ff4d4d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-top:20px;padding:10px;width:100%}.employee-container .profile-overlay .overlay-content .logout-button:hover{background-color:#c00}.employee-container .payment-link-content{margin:0 auto;max-width:600px;padding:40px 20px 50px}.employee-container .payment-link-content h2{color:#2c3e50;margin-bottom:30px;text-align:center}.employee-container .payment-link-content .payment-form{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:20px;padding:30px}.employee-container .payment-link-content .payment-form .form-group{display:flex;flex-direction:column}.employee-container .payment-link-content .payment-form .form-group label{color:#4a5568;font-size:14px;font-weight:600;margin-bottom:8px}.employee-container .payment-link-content .payment-form .form-group input,.employee-container .payment-link-content .payment-form .form-group select{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;font-size:15px;padding:12px;transition:border-color .2s;width:100%}.employee-container .payment-link-content .payment-form .form-group input:focus,.employee-container .payment-link-content .payment-form .form-group select:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.employee-container .payment-link-content .payment-form .form-group select:invalid{color:#a0aec0}.employee-container .payment-link-content .payment-form .submit-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:background-color .2s}.employee-container .payment-link-content .payment-form .submit-btn:hover{background-color:#218838}.employee-container .payment-link-content .payment-form .submit-btn:disabled{background-color:#94d3a2;cursor:not-allowed}.employee-container .payment-link-content .result-box{animation:fadeIn .5s ease-in;background:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;margin-top:30px;padding:25px;text-align:center}.employee-container .payment-link-content .result-box h4{color:#2e7d32;font-size:18px;margin:0 0 15px}.employee-container .payment-link-content .result-box .generated-url{color:#1976d2;display:block;font-size:16px;font-weight:500;margin-bottom:20px;text-decoration:underline;word-break:break-all}.employee-container .payment-link-content .result-box .copy-btn{background:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s}.employee-container .payment-link-content .result-box .copy-btn:hover{background:#115293}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.15cc8d7a.css.map*/