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}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.login-wrapper{background:linear-gradient(135deg,#0f172a,#1e3a8a,#2563eb,#38bdf8);display:flex;min-height:100vh;overflow:hidden}.login-left{background:url(/static/media/login%201.189cf6f528b6f3f34e49.png) 50%/cover no-repeat;flex:1 1;position:relative}.login-left:after{background:#00000059;content:"";inset:0;position:absolute}.login-right{align-items:center;display:flex;flex:1 1;justify-content:center;padding:30px}.login-box{animation:floatCard 4s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1f;border:1px solid #fff3;border-radius:30px;box-shadow:0 8px 32px #0003,inset 0 0 20px #ffffff14;max-width:420px;padding:40px;width:100%}@keyframes floatCard{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.login-box h2{color:#fff;font-size:32px;font-weight:700;margin-bottom:8px;text-align:center}.sub-text{color:#ffffffbf;font-size:14px;margin-bottom:30px;text-align:center}.login-box input{background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;color:#fff;font-size:15px;height:55px;margin-bottom:18px;outline:none;padding:0 18px;transition:.3s ease;width:100%}.login-box input::placeholder{color:#fff9}.login-box input:focus{border-color:#60a5fa;box-shadow:0 0 15px #60a5fa66}.password-input-box{position:relative}.password-eye{color:#fff;cursor:pointer;font-size:18px;position:absolute;right:18px;top:40%;transform:translateY(-50%)}.login-box button{background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:55px;margin-top:10px;transition:.3s;width:100%}.login-box button:hover{box-shadow:0 10px 25px #3b82f666;transform:translateY(-3px)}.error{color:#ffb4b4;margin-top:15px}.error,.extra{text-align:center}.extra{margin-top:20px}.extra span{color:#fff;font-weight:500;transition:.3s}.extra span:hover{color:#93c5fd}@media (max-width:768px){.login-wrapper{flex-direction:column}.login-left{flex:none;height:250px}.login-box{max-width:500px}}@media (max-width:480px){.login-left{display:none}.login-right{padding:20px}.login-box{border-radius:24px;padding:30px 20px}.login-box h2{font-size:26px}.login-box input{height:50px}.login-box button{font-size:15px;height:50px}}.error,.error-message{color:#ff4d4f;font-size:14px;font-weight:500;margin-top:12px;min-height:20px;text-align:center}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=password]::-ms-clear,input[type=password]::-ms-reveal{display:none}input[type=password]::-webkit-credentials-auto-fill-button,input[type=password]::-webkit-textfield-decoration-container{display:none!important}.sidebar{background:linear-gradient(180deg,#fff,#f8fbff);border-right:1px solid #e5e7eb;box-shadow:4px 0 20px #0000000a;display:flex;flex-direction:column;height:100vh;left:0;padding:24px 10px;position:fixed;top:0;width:240px;z-index:1000}.sidebar ul{flex:1 1;list-style:none;margin:0;padding:0}.sidebar ul li{margin-bottom:12px}.sidebar ul li a{border-radius:16px;color:#374151;font-size:15px;font-weight:600;gap:14px;overflow:hidden;padding:14px 18px;position:relative;text-decoration:none;transition:all .3s ease}.icon,.sidebar ul li a{align-items:center;display:flex}.icon{font-size:20px;justify-content:center}.sidebar ul li a:hover{background:#eff6ff;color:#2563eb;transform:translateX(4px)}.sidebar ul li a.active{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 8px 20px #2563eb40;color:#fff}.sidebar ul li a.active .icon{color:#fff}.sidebar ul li a.active:before{background:#fff;border-radius:0 10px 10px 0;content:"";height:76%;left:0;position:absolute;top:12%;width:4px}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:20px}.logo{align-items:center;display:flex;justify-content:center;padding:10px 0 25px}.sidebar-logo{height:auto;object-fit:contain;transition:.3s ease;width:160px}.menu-btn{display:none}@media (max-width:768px){.menu-btn{align-items:center;background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:45px;justify-content:center;left:15px;position:fixed;top:15px;width:45px;z-index:3001}.sidebar{background:#fff;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .35s ease-in-out;width:260px;z-index:3000}.sidebar.open{transform:translateX(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;inset:0;position:fixed;z-index:2500}.logo{margin-top:50px}}.dashboard{margin-left:20px;margin-top:6%;padding:25px}.modern-loader-wrapper{animation:fadeIn .5s ease;box-shadow:0 15px 40px #00000014}.modern-loader{gap:10px}.dashboard-title{color:#333;margin-bottom:20px}.card-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.card.modern{background:#fff;border:1px solid #eee;border-radius:12px;padding:20px;transition:.3s}.card.modern:hover{box-shadow:0 5px 15px #00000014}.card-top{align-items:center;display:flex;justify-content:space-between}.card-top h4{color:#555;font-size:15px}.card.modern h2{font-size:28px;font-weight:700;margin:10px 0}.icon-circle{align-items:center;background:#f3f4f6;border-radius:50%;color:#6b7280;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.amount{font-size:28px;font-weight:700;margin:10px 0}.rupee-icon{color:#16a34a}.rupee-icon,.rupee-icons{font-weight:700;margin-right:3px}.rupee-icons{color:red}.pending-count-icon{color:#f59e0b;font-size:26px;margin-right:8px;vertical-align:middle}.trend{font-size:14px}.trend.positive{color:#16a34a}.trend.negative{color:#dc2626}.progress-wrapper{background:#fff;border-radius:12px;color:#fff;margin-top:25px;padding:20px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.progress-header h3{color:#000;font-size:18px}.progress-badge{background:#3b82f6;border-radius:20px;font-size:12px;padding:5px 12px}.progress-card-dark{background:#f3f4fe;border-radius:10px;padding:20px}.progress-top{color:#000;display:flex;justify-content:space-between;margin-bottom:10px}.progress-bar{background:#fff;border-radius:10px;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:10px;height:100%;transition:width .5s ease}.progress-footer{color:#000;display:flex;font-size:12px;justify-content:space-between;margin-top:8px}.progress-percent{color:#000}.last-payment-card{background:#fff;border:1px solid #f1f1f1;border-radius:16px;box-shadow:0 4px 15px #00000014;margin-top:20px;padding:20px;transition:all .3s ease;width:100%}.last-payment-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-3px)}.last-payment-header{align-items:center;border-bottom:1px solid #ececec;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:12px}.last-payment-header h3{color:#222;font-size:22px;font-weight:600;margin:0}.last-payment-body{display:flex;flex-direction:column;gap:12px}.payment-detail-row{align-items:center;border-radius:10px;display:flex;justify-content:space-between;padding:0 15px}.payment-detail-row span{color:#666;font-size:15px}.payment-detail-row strong{color:#111;font-size:16px}.payment-amount{color:#28a745;font-weight:700}.payment-pending{color:#e63946;font-weight:700}@media (max-width:768px){.last-payment-card{padding:15px}.last-payment-header h3{font-size:18px}.payment-detail-row{align-items:flex-start;flex-direction:column;gap:5px}}.last-complaints-card{background:#fff;border-radius:18px;box-shadow:0 6px 18px #00000014;margin-top:20px;padding:22px;width:100%}.last-complaints-header{border-bottom:1px solid #f1f1f1;margin-bottom:18px;padding-bottom:10px}.last-complaints-header h3{color:#222;font-size:22px;font-weight:700}.last-complaints-body{display:flex;flex-direction:column;gap:18px}.complaint-item{background:#f9fafc;border-left:5px solid #4f46e5;border-radius:14px;height:70px;padding:5px;transition:.3s ease;width:100%}.complaint-item:hover{box-shadow:0 6px 14px #00000014;transform:translateY(-3px)}.complaint-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.complaint-top h4{color:#222;font-size:17px;margin:0}.complaint-status{border-radius:30px;color:#fff;font-size:10px;font-weight:600;padding:2px 10px}.complaint-status.resolved{background:#22c55e}.complaint-status.pending{background:#f59e0b}.complaint-status.progress{background:#3b82f6}.complaint-message{color:#555;font-size:14px;line-height:1.6;margin-bottom:12px}.complaint-date{color:#888;font-size:13px;margin-top:-17px;text-align:right}.no-complaints{color:#777;font-size:15px;padding:15px 0}@media (max-width:768px){.last-complaints-card{padding:16px}.complaint-top{align-items:flex-start;flex-direction:column;gap:10px}.complaint-top h4{font-size:15px}.complaint-message{font-size:13px}}.payment-complaint-div{display:flex;gap:20px;margin-left:20px;padding:25px}.progress-wrapper-modern{background:#fff;border:1px solid #f1f1f1;border-radius:22px;box-shadow:0 10px 30px #00000014;margin-top:25px;padding:25px}.progress-header-modern{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.progress-header-modern h3{color:#111827;font-size:22px;margin-bottom:5px}.progress-header-modern p{color:#6b7280;font-size:14px}.progress-circle{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;box-shadow:0 5px 15px #4f46e54d;color:#fff;display:flex;font-size:18px;font-weight:700;height:70px;justify-content:center;width:70px}.progress-bar-modern{background:#e5e7eb;border-radius:30px;height:10px;margin-bottom:25px;overflow:hidden;width:100%}.progress-fill-modern{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:30px;height:100%;transition:width .5s ease}.progress-footer-modern{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}.progress-box{align-items:center;border-radius:18px;display:flex;gap:14px;padding:18px}.progress-box svg{font-size:22px}.progress-box span{color:#6b7280;display:block;font-size:13px}.progress-box strong{color:#111827;font-size:18px}.progress-box.completed{background:#22c55e1a;color:#22c55e}.progress-box.remaining{background:#f59e0b1a;color:#f59e0b}@media (max-width:768px){.progress-header-modern{align-items:flex-start;flex-direction:column;gap:15px}.progress-footer-modern{grid-template-columns:1fr}.progress-circle{font-size:16px;height:60px;width:60px}}.resolved-count-icon{color:#10b981;font-size:28px;margin-right:8px;vertical-align:middle}.clickable-card{cursor:pointer;transition:.3s ease}.clickable-card:hover{transform:translateY(-4px)}.dashboard-loader-wrapper{align-items:center;display:flex;height:calc(100vh - 80px);justify-content:center}@media (max-width:768px){.dashboard{margin-top:90px;padding:15px}.dashboard-title{font-size:20px;margin-bottom:15px;text-align:center}.card-container{gap:15px;grid-template-columns:1fr}.card.modern{padding:15px}.card.modern h2{font-size:22px}.card-top h4{font-size:14px}.icon-circle{font-size:16px;height:35px;width:35px}.progress-wrapper-modern{padding:18px}.progress-header-modern{align-items:flex-start;flex-direction:column;gap:12px}.progress-header-modern h3{font-size:18px}.progress-header-modern p{font-size:13px}.progress-circle{font-size:15px;height:55px;width:55px}.payment-complaint-div{flex-direction:column;gap:15px;padding:15px}.last-complaints-card,.last-payment-card{margin-top:0;padding:15px;width:100%}.last-complaints-header h3,.last-payment-header h3{font-size:18px}.payment-detail-row{align-items:flex-start;flex-direction:column;gap:4px;padding:10px 0}.payment-detail-row span,.payment-detail-row strong{font-size:14px!important}.complaint-item{height:auto;padding:12px}.complaint-top{align-items:flex-start;flex-direction:column;gap:8px}.complaint-top h4{font-size:14px}.complaint-message{font-size:12px}.complaint-date{font-size:12px;margin-top:8px;text-align:left}.main-area{margin-left:0!important;width:100%!important}}.layout{display:flex}.main-area{margin-left:220px;width:100%}.header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffbf;border:1px solid #fff6;border-radius:22px;box-shadow:0 10px 30px #0000000f,0 4px 10px #3b82f60d;height:74px;justify-content:space-between;left:280px;padding:0 24px;position:fixed;right:20px;top:18px;z-index:999}.header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.profile-avatars{align-items:center;background:linear-gradient(135deg,#2563eb,#60a5fa);border:3px solid #ffffffe6;border-radius:50%;box-shadow:0 10px 20px #2563eb40,inset 0 1px 3px #ffffff4d;color:#fff;display:flex;font-size:20px;font-weight:700;height:52px;justify-content:center;text-transform:uppercase;transition:all .3s ease;width:52px}.profile-avatars:hover{transform:scale(1.05)}.user-details{display:flex;flex-direction:column}.username{color:#111827;font-size:16px;font-weight:700;line-height:1.2}.user-id{color:#6b7280;font-size:13px;font-weight:500;letter-spacing:.3px;margin-top:3px}.header-right,.logout-btn{align-items:center;display:flex}.logout-btn{background:linear-gradient(135deg,#ef4444,#f87171);border:none;border-radius:14px;box-shadow:0 8px 18px #ef444440;color:#fff;cursor:pointer;font-size:20px;height:46px;justify-content:center;transition:all .3s ease;width:46px}.logout-btn:hover{box-shadow:0 12px 22px #ef444459;transform:translateY(-2px) scale(1.05)}@media (max-width:768px){.header{border-radius:18px;height:68px;left:12px;padding:0 16px;right:12px;top:10px}.profile-avatars{font-size:18px;height:44px;width:44px}.username{font-size:14px}.user-id{font-size:12px}.logout-btn{font-size:18px;height:42px;width:42px}}.theme-btn{align-items:center;background:linear-gradient(135deg,#111827,#374151);border:none;border-radius:14px;box-shadow:0 8px 18px #0003;color:#fff;cursor:pointer;display:flex;font-size:20px;height:46px;justify-content:center;margin-right:12px;transition:.3s ease;width:46px}.theme-btn:hover{transform:scale(1.05)}body.dark-theme{background:#0f172a;color:#fff}body.dark-theme .header{background:#111827d9;border:1px solid #ffffff14}body.dark-theme .sidebar{background:linear-gradient(180deg,#111827,#1f2937);border-right:1px solid #374151}body.dark-theme .sidebar ul li a{color:#e5e7eb}body.dark-theme .sidebar ul li a:hover{background:#3b82f626}body.dark-theme .sidebar ul li a.active{background:linear-gradient(135deg,#2563eb,#3b82f6)}body.dark-theme .card,body.dark-theme .cards,body.dark-theme .last-complaints-card,body.dark-theme .last-payment-card,body.dark-theme .profile-card,body.dark-theme .progress-wrapper-modern{background:#1e293b;border:1px solid #334155;color:#fff}body.dark-theme .pending-count-icon,body.dark-theme .resolved-count-icon,body.dark-theme .table td,body.dark-theme h1,body.dark-theme h2,body.dark-theme h3,body.dark-theme h4,body.dark-theme label,body.dark-theme p,body.dark-theme span,body.dark-theme strong{color:#f3f4f6}body.dark-theme .change-password-card h2,body.dark-theme .dark-md-clr h2,body.dark-theme .dark-md-clr p,body.dark-theme .delete-popup h3,body.dark-theme .delete-popup p,body.dark-theme .detail-label,body.dark-theme .detail-value,body.dark-theme .input-group label,body.dark-theme .login-box input,body.dark-theme .modal h2,body.dark-theme .modal textarea,body.dark-theme .modal-body-reply p,body.dark-theme .modal-content p span,body.dark-theme .modals h2,body.dark-theme .modals p,body.dark-theme .modals p strong,body.dark-theme .modern-loader-card h3,body.dark-theme .modern-loader-card p,body.dark-theme .password-field input,body.dark-theme .password-field span,body.dark-theme .receipt-details-header h3,body.dark-theme .receipt-header h2,body.dark-theme .receipt-info h2,body.dark-theme .receipt-info p,body.dark-theme .receipt-row span,body.dark-theme .receipt-row strong,body.dark-theme .recepit-body-1 h3,body.dark-theme .recepit-work-details h3,body.dark-theme .recepit-work-details p{color:#000}body.dark-theme .login-box input,body.dark-theme .modal,body.dark-theme .modal textarea,body.dark-theme .password-field input{background:#fff}body.dark-theme .receipt-details{background:#fff;border:1px solid #e4ebf5;border-radius:16px;margin-top:25px;padding:10px}body.dark-theme .detail-card{border:1px solid #e4ebf5;color:#fff}body.dark-theme .pagination button{background-color:#fff;color:#000}body.dark-theme .filter-btn,body.dark-theme .filter-buttons,body.dark-theme input,body.dark-theme select,body.dark-theme textarea{background:#111827;color:#fff}body.dark-theme table{background:#1e293b;color:#fff}body.dark-theme.filter-btn:hover{box-shadow:0 12px 24px #2563eb26;color:#fff;transform:translateY(-4px)}body.dark-theme .active-filter{background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 12px 25px #2563eb59,inset 0 1px 0 #fff3;color:#fff;transform:translateY(-2px) scale(1.03)}body.dark-theme .main-area{background:#0f172a}body.dark-them .payment-detail-row strong{background:#1e293b;color:#fff}body.dark-theme .complaint-item{background:#1e293b;border:1px solid #334155;border-left:5px solid #3b82f6;box-shadow:0 4px 12px #00000040}body.dark-theme .modern-stat-card,body.dark-theme .profile-id-badge,body.dark-theme .progress-premium-card{background:#1e293b;color:#fff}@media (max-width:768px){.header{border-radius:14px;height:65px;left:10px;padding:0 12px;position:fixed;right:10px;top:10px;z-index:999}.header-left{gap:10px;margin-left:40px}.profile-avatars{font-size:16px;height:40px;width:40px}.user-details{max-width:120px}.username{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-details span:last-child{font-size:11px}.header-right{gap:8px}.logout-btn,.theme-btn{font-size:16px;height:38px;margin-right:0;width:38px}}.mobile-menu-btn{display:none}@media (max-width:768px){.mobile-menu-btn{align-items:center;background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.header{left:10px}}.change-password-container{align-items:center;display:flex;height:80vh;justify-content:center;margin-top:10%}.change-password-card{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:25px;width:450px}.change-password-card h2{color:#3b82f6;margin-bottom:20px;text-align:center}.input-group{margin-bottom:15px}.input-group label{display:block;font-size:14px;margin-bottom:5px}.password-field{align-items:center;border:1px solid #ccc;border-radius:6px;display:flex;padding:5px 10px}.password-field input{border:none;flex:1 1;outline:none;padding:8px}.password-field span{color:#000;cursor:pointer}.btn{background:#3b82f6cc;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:10px;padding:10px;width:100%}.btn:hover{background:#2a5298}.password-notification{animation:slideInRight .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;box-shadow:0 10px 30px #00000026;min-width:320px;padding:18px 22px;position:fixed;right:25px;top:25px;z-index:9999}.password-notification.success{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.password-notification.error{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.password-notification-content{align-items:center;display:flex;gap:15px}.password-notification-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:22px;font-weight:700;height:45px;justify-content:center;width:45px}.password-notification-content h4{font-size:17px;font-weight:700;margin:0}.password-notification-content p{font-size:14px;margin:4px 0 0;opacity:.95}@media (max-width:768px){.change-password-container{align-items:flex-start;height:auto;margin-top:90px;padding:20px}.change-password-card{max-width:500px;padding:20px;width:100%}.change-password-card h2{font-size:22px}.input-group label{font-size:13px}.password-field input{font-size:14px;padding:10px}.btn{font-size:14px;padding:12px}.password-notification{left:15px;min-width:auto;right:15px;top:15px;width:auto}}@media (max-width:480px){.change-password-container{margin-top:150px;padding:15px}.change-password-card{border-radius:12px;padding:18px;width:100%}.change-password-card h2{font-size:20px;margin-bottom:15px}.input-group{margin-bottom:12px}.input-group label{font-size:12px;margin-bottom:4px}.password-field{padding:4px 8px}.password-field input{font-size:13px;padding:8px}.password-field span{font-size:16px}.btn{font-size:14px;padding:12px;width:40%}.password-notification{border-radius:12px;left:10px;padding:14px;right:10px;top:10px}.password-notification-content{gap:10px}.password-notification-icon{flex-shrink:0;font-size:18px;height:38px;width:38px}.password-notification-content h4{font-size:15px}.password-notification-content p{font-size:12px}}.profile-container{margin-left:20px;margin-top:100px;padding:25px}.profile-title{font-size:22px;font-weight:700}.profile-subtitle{color:#666;margin-bottom:20px}.profile-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:300px 1fr}.profile-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:20px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:50%;color:#fff;display:flex;font-size:30px;height:100px;justify-content:center;margin:auto;width:100px}.profile-card.left{text-align:center}.role{color:#3b82f6;margin:5px 0}.badge{background:#3b82f6;color:#fff;display:inline-block}.divider{background:#eee;height:1px;margin:15px 0}.info-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr)}.info-grid label{color:#111;font-size:15px;font-weight:500}.info-grid p{color:#888;font-size:13px;margin-top:5px}.description{color:#555;margin-top:5px}.profile-alg{grid-gap:20px;display:grid;gap:20px;text-align:justify}.progress-premium-card{background:#fff;border-radius:16px;color:#fff;margin-top:35px;padding:20px;transition:.3s}.progress-premium-card:hover{transform:translateY(-5px)}.card-premium-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.card-premium-header h3{color:#000;flex:1 1;font-size:16px}.progress-percentage-badge{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:20px;font-size:12px;padding:5px 12px}.progress-premium-bar{background:#334155;border-radius:10px;height:12px;overflow:hidden;position:relative;width:100%}.progress-premium-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:10px;height:100%;position:relative;transition:width .5s ease}.progress-premium-glow{animation:glowMove 2s linear infinite;background:#fff6;filter:blur(8px);height:100%;position:absolute;right:0;top:0;width:40px}@keyframes glowMove{0%{transform:translateX(-40px)}to{transform:translateX(200px)}}.progress-premium-stats{display:flex;justify-content:space-between;margin-top:15px}.progress-stat{align-items:center;color:#cbd5f5;display:flex;font-size:13px;gap:8px}.progress-stat strong{color:#fff;margin-left:5px}.progress-stat span{color:#000}.trending-icon{background:#dbeafe;border-radius:50%;box-shadow:0 4px 10px #3b82f633;color:#3b82f6;height:34px;padding:6px;width:34px}.avatar-premium-wrapper{align-items:center;background:#2a5298;border-radius:50%;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.avatar-premium-image{height:100%;object-fit:cover;width:100%}.avatar-premium-placeholder{color:#fff;font-size:28px;font-weight:700}.profile-alg h4{color:#222;font-size:20px;margin-bottom:18px}.profile-info{align-items:center;color:#444;display:flex;font-size:15px;gap:12px;margin-bottom:15px;word-break:break-word}.profile-icon{color:#3b82f6;font-size:18px;min-width:20px}.profile-info span{flex:1 1}.profile-icons{color:#3b82f6;font-size:15px;margin-right:8px;vertical-align:middle}.profile-top-section{align-items:center;display:flex;flex-direction:column;margin-bottom:25px;text-align:center}.profile-avatar-modern{box-shadow:0 10px 30px #2563eb40;height:100px;margin-bottom:18px;text-transform:uppercase;transition:all .3s ease;width:100px}.profile-avatar-modern:hover{transform:scale(1.05)}.profile-user-name{color:#111827;font-size:24px;font-weight:700;margin-bottom:6px;margin-top:15px}.profile-role{color:#6b7280;font-size:15px;font-weight:500;margin-bottom:12px}.profile-id-badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:30px;color:#2563eb;font-size:14px;font-weight:600;padding:8px 18px}@media (max-width:768px){.profile-avatar-modern{font-size:34px;height:90px;width:90px}.profile-user-name{font-size:20px}}.profile-image-container{height:120px;position:relative;width:120px}.profile-avatar-wrapper{height:110px;margin:auto;position:relative;width:110px}.profile-avatar-modern{align-items:center;background:linear-gradient(135deg,#2563eb,#60a5fa);color:#fff;display:flex;font-size:42px;font-weight:700;justify-content:center;overflow:hidden}.profile-avatar-image,.profile-avatar-modern{border:4px solid #fff;border-radius:50%;height:110px;width:110px}.profile-avatar-image{box-shadow:0 8px 20px #00000026;object-fit:cover}.upload-icon{background:#000;bottom:5px;height:25px;right:5px;width:25px}.remove-icon,.upload-icon{align-items:center;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;position:absolute}.remove-icon{background:#ef4444;box-shadow:0 4px 10px #0003;height:28px;right:-5px;top:-5px;transition:.3s ease;width:28px;z-index:10}.remove-icon:hover{background:#dc2626;transform:scale(1.15)}.upload-icon:hover{transform:scale(1.1);transition:.2s}.profile-image{border-radius:50%;height:120px;object-fit:cover;width:120px}.remove-image-btn{background:red;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 14px}.custom-notification{animation:slideInRight .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;box-shadow:0 10px 30px #00000026;min-width:320px;padding:18px 22px;position:fixed;right:25px;top:25px;z-index:9999}.custom-notification.success{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.custom-notification.error{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.notification-content{align-items:center;display:flex;gap:15px}.notification-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:22px;font-weight:700;height:45px;justify-content:center;width:45px}.notification-content h4{font-size:17px;font-weight:700;margin:0}.notification-content p{font-size:14px;margin:4px 0 0;opacity:.95}.modern-loader-container{align-items:center;display:flex;height:70vh;justify-content:center;width:100%}.modern-loader-card{animation:fadeIn .4s ease;background:#fff;border-radius:20px;padding:35px 25px;text-align:center;width:400px}.modern-loader-card h3{color:#2a5298;font-size:22px;font-weight:700;margin-top:20px}.modern-loader-card p{color:#666;font-size:14px;line-height:1.5;margin-top:10px}.modern-loader-animation{display:flex;gap:10px;justify-content:center}.modern-loader-animation span{animation:bounce .6s infinite alternate;background:#3b82f6;border-radius:50%;height:16px;width:16px}.modern-loader-animation span:nth-child(2){animation-delay:.2s}.modern-loader-animation span:nth-child(3){animation-delay:.4s}@media (max-width:768px){.profile-container{margin-top:90px;padding:15px}.profile-title{font-size:20px;text-align:center}.profile-subtitle{font-size:13px;text-align:center}.profile-grid{gap:15px;grid-template-columns:1fr}.profile-card{border-radius:16px;padding:15px}.profile-avatar-modern,.profile-avatar-wrapper,.profile-image,.profile-image-container{height:100px;width:100px}.profile-avatar-modern{font-size:34px}.profile-user-name{font-size:20px;word-break:break-word}.profile-id-badge{font-size:12px;padding:6px 14px}.profile-alg h4{font-size:18px}.profile-info{align-items:flex-start;font-size:14px;gap:10px}.profile-info span{font-size:13px;line-height:1.5;word-break:break-word}.info-grid{gap:18px;grid-template-columns:1fr}.info-grid label{font-size:14px}.description,.info-grid p{font-size:13px;word-break:break-word}.description{line-height:1.6}.progress-premium-card{margin-top:20px;padding:15px}.card-premium-header{flex-wrap:wrap;gap:8px}.card-premium-header h3{font-size:14px}.progress-percentage-badge{font-size:11px;padding:4px 10px}.progress-premium-stats{align-items:flex-start;flex-direction:column;gap:12px}.progress-stat{font-size:12px;width:100%}.remove-icon,.upload-icon{height:24px;width:24px}.custom-notification{left:10px;min-width:auto;padding:14px;right:10px;top:80px;width:auto}.notification-content{gap:10px}.notification-icon{font-size:18px;height:38px;width:38px}.notification-content h4{font-size:15px}.notification-content p{font-size:12px}.modern-loader-card{padding:25px 15px;width:90%}.modern-loader-card h3{font-size:18px}.modern-loader-card p{font-size:13px}}@media (max-width:480px){.profile-container{padding:10px}.profile-title{font-size:18px}.profile-subtitle{font-size:12px}.profile-user-name{font-size:18px}.description,.info-grid p,.profile-info span{font-size:12px}.profile-avatar-modern,.profile-image{height:90px;width:90px}.profile-avatar-modern{font-size:30px}}.delete-popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.delete-popup{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;padding:25px;text-align:center;width:350px}.delete-popup h3{color:#333;margin-bottom:10px}.delete-popup p{color:#666;margin-bottom:20px}.delete-popup-buttons{display:flex;gap:10px;justify-content:center}.cancel-btn{background:#ddd}.cancel-btn,.delete-btn{padding:10px 20px;width:100%}.delete-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer}.delete-btn:hover{background:#c82333}.cancel-btn:hover{background:#cfcfcf}.container{margin-left:20px;margin-top:7%;padding:30px}.btns{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 15px}.top-hed h1{font-size:22px;font-weight:700}.statses{grid-gap:15px;gap:15px;grid-template-columns:repeat(4,1fr);margin:20px 0}.cards{border:1px solid #eee;border-radius:12px;height:120px;padding:20px;transition:.3s;width:100%}.topbar{display:flex;justify-content:space-between;margin-bottom:15px}.tabs{display:flex;gap:10px}.tab{border:1px solid #475569;border-radius:5px;color:#000;cursor:pointer;padding:6px 12px}.search,.tab{background:#fff}.search{border:1px solid #475569;border-radius:8px;color:#fff;color:#000;padding:8px;transition:.3s}.tables{border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.tables th{color:#fff}.tables td,.tables th{padding:12px}.tables thead{background:#334155}.tables tr{border-top:1px solid #475569}.id{color:#3b82f6}.badges{border-radius:20px;font-size:12px;padding:4px 10px}.high{background:#f87171}.medium{background:#facc15}.urgent{background:#fb7185}.inprogress{background:green;color:#fff}.resolved{background:red;color:#f0f8ff}.pending{background:#facc15;color:#f0f8ff}.icons{background:#fff;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-right:5px;padding:5px 8px}.delete{background-color:#fff;color:red}.top-hed-1{display:flex;gap:50%;margin-top:10px}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal{animation:fadeIn .3s ease;background:#fff;border-radius:10px;padding:25px;width:650px}.modal input,.modal select,.modal textarea{border:1px solid #ccc;border-radius:6px;margin-top:10px;padding:10px;width:100%}.modal textarea{height:150px}.modal-buttons{display:flex;gap:10px;justify-content:space-between;margin-top:15px}.submit-btn{background:#3b82f6;color:#fff;width:100%}.cancel-btn,.submit-btn{border:none;border-radius:6px;cursor:pointer;padding:8px 15px}.cancel-btn{background:#ccc}.modals-overlays{align-items:center;animation:overlayFade .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172aa6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.modals{animation:modalPop .35s ease;background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #e2e8f0cc;border-radius:24px;box-shadow:0 20px 45px #0000002e,0 4px 12px #2563eb14;max-width:560px;overflow:hidden;padding:28px;position:relative;width:100%}.modals:before{background:#3b82f61f;border-radius:50%;content:"";height:180px;position:absolute;right:-80px;top:-80px;width:180px}.modals h2{color:#0f172a;font-size:26px;font-weight:800;margin:0 0 22px;position:relative;text-align:center}.modals p strong{color:#2563eb;display:inline-block;font-size:15px;font-weight:700;margin-bottom:10px}.modals p{color:#475569;font-size:15px;line-height:1.8;margin:0;word-break:break-word}.modals p:last-of-type{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-top:10px;max-height:250px;overflow-y:auto;padding:18px}.modals p:last-of-type::-webkit-scrollbar{width:6px}.modals p:last-of-type::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:10px}.modals-buttonss{display:flex;justify-content:center;margin-top:28px}.cancels-btns{background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:14px;box-shadow:0 10px 24px #2563eb40;font-size:15px;font-weight:700;outline:none;padding:12px 34px;transition:all .3s ease}.cancels-btns:hover{box-shadow:0 14px 30px #2563eb59;transform:translateY(-2px) scale(1.02)}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@media (max-width:600px){.modals{border-radius:20px;padding:22px 18px}.modals h2{font-size:22px}.modals p{font-size:14px}.cancels-btns{width:40%}}.cancels-btns{background:#ff4d4f;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 18px;transition:.3s}.cancels-btns:hover{background:#d9363e}.modal-overlay-reply{align-items:center;animation:overlayFadeReply .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172aa6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.modal-box-reply{animation:modalPopReply .35s ease;background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #e2e8f0cc;border-radius:24px;box-shadow:0 25px 60px #0000002e,0 10px 30px #2563eb1f;max-width:520px;overflow:hidden;position:relative;width:100%}.modal-box-reply:before{background:#3b82f61f;border-radius:50%;content:"";height:180px;position:absolute;right:-70px;top:-70px;width:180px}.modal-header-reply{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:22px 24px;position:relative}.modal-header-reply h3{font-size:22px;font-weight:800;letter-spacing:.3px;margin:0}.close-icon{align-items:center;background:#3b82f6;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:38px;justify-content:center;transition:all .3s ease;width:38px}.close-icon:hover{background:#ffffff47;transform:rotate(90deg) scale(1.05)}.modal-body-reply{max-height:350px;overflow-y:auto;padding:28px 24px}.modal-body-reply p{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;box-shadow:inset 0 1px 2px #00000008;color:#475569;font-size:15px;line-height:1.8;margin:0;padding:20px;word-break:break-word}.modal-body-reply::-webkit-scrollbar{width:6px}.modal-body-reply::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:10px}.modal-footer-reply{display:flex;justify-content:center;padding:20px 24px 24px}.modal-footer-reply button{background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:14px;box-shadow:0 12px 24px #2563eb40;color:#fff;cursor:pointer;font-size:15px;font-weight:700;outline:none;padding:12px 34px;transition:all .3s ease}.modal-footer-reply button:hover{box-shadow:0 18px 32px #2563eb59;transform:translateY(-2px) scale(1.02)}@keyframes modalPopReply{0%{opacity:0;transform:scale(.85) translateY(25px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:600px){.modal-box-reply{border-radius:20px}.modal-header-reply{padding:18px}.modal-header-reply h3{font-size:19px}.modal-body-reply{padding:20px 18px}.modal-body-reply p{font-size:14px;padding:16px}.modal-footer-reply{padding:18px}.modal-footer-reply button{width:40%}}@keyframes overlayFadeReply{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.rating{color:#3574ee;font-weight:600}.rating-stars{color:gold;font-size:16px}.rating-options{display:flex;gap:10px}.rating-options button{background:#007bff;border:none;border-radius:6px;color:#fff;padding:10px;width:100%}.rating-options button:hover{background:#007bff}.rating-options button{align-items:center;background:#fff;border:1px solid #111;border-radius:8px;color:#111;cursor:pointer;display:flex;font-weight:500;gap:10px;padding:10px 12px;transition:.3s}.icon{font-size:18px}.icon.excellent{color:#4caf50}.icon.good{color:#2196f3}.icon.bad{color:#ff9800}.icon.poor{color:#f44336}.statses{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:25px 0}.cards{align-items:center;background:#fff;border-radius:18px;box-shadow:0 4px 20px #00000014;display:flex;gap:18px;overflow:hidden;padding:22px;position:relative;transition:.3s ease}.cards:hover{box-shadow:0 8px 28px #0000001f;transform:translateY(-5px)}.card-icon{align-items:center;background:#f5f7ff;border-radius:50%;display:flex;font-size:28px;height:65px;justify-content:center;width:65px}.card-content h2{color:#111827;font-size:30px;font-weight:700;margin:0}.card-content p{color:#6b7280;font-size:15px;font-weight:500;margin-top:6px}.pagination button{background:#f1f5f9;border:none;border-radius:8px;color:#333;cursor:pointer;font-weight:600;padding:8px 14px;transition:.3s}.pagination button.active-page,.pagination button:hover{background:#2563eb;color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.5}.delete-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}.cancel-delete-btn{background:#d1d5db;color:#111827}.cancel-delete-btn,.confirm-delete-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 18px}.confirm-delete-btn{background:#ef4444;color:#fff}.confirm-delete-btn:hover{background:#dc2626}.cancel-delete-btn:hover{background:#9ca3af}.stats-icon{font-size:28px}.filter-buttons{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:22px;box-shadow:0 10px 30px #0f172a14,inset 0 1px 0 #fff6;display:flex;flex-wrap:wrap;gap:16px;margin:28px 0;padding:18px;width:50%}.filter-btn{background:linear-gradient(145deg,#ffffffe6,#f1f5f9e6);border:none;border-radius:16px;box-shadow:6px 6px 12px #0f172a0f,-4px -4px 10px #ffffffe6;color:#475569;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.3px;overflow:hidden;padding:13px 24px;position:relative;transition:all .35s ease}.filter-btn:before{background:#ffffff59;content:"";height:100%;left:-100%;position:absolute;top:0;transform:skewX(-25deg);transition:.6s;width:60%}.filter-btn:hover:before{left:140%}.filter-btn:hover{box-shadow:0 12px 24px #2563eb26;color:#e30e0e;transform:translateY(-4px)}.active-filter{background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 12px 25px #2563eb59,inset 0 1px 0 #fff3;color:#fff;transform:translateY(-2px) scale(1.03)}.active-filter:after{animation:pulseRing 1.8s infinite;border:2px solid #ffffff59;border-radius:inherit;content:"";inset:0;position:absolute}@keyframes pulseRing{0%{opacity:.8;transform:scale(1)}70%{opacity:0;transform:scale(1.12)}to{opacity:0;transform:scale(1.12)}}@media (max-width:768px){.filter-buttons{gap:12px;padding:14px}.filter-btn{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;font-size:13px;padding:12px;text-align:center}}@media (max-width:480px){.filter-btn{flex:1 1 100%}}.no-reply{color:#00000063;display:inline-block;font-size:10px;font-weight:600}.floating-success{align-items:center;animation:slideInRight .4s ease;background:#fff;border-left:6px solid #22c55e;border-radius:14px;box-shadow:0 10px 30px #0000001f;display:flex;gap:15px;padding:16px;position:fixed;right:25px;top:25px;width:340px;z-index:99999}.success-check,.success-left{align-items:center;display:flex;justify-content:center}.success-check{background:#22c55e;border-radius:50%;color:#fff;font-size:22px;font-weight:700;height:45px;width:45px}.success-content h4{color:#111827;font-size:16px;margin:0}.success-content p{color:#6b7280;font-size:13px;margin:4px 0 0}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.container{margin-top:80px;padding:15px}.top-hed-1{align-items:flex-start;flex-direction:column;gap:15px}.top-hed h1{font-size:20px}.top-hed p{font-size:13px}.top-heds{width:100%}.btns{align-items:center;display:block;font-size:14px;margin:0 auto;padding:12px;width:45%}.statses{gap:12px;grid-template-columns:1fr}.cards{height:auto;padding:15px}.card-content h2{font-size:24px}.card-content p{font-size:13px}.filter-buttons{justify-content:center;padding:12px;width:100%}.filter-btn{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;font-size:13px;padding:10px}.tables{display:block;min-width:650px;overflow-x:auto;white-space:nowrap}.tables td,.tables th{font-size:13px;padding:10px}.pagination{gap:6px}.pagination button{font-size:12px;padding:6px 10px}.modal{padding:20px;width:95%}.modal textarea{height:120px}.modal-buttons{flex-direction:row;gap:10px}.cancel-btn,.submit-btn{width:100%}.rating-options{flex-direction:column}.rating-options button{justify-content:center;width:100%}.floating-success{right:15px;top:15px;width:calc(100% - 30px)}}@media (max-width:480px){.container{padding:10px}.top-hed h1{font-size:18px}.stats-icon{font-size:22px}.cards{gap:12px}.card-content h2{font-size:20px}.card-content p{font-size:12px}.filter-btn{flex:1 1 100%}.tables td,.tables th{font-size:12px;padding:8px}.icons{padding:4px 6px}.floating-success{left:50%;right:auto;transform:translateX(-50%);width:95%}}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.tables{min-width:500px}.selected-rating{background:#2563eb!important;border:2px solid #2563eb;color:#fff!important}.rating-options button{transition:all .3s ease}.rating-badge{border-radius:20px;font-size:13px;padding:6px 12px;transition:.3s}.rating-badge:hover{transform:scale(1.05)}.payment-top-container{margin-left:20px;padding:25px}.subtitle{color:#94a3b8}.payment-container h1{font-size:22px;font-weight:700;margin-top:8%}.stats{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:30px 0}.modern-stat-card{align-items:center;background:#fff;border-radius:18px;box-shadow:0 8px 20px #00000014;display:flex;gap:18px;overflow:hidden;padding:24px;position:relative;transition:.3s ease}.modern-stat-card:hover{transform:translateY(-5px)}.modern-icon{align-items:center;border-radius:50%;color:#3b82f6;display:flex;flex-shrink:0;font-size:30px;height:70px;justify-content:center;width:70px}.modern-stat-content p{color:#777;font-size:15px;font-weight:500;margin:0}.modern-stat-content h2{color:#111;font-size:28px;font-weight:700;margin-top:8px}.total-card .modern-icon{background:linear-gradient(135deg,#ff4b2b,#ff416c)}.paid-card .modern-icon{background:linear-gradient(135deg,#11998e,#38ef7d)}.pending-card .modern-icon{background:linear-gradient(135deg,#f7971e,#ffd200)}.transaction-card .modern-icon{background:linear-gradient(135deg,#396afc,#2948ff)}.modern-stat-card:before{background:#ffffff26;border-radius:50%;content:"";height:140px;position:absolute;right:-50px;top:-50px;width:140px}.table{background:#fff;border-collapse:collapse;border-radius:10px;overflow:hidden;width:100%}.table th{color:#fff;padding:12px;text-align:justify}.table td{color:#000;padding:12px}.table thead{background:#334155}.table tr{border-top:1px solid #475569}.badge{padding:5px 10px}.paid{background:#22c55e}.paid,.pendings{color:#fff;cursor:pointer}.pendings{background:#f59e0b}.iconss{align-items:center;background:#0000;border:none;border-radius:8px;color:#007bff;cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;padding:8px;transition:all .3s ease}.iconss:hover{color:#0056b3;transform:scale(1.1)}.iconss:active{transform:scale(.95)}.iconss+.iconss{margin-left:8px}.loading-spinner{padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-top:15%;padding:60px 20px;text-align:center}.error-icon{font-size:48px;margin-bottom:20px}.error-container h3{color:#dc3545;margin-bottom:10px}.error-container p{color:#666;margin-bottom:20px}.retry-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 24px;transition:background-color .3s}.retry-button:hover{background-color:#0056b3}.stat-icon{font-size:20px;margin-bottom:10px}.table-responsive{margin-top:20px;overflow-x:auto}.amount-paid{color:#28a745;font-weight:600}.balance-amount{color:#ff9800}.badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.badge.approved,.badge.paid{background-color:#d4edda;color:#155724}.badge.pendings{background-color:#fff3cd;color:#856404}.badge.failed,.badge.rejected{background-color:#f8d7da;color:#721c24}.no-payments{background:#f8f9fa;border-radius:12px;margin-top:20px;padding:60px 20px;text-align:center}.no-payments-icon{font-size:64px;margin-bottom:20px}.no-payments h3{color:#333;margin-bottom:10px}.no-payments p{color:#666}.cardss{cursor:pointer;transition:transform .3s,box-shadow .3s}.cardss:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-5px)}.modal-overlays{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172aa6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.modal-box{animation:modalPop .35s ease;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #ffffff80;border-radius:24px;box-shadow:0 20px 50px #0000002e,0 8px 20px #2563eb14;max-width:70%;overflow:hidden;padding:30px;position:relative;width:100%}.modal-box:before{background:#2563eb14;border-radius:50%;content:"";height:180px;position:absolute;right:-80px;top:-80px;width:180px}@keyframes modalFade{0%{opacity:0;transform:translateY(-20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-box h2{color:#0f172a;font-size:28px;font-weight:800;margin-bottom:28px;position:relative;text-align:center}.modal-box h2:after{background:linear-gradient(90deg,#2563eb,#4f46e5);border-radius:10px;content:"";display:block;height:4px;margin:10px auto 0;width:70px}.modal-content{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.info-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 10px #00000008;display:flex;flex-direction:column;gap:8px;padding:15px;transition:.3s ease}.info-card:hover{border-color:#bfdbfe;box-shadow:0 8px 18px #2563eb14;transform:translateY(-2px)}.info-card strong{color:#1e293b;font-size:14px;font-weight:700}.info-card span{font-size:15px;font-weight:500}@media (max-width:992px){.modal-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.modal-content{grid-template-columns:1fr}}.paid-amount{color:#16a34a}.balance-amount,.paid-amount{font-weight:600;margin-left:5px}.balance-amount{color:#dc2626}.close-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 8px 20px #ef444440;color:#fff;cursor:pointer;display:block;font-size:14px;font-weight:600;margin-left:auto;margin-top:20px;padding:12px 16px;transition:all .3s ease;width:120px}.close-btn:hover{box-shadow:0 12px 25px #ef444459;transform:translateY(-2px)}@keyframes modalPop{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:600px){.modal-box{border-radius:20px;padding:22px}.modal-box h2{font-size:22px}.modal-content p{align-items:flex-start;flex-direction:column;gap:8px}.modal-content p strong{min-width:auto}}.receipt-modal{animation:popupFade .3s ease;background:#fff;border-radius:16px;box-shadow:0 8px 30px #00000026;max-height:90vh;max-width:95%;overflow-x:hidden;overflow-y:auto;padding:25px;scrollbar-color:#2a5298 #f1f1f1;scrollbar-width:thin;width:700px}.receipt-modal::-webkit-scrollbar{width:8px}.receipt-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.receipt-modal::-webkit-scrollbar-thumb{background:#2a5298;border-radius:10px}.receipt-modal::-webkit-scrollbar-thumb:hover{background:#1d3f7a}.receipt-header{margin-bottom:25px;text-align:center}.receipt-header h2{color:#2a5298;font-size:20px;margin:0}.receipt-header p{color:#777;font-size:14px;margin-top:5px}.receipt-body{display:flex;flex-direction:column;gap:14px}.receipt-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding-bottom:8px}.receipt-row span{color:#555;font-weight:500}.receipt-row strong{color:#111;font-size:15px;font-weight:500}.receipt-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px}.print-btn{background:#2a5298;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 22px;width:100%}.print-btn:hover{background:#1d3f7a}.approved-text{color:green;text-transform:capitalize}.rejected-text{color:red;text-transform:capitalize}.pending-text{color:orange;text-transform:capitalize}@keyframes popupFade{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media print{body *{visibility:hidden}.receipt-modal,.receipt-modal *{visibility:visible}.receipt-modal{box-shadow:none;left:0;position:absolute;top:0;width:100%}.receipt-buttons{display:none}}.receipt-logo img{height:50px;object-fit:contain;width:100%}.receipt-info h2{color:#2a5298;font-size:16px;margin:0;text-align:center}.receipt-info p{color:#777;font-size:14px;margin-top:5px;text-align:center}.closes-btn{background:#dc3545;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:0;padding:12px;transition:.3s ease}.receipt-details h3{color:#2a5298;font-size:18px;margin:20px 0 10px}.receipt-details{background:#f8faff;border:1px solid #e4ebf5;border-radius:16px;margin-top:25px;padding:10px}.receipt-details-header{margin-bottom:20px}.receipt-details-header h3{color:#2a5298;font-size:15px;font-weight:700;margin:0}.receipt-details-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(50px,1fr))}.detail-card{background:#fff;border-radius:14px;padding:18px}.detail-card:hover{transform:translateY(-3px)}.detail-label{color:#777;display:block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.detail-value{color:#222;font-size:12px;font-weight:600;margin:0;word-break:break-word}.recepit-body-1 h3{color:#2a5298;font-size:15px}.paid-amount{color:#28a745;font-size:16px;font-weight:700}.balance-amount-red{color:#dc3545;font-size:15px;font-weight:700}.recepit-work-details h3{color:#2a5298;font-size:15px;font-weight:700;margin:0}.recepit-work-details p{font-size:15px;margin-top:5px}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.page-btn{background:#e5e7eb;border:none;border-radius:8px;color:#111827;cursor:pointer;font-weight:600;padding:8px 14px;transition:.3s}.active-page,.page-btn:hover{background:#2563eb;color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.5}.receipt-modal{position:relative}.receipt-close-icon{background:#0000;border:none;color:#666;cursor:pointer;font-size:22px;position:absolute;right:15px;top:15px}.receipt-close-icon:hover{color:#d32f2f;transform:scale(1.1)}@media (max-width:768px){.payment-top-container{padding:15px}.payment-container h1{font-size:20px;margin-top:70px}.subtitle{font-size:14px}.stats{gap:15px;grid-template-columns:1fr}.modern-stat-card{gap:12px;padding:18px}.modern-icon{font-size:22px;height:55px;width:55px}.modern-stat-content h2{font-size:20px}.modern-stat-content p{font-size:13px}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{min-width:900px}.table td,.table th{font-size:13px;padding:10px;white-space:nowrap}.iconss{font-size:16px;padding:6px}.pagination{gap:6px;margin-top:15px}.page-btn{font-size:13px;padding:7px 12px}.modal-box{border-radius:16px;max-height:100%;max-width:95%;overflow-y:auto;padding:20px;width:95%}.modal-box h2{font-size:20px;margin-bottom:20px}.modal-content p{align-items:flex-start;flex-direction:column;gap:6px;padding:12px}.modal-content p strong{font-size:13px;min-width:auto}.modal-content p span{font-size:13px}.close-btn{font-size:14px;padding:12px}.receipt-modal{border-radius:12px;max-height:80vh;max-width:95%;padding:15px;width:100%}.receipt-logo img{height:40px}.receipt-info h2{font-size:14px}.receipt-info p{font-size:12px;line-height:1.5}.receipt-header h2{font-size:18px}.receipt-details{padding:12px}.receipt-details-grid{gap:12px;grid-template-columns:1fr}.detail-card{padding:14px}.detail-value{font-size:12px}.receipt-row{align-items:flex-start;flex-direction:column;gap:5px}.receipt-row span,.receipt-row strong{font-size:13px}.recepit-work-details p{font-size:13px;line-height:1.5}.receipt-buttons{flex-direction:column}.closes-btn,.print-btn{width:100%}.receipt-close-icon{font-size:18px;right:10px;top:10px}.error-container{margin-top:80px;padding:30px 15px}.error-container h3{font-size:18px}.error-container p{font-size:14px}.no-payments{padding:40px 15px}.no-payments-icon{font-size:50px}.no-payments h3{font-size:18px}.no-payments p{font-size:14px}.modern-loader-card{padding:25px 15px;width:90%}.modern-loader-card h3{font-size:18px}.modern-loader-card p{font-size:13px}}@media (max-width:480px){.modern-stat-content h2,.payment-container h1{font-size:18px}.modern-icon{font-size:20px;height:50px;width:50px}.page-btn{font-size:12px;padding:6px 10px}.receipt-header h2{font-size:16px}.receipt-info h2{font-size:13px}.detail-card{padding:12px}}.referral-header-section{align-items:center;display:flex;justify-content:space-between;margin:20px 0 10px}.referral-total-label{font-weight:600;margin-right:8px}.referral-total-amount{color:#28a745;font-size:18px;font-weight:700}.referral-status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 10px}.referral-table{border-collapse:collapse;width:100%}.referral-table td,.referral-table th{border-bottom:1px solid #ddd;padding:10px;text-align:left}@media (max-width:768px){.referral-table{display:block;overflow-x:auto;white-space:nowrap}.referral-table td,.referral-table th{font-size:12px;padding:8px}}.message{animation:fadeIn .3s ease;border-radius:10px;font-size:14px;font-weight:500;margin-top:15px;padding:12px 16px;text-align:center}.message.success{background:#dcfce7;border:1px solid #86efac;color:#15803d}.message.error{background:#fee2e2;border:1px solid #fca5a5;color:#dc2626}.loader-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffbf;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:99999}.modern-loader-wrapper{animation:fadeIn .4s ease;background:#fff;border-radius:24px;box-shadow:0 20px 50px #0000001f;min-width:320px;padding:40px 50px;text-align:center}.modern-loader{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.modern-loader span{animation:bounce .6s infinite alternate;background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:50%;height:16px;width:16px}.modern-loader span:nth-child(2){animation-delay:.2s}.modern-loader span:nth-child(3){animation-delay:.4s}.modern-loader-wrapper h3{color:#111827;font-size:22px;font-weight:700;margin-bottom:8px}.modern-loader-wrapper p{color:#6b7280;font-size:14px}@keyframes bounce{0%{opacity:.6;transform:translateY(0)}to{opacity:1;transform:translateY(-12px)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}body.dark-theme .loader-overlay{background:#0f172ab3}body.dark-theme .modern-loader-wrapper{background:#1e293b}body.dark-theme .modern-loader-wrapper h3{color:#fff}body.dark-theme .modern-loader-wrapper p{color:#cbd5e1}@media(max-width:768px){.modern-loader-wrapper{padding:35px 20px;width:90%}.modern-loader-wrapper h3{font-size:18px}}
/*# sourceMappingURL=main.7999e819.css.map*/