@charset "UTF-8";@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Medium-DZarjTSE.ttf)}*{margin:0;padding:0;text-decoration:none;list-style:none;box-sizing:border-box}body,#root{height:100%}html{height:100%;font-family:Montserrat,sans-serif;font-weight:400;font-style:normal;background-color:#ebedf0}.container{max-width:2160px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.error-box{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#ff4d4f;color:#fff;padding:.8rem 2rem;border-radius:8px;box-shadow:0 4px 12px #0003;font-weight:500;z-index:10000;animation:slideDownError .5s forwards,fadeOutError .5s 3s forwards}@media screen and (max-width:480px){.error-box{padding:.6rem 1rem;font-size:14px;max-width:350px}}@keyframes slideDownError{0%{top:-50px;opacity:0}to{top:20px;opacity:1}}@keyframes fadeOutError{0%{opacity:1}to{opacity:0;top:-50px}}.success-box{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#52c41a;color:#fff;padding:.8rem 2rem;border-radius:8px;box-shadow:0 4px 12px #0003;font-weight:500;z-index:10000;animation:slideDownSuccess .5s forwards,fadeOutSuccess .5s 3s forwards}@keyframes slideDownSuccess{0%{top:-50px;opacity:0}to{top:20px;opacity:1}}@keyframes fadeOutSuccess{0%{opacity:1}to{opacity:0;top:-50px}}.sidebar{position:fixed;left:0;bottom:0;top:0;width:300px;height:100vh;background:#0068e0;box-shadow:#64646f33 0 7px 29px;color:#fff;z-index:100;scrollbar-color:#c2dbf1 #0068e0}@media screen and (max-width:1300px){.sidebar{width:300px}}@media screen and (max-width:1100px){.sidebar{display:none}}.sidebar .container{height:100%;overflow-y:auto}.sidebar .container::-webkit-scrollbar{width:8px}.sidebar .container::-webkit-scrollbar-track{background:#e6f0ff;border-radius:10px}.sidebar .container::-webkit-scrollbar-thumb{background:#0068e0;border-radius:10px}.sidebar .container::-webkit-scrollbar-thumb:hover{background:#0050ad}.sidebar .container{scrollbar-width:thin;scrollbar-color:#0068e0 #e6f0ff}.sidebar .container h1{cursor:pointer;margin-top:30px;font-size:24px;font-weight:700;text-align:center;line-height:normal;color:#fff}.sidebar .container h1 span{color:#00b074;font-size:40px;font-weight:700;line-height:normal}.sidebar .container .services-header,.sidebar .container .users-header,.sidebar .container .applications-header,.sidebar .container .others-header{display:flex;align-items:center;justify-content:space-between;margin-top:30px;cursor:pointer}.sidebar .container .services-header h2.title,.sidebar .container .users-header h2.title,.sidebar .container .applications-header h2.title,.sidebar .container .others-header h2.title{font-size:17px;font-weight:900;letter-spacing:2px;cursor:pointer;margin:0;line-height:normal;-webkit-user-select:none;user-select:none}.sidebar .container .services-header .arrow,.sidebar .container .users-header .arrow,.sidebar .container .applications-header .arrow,.sidebar .container .others-header .arrow{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:8px}.sidebar .container .services-header .arrow img,.sidebar .container .users-header .arrow img,.sidebar .container .applications-header .arrow img,.sidebar .container .others-header .arrow img{width:100%;height:100%;transform:rotate(0)}.sidebar .container .services-header .arrow.open img,.sidebar .container .users-header .arrow.open img,.sidebar .container .applications-header .arrow.open img,.sidebar .container .others-header .arrow.open img{animation:rotateOpen .3s forwards}.sidebar .container .services-header .arrow.closed img,.sidebar .container .users-header .arrow.closed img,.sidebar .container .applications-header .arrow.closed img,.sidebar .container .others-header .arrow.closed img{animation:rotateClose .3s forwards}.sidebar .container .services,.sidebar .container .users,.sidebar .container .applications,.sidebar .container .others{list-style:none;overflow:hidden;max-height:0}.sidebar .container .services.open,.sidebar .container .users.open,.sidebar .container .applications.open,.sidebar .container .others.open{animation:slideDown .25s ease-in-out forwards}.sidebar .container .services.closed,.sidebar .container .users.closed,.sidebar .container .applications.closed,.sidebar .container .others.closed{animation:slideUp .25s ease-in-out forwards}.sidebar .container ul.open{margin:30px 0}.sidebar .container ul{display:flex;flex-direction:column;align-items:center;gap:15px}.sidebar .container ul.open{max-height:500px}.sidebar .container ul li{color:#fff;position:relative;border-radius:8px;cursor:pointer;padding:0 20px;font-feature-settings:"liga" off,"clig" off;width:250px;height:45.035px;flex-shrink:0;font-size:16px;font-style:normal;font-weight:500;line-height:normal;display:flex;align-items:center;gap:15px;transition:background-color .3s ease,transform .3s ease}.sidebar .container ul li:hover{background-color:#0057bb}.sidebar .container ul li.active:hover{background-color:#044a9b}.sidebar .container ul li img{width:30px;height:30px;opacity:.8;transition:transform .3s ease}.sidebar .container ul li p{color:#fff;font-size:16px;margin:0;flex:1;white-space:wrap;overflow:hidden}.sidebar .container ul li div{position:absolute;top:18%;transform:translateY(-50%);left:-43px;width:8px;height:43.742px;border-radius:0 58px 58px 0;height:35px;background-color:#fff;transition:background-color .3s ease,transform .3s ease}.sidebar .container ul .active{background-color:#0057bb}.sidebar .container ul .active div{background-color:#0057bb;transform:translate(0)}.sidebar.light{background:#0068e0;color:#fff}.sidebar.dark{background:#1e1e1e;color:#e0e0e0;box-shadow:#fff3 0 7px 10px}.sidebar.dark ul li:hover{background-color:#333}.sidebar.dark ul li.active:hover{background-color:#494949}.sidebar.dark ul .active{background-color:#333}.sidebar.dark .container::-webkit-scrollbar-track{background:#2e2e2e}.sidebar.dark .container::-webkit-scrollbar-thumb{background:#0068e0}.sidebar.dark .container::-webkit-scrollbar-thumb:hover{background:#1a1a1a}.sidebar.dark .container{scrollbar-width:thin;scrollbar-color:#7a7a7a #2e2e2e}.navbar{position:fixed;top:0;left:0;right:0;background-color:#fff;width:100vw;height:60px;padding-left:20px;padding-right:20px;display:flex;justify-content:space-between;align-items:center;z-index:99;box-shadow:#00000026 1.95px 1.95px 2.6px}.navbar h1{position:absolute;top:50%;transform:translateY(-50%);left:0;font-size:18px;color:#000;font-weight:400}@media screen and (max-width:1100px){.navbar h1{margin-left:50px}}@media screen and (max-width:720px){.navbar h1{display:none}}.navbar .theme-btn{color:#0068e0;background:none;border:none;font-size:18px;cursor:pointer;transition:.3s;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.navbar .theme-btn img{width:20px;height:20px}.navbar .theme-btn:hover{background-color:#007bff;color:#fff}.navbar .theme-btn:hover img{filter:brightness(0) invert(1)}.navbar .hamburger{display:none;width:25px;height:25px;position:absolute;top:50%;transform:translateY(-50%);left:0}@media screen and (max-width:1100px){.navbar .hamburger{display:block}}.navbar .close-btn{position:absolute;width:25px;height:25px;top:0;right:20px}.navbar .container{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:30px;width:100%;margin-left:300px}@media screen and (max-width:1100px){.navbar .container{margin:0}}.navbar .profile-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 25px 10px 20px;border:1px solid #0068e0;border-radius:8px;cursor:pointer;background-color:#0068e0;color:#fff;font-size:16px;transition:.3s}.navbar .profile-btn:hover{background-color:#0056b3}@media screen and (max-width:500px){.navbar .profile-btn{display:none}}.navbar .profile-btn-mobile{padding:10px 15px;border:1px solid #0068e0;border-radius:8px;cursor:pointer;background-color:#0068e0;color:#fff;font-size:16px;transition:.3s;display:none}.navbar .profile-btn-mobile:hover{background-color:#0056b3}@media screen and (max-width:500px){.navbar .profile-btn-mobile{display:block}}.navbar hr{width:1px;height:40px}.navbar .language-box{font-size:14px;position:relative;cursor:pointer}.navbar .language-box .language-selected{display:flex;align-items:center;text-transform:capitalize;gap:5px;font-weight:500}.navbar .language-box .arrow{display:inline-block;transition:transform .2s ease}.navbar .language-box .arrow.open{transform:rotate(180deg)}.navbar .language-box .language-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #ccc;border-radius:6px;margin-top:5px;width:max-content;min-width:120px;box-shadow:0 4px 8px #0000001a;list-style:none;padding:0;overflow:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;transition:all .3s ease}.navbar .language-box .language-dropdown.open{opacity:1;transform:translateY(0);pointer-events:auto}.navbar .language-box .language-dropdown li{padding:8px 12px;transition:background .2s ease;transition:.3s all}.navbar .language-box .language-dropdown li:hover{background:#007bff}.navbar .search-box button{background:transparent;padding:7px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;cursor:pointer;transition:.3s}.navbar .search-box button img{width:30px;height:30px}.navbar .search-box button:hover{background-color:#007bff}.navbar .search-box button:hover img{filter:brightness(0) invert(1)}.navbar .contact-box button{background:transparent;padding:7px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:3px solid #007bff;cursor:pointer;transition:.3s}.navbar .contact-box button img{width:20px;height:20px}.navbar .contact-box button:hover{background-color:#007bff}.navbar .contact-box button:hover img{filter:brightness(0) invert(1)}.navbar.light{background:#fff;color:#0068e0}.navbar.light .language-dropdown{background:#fff;color:#007bff}.navbar.light .language-dropdown li{color:#000}.navbar.light .language-dropdown li:hover{background:#007bff;color:#fff}.navbar.light .profile-btn{background-color:#007bff;color:#fff}.navbar.light .profile-btn:hover{background-color:#0056b3}.navbar.dark{background:#1e1e1e;color:#e0e0e0;box-shadow:#ffffff26 1.95px 1.95px 2.6px}.navbar.dark h1{color:#fff}.navbar.dark .language-dropdown{background:#2c2c2c}.navbar.dark .language-dropdown li{color:#fff;background:#3a3a3a}.navbar.dark .language-dropdown li:hover{background:#fff;color:#3a3a3a}.navbar.dark .search-box button{border-color:#1e1e1e}.navbar.dark .search-box button img{filter:brightness(0) invert(1)}.navbar.dark .search-box button:hover{background-color:#2c2c2c}.navbar.dark .contact-box button{border-color:#2c2c2c}.navbar.dark .contact-box button:hover{background-color:#2c2c2c}.navbar.dark .contact-box button:hover img{filter:brightness(0) invert(1)}.navbar.dark .profile-btn{background:#cbddf1;border:#cbddf1;color:#000}.navbar.dark .profile-btn:hover{background-color:#b3cdeb}.navbar.dark .theme-btn{color:#e0e0e0}.navbar.dark .theme-btn:hover{background-color:#333}.sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:99;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-backdrop.show{opacity:1;pointer-events:auto}.sidebar-mobile{position:fixed;left:0;bottom:0;top:0;width:300px;height:100vh;background:#0068e0;box-shadow:#64646f33 0 7px 29px;color:#fff;z-index:100;scrollbar-color:#c2dbf1 #0068e0;transform:translate(-100%);transition:transform .3s ease-in-out}.sidebar-mobile.show{transform:translate(0)}.sidebar-mobile .close-btn{position:absolute;top:15px;right:15px;width:30px;height:30px;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;transition:background-color .3s ease;z-index:101}.sidebar-mobile .close-btn:hover{background:#ffffff4d}.sidebar-mobile .close-btn:active{background:#fff6;transform:scale(.95)}.sidebar-mobile .container{height:100%;overflow-y:auto}.sidebar-mobile .container::-webkit-scrollbar{width:8px}.sidebar-mobile .container::-webkit-scrollbar-track{background:#e6f0ff;border-radius:10px}.sidebar-mobile .container::-webkit-scrollbar-thumb{background:#0068e0;border-radius:10px}.sidebar-mobile .container::-webkit-scrollbar-thumb:hover{background:#0050ad}.sidebar-mobile .container{scrollbar-width:thin;scrollbar-color:#0068e0 #e6f0ff}.sidebar-mobile .container h1{cursor:pointer;margin-top:50px;font-size:24px;font-weight:700;text-align:center;line-height:normal;color:#fff}.sidebar-mobile .container h1 span{color:#00b074;font-size:40px;font-weight:700;line-height:normal}.sidebar-mobile .container .services-header,.sidebar-mobile .container .users-header,.sidebar-mobile .container .applications-header{display:flex;align-items:center;justify-content:space-between;margin-top:30px;cursor:pointer}.sidebar-mobile .container .services-header h2.title,.sidebar-mobile .container .users-header h2.title,.sidebar-mobile .container .applications-header h2.title{font-size:17px;font-weight:900;letter-spacing:2px;cursor:pointer;margin:0;line-height:normal;-webkit-user-select:none;user-select:none}.sidebar-mobile .container .services-header .arrow,.sidebar-mobile .container .users-header .arrow,.sidebar-mobile .container .applications-header .arrow{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:8px}.sidebar-mobile .container .services-header .arrow img,.sidebar-mobile .container .users-header .arrow img,.sidebar-mobile .container .applications-header .arrow img{width:100%;height:100%;transform:rotate(0)}.sidebar-mobile .container .services-header .arrow.open img,.sidebar-mobile .container .users-header .arrow.open img,.sidebar-mobile .container .applications-header .arrow.open img{animation:rotateOpen .3s forwards}.sidebar-mobile .container .services-header .arrow.closed img,.sidebar-mobile .container .users-header .arrow.closed img,.sidebar-mobile .container .applications-header .arrow.closed img{animation:rotateClose .3s forwards}@keyframes rotateOpen{0%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes rotateClose{0%{transform:rotate(0)}to{transform:rotate(-90deg)}}.sidebar-mobile .container .services,.sidebar-mobile .container .users,.sidebar-mobile .container .applications{list-style:none;overflow:hidden}.sidebar-mobile .container .services.open,.sidebar-mobile .container .users.open,.sidebar-mobile .container .applications.open{animation:slideDown .25s ease-in-out forwards}.sidebar-mobile .container .services.closed,.sidebar-mobile .container .users.closed,.sidebar-mobile .container .applications.closed{animation:slideUp .25s ease-in-out forwards}@keyframes slideDown{0%{max-height:0;transform:translateY(-10px)}to{max-height:500px;transform:translateY(0)}}@keyframes slideUp{0%{max-height:500px;transform:translateY(0)}to{max-height:0;transform:translateY(-10px)}}.sidebar-mobile .container ul{margin:30px 0;display:flex;flex-direction:column;align-items:center;gap:15px}.sidebar-mobile .container ul.open{max-height:500px}.sidebar-mobile .container ul li{color:#fff;position:relative;border-radius:8px;cursor:pointer;padding:0 20px;font-feature-settings:"liga" off,"clig" off;width:250px;height:45.035px;flex-shrink:0;font-size:16px;font-style:normal;font-weight:500;line-height:normal;display:flex;align-items:center;gap:15px;transition:background-color .3s ease,transform .3s ease}.sidebar-mobile .container ul li:hover{background-color:#0057bb}.sidebar-mobile .container ul li.active:hover{background-color:#044a9b}.sidebar-mobile .container ul li img{width:30px;height:30px;opacity:.8;transition:transform .3s ease}.sidebar-mobile .container ul li p{color:#fff;font-size:16px;margin:0;flex:1;white-space:wrap;overflow:hidden}.sidebar-mobile .container ul li div{position:absolute;top:18%;transform:translateY(-50%);left:-43px;width:8px;height:43.742px;border-radius:0 58px 58px 0;height:35px;background-color:#fff;transition:background-color .3s ease,transform .3s ease}.sidebar-mobile .container ul .active{background-color:#0057bb}.sidebar-mobile .container ul .active div{background-color:#0057bb;transform:translate(0)}.sidebar-mobile.light{background:#0068e0;color:#fff}.sidebar-mobile.light .close-btn{background:#0000001a;color:#fff}.sidebar-mobile.light .close-btn:hover{background:#0003}.sidebar-mobile.light .close-btn:active{background:#0000004d}.sidebar-mobile.dark{background:#1e1e1e;color:#e0e0e0;box-shadow:#fff3 0 7px 10px}.sidebar-mobile.dark .close-btn{background:#ffffff1a;color:#e0e0e0}.sidebar-mobile.dark .close-btn:hover{background:#fff3}.sidebar-mobile.dark .close-btn:active{background:#ffffff4d}.sidebar-mobile.dark ul li:hover{background-color:#333}.sidebar-mobile.dark ul li.active:hover{background-color:#494949}.sidebar-mobile.dark ul .active{background-color:#333}.sidebar-mobile.dark .container::-webkit-scrollbar-track{background:#2e2e2e}.sidebar-mobile.dark .container::-webkit-scrollbar-thumb{background:#0068e0}.sidebar-mobile.dark .container::-webkit-scrollbar-thumb:hover{background:#1a1a1a}.sidebar-mobile.dark .container{scrollbar-width:thin;scrollbar-color:#7a7a7a #2e2e2e}@media screen and (max-width:350px){.sidebar-mobile{width:280px}.sidebar-mobile .container h1{font-size:20px;margin-top:45px}.sidebar-mobile .container ul li{width:220px;font-size:14px;height:40px}.sidebar-mobile .container ul li img{width:25px;height:25px}.sidebar-mobile .container ul li p{font-size:14px}.sidebar-mobile .close-btn{width:25px;height:25px;font-size:16px;top:12px;right:12px}}@media screen and (max-width:320px){.sidebar-mobile{width:260px}.sidebar-mobile .container h1{font-size:18px}.sidebar-mobile .container ul li{width:200px;font-size:13px;height:38px}.sidebar-mobile .container ul li img{width:22px;height:22px}}.layout{display:flex;width:100%;min-height:100vh;height:100%}.mainContainer{width:100%;margin-left:310px}@media screen and (max-width:1300px){.mainContainer{margin-left:300px}}@media screen and (max-width:1100px){.mainContainer{margin:0}}.top-progress-bar{position:fixed;top:0;left:0;height:5px;width:0%;background:#0068e0;z-index:9999;overflow:hidden;transition:width .2s ease;border-bottom:1px solid #ffffff;border-radius:15px}.top-progress-bar.dark{background:#7a7a7a;border-bottom:none}.top-progress-bar:after{content:"";position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shimmer .8s linear infinite}@keyframes shimmer{0%{left:-50%}to{left:100%}}.dashboard{margin-top:60px;padding:30px 0;min-height:calc(100vh - 60px);position:relative}.dashboard:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.1) 0%,transparent 50%);pointer-events:none}.dashboard.light{background:linear-gradient(135deg,#f5f7fa,#e9ecef);color:#333}.dashboard.dark{background:linear-gradient(135deg,#252525,#1a1a1a);color:#fff}.dashboard .container{max-width:1400px;margin:0 auto;padding:0 20px}.dashboard .container .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;animation:fadeInDown .6s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dashboard .container .dashboard-header h1{font-size:42px;font-weight:800;margin:0 0 12px;background:linear-gradient(135deg,#0068e0,#0056b3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.dashboard .container .dashboard-header .welcome-text{font-size:18px;opacity:.7;margin:0;font-weight:500}.dashboard .container .dashboard-header .refresh-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#0068e0,#0056b3);color:#fff;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 4px 15px #0068e04d}.dashboard .container .dashboard-header .refresh-btn svg{font-size:20px;transition:transform .3s ease}.dashboard .container .dashboard-header .refresh-btn svg.rotating{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard .container .dashboard-header .refresh-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #0068e080}.dashboard .container .dashboard-header .refresh-btn:hover svg{animation:rotate .5s linear infinite}.dashboard .container .dashboard-header .refresh-btn:active{transform:translateY(-1px)}.dashboard .container .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin-bottom:50px}.dashboard .container .stats-grid .stat-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000014;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;animation:slideUp .6s ease-out forwards;opacity:0;border:2px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.dashboard .container .stats-grid .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:0;transition:opacity .4s}.dashboard .container .stats-grid .stat-card:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s,height .6s}.dashboard .container .stats-grid .stat-card:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 20px 60px #0003;border-color:#0068e04d}.dashboard .container .stats-grid .stat-card:hover:before{opacity:1}.dashboard .container .stats-grid .stat-card:hover:after{width:300px;height:300px}.dashboard .container .stats-grid .stat-card .stat-card-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.dashboard .container .stats-grid .stat-card .stat-card-content .stat-info{flex:1}.dashboard .container .stats-grid .stat-card .stat-card-content .stat-info .stat-title{font-size:13px;font-weight:700;opacity:.65;margin:0 0 20px;text-transform:uppercase;letter-spacing:1.5px}.dashboard .container .stats-grid .stat-card .stat-card-content .stat-info .stat-value{font-size:48px;font-weight:900;margin:0;color:#333;line-height:1;font-family:Inter,Segoe UI,system-ui,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(0,0,0,.1)}.dashboard .container .stats-grid .stat-card .stat-card-content .stat-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:36px;transition:all .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 24px #00000026;position:relative}.dashboard .container .stats-grid .stat-card .stat-card-content .stat-icon:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:20px;background:inherit;filter:blur(10px);opacity:.5;z-index:-1}.dashboard .container .stats-grid .stat-card .stat-progress{position:absolute;bottom:0;left:0;height:6px;width:100%;animation:progressBar 1.2s cubic-bezier(.4,0,.2,1) forwards;border-radius:0 0 20px 20px;box-shadow:0 -2px 10px #0000001a}@keyframes progressBar{0%{width:0%;opacity:.3}to{width:100%;opacity:1}}.dashboard .container .stats-grid .stat-card:hover .stat-icon{transform:scale(1.2) rotate(-12deg);box-shadow:0 12px 32px #00000040}.dashboard .container .info-section .info-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 8px 32px #00000014;animation:fadeIn .8s ease-out .5s forwards;opacity:0;border:2px solid rgba(0,104,224,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard .container .info-section .info-card:hover{box-shadow:0 12px 48px #0000001f;transform:translateY(-5px)}.dashboard .container .info-section .info-card .info-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:24px;border-bottom:3px solid #e9ecef}.dashboard .container .info-section .info-card .info-header svg{font-size:32px;color:#0068e0;padding:12px;background:linear-gradient(135deg,#0068e026,#0068e00d);border-radius:12px;box-shadow:0 4px 12px #0068e033}.dashboard .container .info-section .info-card .info-header h3{font-size:28px;font-weight:800;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard .container .info-section .info-card .info-content{display:flex;flex-direction:column;gap:24px}.dashboard .container .info-section .info-card .info-content .info-item{display:flex;flex-direction:column;gap:12px;transition:all .3s ease}.dashboard .container .info-section .info-card .info-content .info-item:hover{transform:translate(8px)}.dashboard .container .info-section .info-card .info-content .info-item label{font-size:12px;font-weight:800;text-transform:uppercase;opacity:.7;letter-spacing:1.2px}.dashboard .container .info-section .info-card .info-content .info-item p{font-size:18px;margin:0;padding:16px 22px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border-left:5px solid #0068e0;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.dashboard .container .info-section .info-card .info-content .info-item p:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);transform:translate(5px);box-shadow:0 4px 16px #0000001a}.dashboard.dark .container .dashboard-header h1{background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard.dark .container .stats-grid .stat-card{background:#2e2e2ecc;border-color:#a78bfa4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dashboard.dark .container .stats-grid .stat-card .stat-card-content .stat-info .stat-value{background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard.dark .container .info-section .info-card{background:#2e2e2ecc;border-color:#a78bfa4d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dashboard.dark .container .info-section .info-card .info-header{border-bottom-color:#4a4a4a}.dashboard.dark .container .info-section .info-card .info-header svg{background:linear-gradient(135deg,#a78bfa33,#60a5fa1a)}.dashboard.dark .container .info-section .info-card .info-header h3{background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard.dark .container .info-section .info-card .info-content .info-item label{color:#a0aec0}.dashboard.dark .container .info-section .info-card .info-content .info-item p{background:linear-gradient(135deg,#3a3a3a,#2a2a2a);color:#fff}.dashboard.dark .container .info-section .info-card .info-content .info-item p:hover{background:linear-gradient(135deg,#4a4a4a,#3a3a3a)}@media(max-width:768px){.dashboard .container .dashboard-header{flex-direction:column;align-items:flex-start;gap:25px}.dashboard .container .dashboard-header h1{font-size:32px}.dashboard .container .dashboard-header .refresh-btn{width:100%;justify-content:center}.dashboard .container .stats-grid{grid-template-columns:1fr;gap:20px}}@media(min-width:769px)and (max-width:1024px){.dashboard .container .stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px){.dashboard .container .stats-grid{grid-template-columns:repeat(3,1fr)}}.all-services{margin-top:60px;padding:20px 0}.all-services.light{color:#333}.all-services.dark{background-color:#252525;color:#fff}.all-services .container{margin:0 auto;padding:0 20px}.all-services .container h1{font-size:28px;margin-bottom:30px;color:inherit}.all-services .add-service-btn{padding:8px 16px;background-color:#0068e0;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.all-services .add-service-btn:hover{background-color:#0050ad}.all-services .filters-section{margin-bottom:20px;background:var(--card-background);border-radius:8px;border:1px solid var(--border-color)}.all-services .filters-section .filters-row{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap}.all-services .filters-section .filters-row .filter-group{display:flex;flex-direction:column;min-width:200px}.all-services .filters-section .filters-row .filter-group label{margin-bottom:5px;font-weight:500;color:var(--text-color)}.all-services .filters-section .filters-row .filter-group input,.all-services .filters-section .filters-row .filter-group select{padding:8px 12px;border:1px solid black;border-radius:4px;font-size:14px;background:var(--input-background);color:var(--text-color)}.all-services .filters-section .filters-row .filter-group input:focus,.all-services .filters-section .filters-row .filter-group select:focus{outline:none;border-color:var(--primary-color)}.all-services .filters-section .filters-row .filter-actions{display:flex;align-items:flex-end}.all-services .filters-section .filters-row .filter-actions .reset-btn{padding:8px 16px;background:#0068e0;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.all-services .filters-section .filters-row .filter-actions .reset-btn:hover{opacity:.9}.all-services .services-table{background:#fff;border-radius:6px;box-shadow:2px 2px 10px #0000001a;overflow:hidden}.all-services .services-table table{width:100%;border-collapse:collapse}.all-services .services-table table thead th{padding:12px 15px;text-align:left;font-weight:600;background-color:#0068e0;color:#fff;border-bottom:none;position:sticky;top:0}.all-services .services-table table thead th:nth-child(2){max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.all-services .services-table table tbody tr{border-bottom:1px solid #ddd;transition:background-color .2s}.all-services .services-table table tbody tr:hover{background-color:#94c5ff}.all-services .services-table table tbody tr td{padding:12px 15px;vertical-align:middle}.all-services .services-table table tbody tr td:nth-child(2){max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.all-services .service-name strong{color:#212529;font-size:15px}.all-services .service-description{color:#6c757d;font-size:14px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.all-services .price-info{display:flex;align-items:center;gap:8px}.all-services .price-info .price{font-weight:600;color:#28a745}.all-services .badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.all-services .badge.badge-paid{background:#ffeaa7;color:#d63031}.all-services .badge.badge-free{background:#dfe6e9;color:#2d3436}.all-services .badge.badge-active{background:#d4edda;color:#155724}.all-services .badge.badge-inactive{background:#f8d7da;color:#721c24}.all-services .badge.badge-pending{background:#fff3cd;color:#856404}.all-services .badge.badge-approved{background:#d4edda;color:#155724}.all-services .badge.badge-rejected{background:#f8d7da;color:#721c24}.all-services .fields-count{color:#6c757d;font-size:14px}.all-services .actions{display:flex;gap:8px}.all-services .actions button{background:none;border:none;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.all-services .actions button:hover{background:#0000001a}.all-services .actions button.btn-view:hover{background-color:#cfe2ff}.all-services .actions button.btn-edit:hover{background-color:#fff3cd}.all-services .actions button.btn-delete:hover{background-color:#f8d7da}.all-services .pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:15px}.all-services .pagination button{padding:6px 12px;border-radius:4px;border:1px solid #ccc;background-color:#0068e0;color:#fff;cursor:pointer;transition:background .2s}.all-services .pagination button:hover{background-color:#0050ad}.all-services .pagination button.active{background-color:#004494;font-weight:700}.all-services .pagination button:disabled{background-color:#ccc;cursor:not-allowed}.all-services.dark .container h1{color:#fff}.all-services.dark .services-table{background-color:#2e2e2e}.all-services.dark .services-table table tbody tr:hover{background-color:#3f3f3f}.all-services.dark .service-name strong{color:#fff}.all-services.dark .service-description,.all-services.dark .fields-count{color:#b0b0b0}.all-services.dark .pagination button{border:1px solid #555;background-color:#0068e0;color:#fff}.all-services.dark .pagination button.active{background-color:#004494;font-weight:700}.all-services.dark .pagination button:disabled{background-color:#555;color:#aaa}@media screen and (max-width:900px){.all-services .container{padding:15px 10px}.all-services .container h1{font-size:20px;margin-bottom:20px;text-align:center}.all-services .container .filters-section .filters-row{flex-direction:column;gap:15px}.all-services .container .filters-section .filters-row .filter-group{width:100%}.all-services .container .filters-section .filters-row .filter-group label{font-size:14px;margin-bottom:8px;display:block}.all-services .container .filters-section .filters-row .filter-group input,.all-services .container .filters-section .filters-row .filter-group select{width:100%;padding:12px;font-size:14px;border-radius:6px}.all-services .container .filters-section .filters-row .filter-actions{width:100%;display:flex;gap:10px}.all-services .container .filters-section .filters-row .filter-actions .reset-btn,.all-services .container .filters-section .filters-row .filter-actions .add-service-btn{flex:1;padding:12px;font-size:14px;border-radius:6px;text-align:center}.all-services .container .services-table table{display:none!important}.all-services .container .services-table .mobile-cards{display:block!important}.all-services .container .services-table .mobile-cards .service-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;margin-bottom:15px;padding:15px;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.all-services .container .services-table .mobile-cards .service-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.all-services .container .services-table .mobile-cards .service-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color, #e0e0e0)}.all-services .container .services-table .mobile-cards .service-card .card-header .card-title{flex:1}.all-services .container .services-table .mobile-cards .service-card .card-header .card-title .service-name{font-weight:700;font-size:16px;color:var(--text-primary, #333);margin-bottom:5px}.all-services .container .services-table .mobile-cards .service-card .card-header .card-title .service-id{font-size:12px;color:var(--text-secondary, #666)}.all-services .container .services-table .mobile-cards .service-card .card-header .status-badge{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.all-services .container .services-table .mobile-cards .service-card .card-body .info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px}.all-services .container .services-table .mobile-cards .service-card .card-body .info-row .label{font-weight:500;color:var(--text-secondary, #666);min-width:80px}.all-services .container .services-table .mobile-cards .service-card .card-body .info-row .value{color:var(--text-primary, #333);text-align:right;flex:1}.all-services .container .services-table .mobile-cards .service-card .card-body .description-preview{background:var(--description-bg, #f8f9fa);padding:10px;border-radius:6px;margin:10px 0;font-size:13px;color:var(--text-primary, #333);line-height:1.4;max-height:60px;overflow:hidden;position:relative}.all-services .container .services-table .mobile-cards .service-card .card-body .description-preview:after{content:"...";position:absolute;bottom:0;right:10px;background:var(--description-bg, #f8f9fa);padding-left:10px}.all-services .container .services-table .mobile-cards .service-card .card-body .price-display{margin:10px 0;padding:8px 12px;border-radius:6px;font-weight:500}.all-services .container .services-table .mobile-cards .service-card .card-body .price-display.free{background:var(--free-bg, #d4edda);color:var(--free-color, #155724)}.all-services .container .services-table .mobile-cards .service-card .card-body .price-display.paid{background:var(--paid-bg, #fff3cd);color:var(--paid-color, #856404)}.all-services .container .services-table .mobile-cards .service-card .card-footer{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color, #e0e0e0);display:flex;justify-content:space-between;align-items:center}.all-services .container .services-table .mobile-cards .service-card .card-footer .fields-count{font-size:12px;color:var(--text-secondary, #666);background:var(--count-bg, #e9ecef);padding:4px 8px;border-radius:12px}.all-services .container .services-table .mobile-cards .service-card .card-footer .actions{display:flex;gap:8px}.all-services .container .services-table .mobile-cards .service-card .card-footer .actions button{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:4px;transition:all .3s ease}.all-services .container .services-table .mobile-cards .service-card .card-footer .actions button:hover{transform:translateY(-1px)}.all-services .container .services-table .mobile-cards .service-card .card-footer .actions button.edit-btn{background-color:#007bff;color:#fff}.all-services .container .services-table .mobile-cards .service-card .card-footer .actions button.view-btn{background-color:#17a2b8;color:#fff}.all-services .container .services-table .mobile-cards .service-card .card-footer .actions button.delete-btn{background-color:#dc3545;color:#fff}.all-services .container .services-table .mobile-cards .service-card .card-footer .actions button svg{width:14px;height:14px}.all-services .container .pagination{justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}.all-services .container .pagination button,.all-services .container .pagination .dots{min-width:40px;height:40px;font-size:14px;padding:0 8px;border-radius:6px}.all-services.dark .services-table .mobile-cards .service-card{--card-bg: #2a2a2a;--border-color: #444;--text-primary: #fff;--text-secondary: #ccc;--description-bg: #3a3a3a;--free-bg: #1e4d2b;--free-color: #d4edda;--paid-bg: #5a4a1f;--paid-color: #ffd700;--count-bg: #444}.all-services.dark .services-table .mobile-cards .service-card .card-header .card-title .service-name{color:var(--text-primary)}.all-services.dark .services-table .mobile-cards .service-card .badge.badge-active{background-color:#0a4d14;color:#d1f2a5}.all-services.dark .services-table .mobile-cards .service-card .badge.badge-inactive{background-color:#5a1f1f;color:#fcc}.all-services.dark .services-table .mobile-cards .service-card .badge.badge-paid{background-color:#5a4a1f;color:gold}.all-services.dark .services-table .mobile-cards .service-card .badge.badge-free{background-color:#2a4a2a;color:#90ee90}}@media screen and (max-width:480px){.all-services .container{padding:10px 5px}.all-services .container h1{font-size:18px}.all-services .container .filters-section .filters-row .filter-actions{flex-direction:column;gap:8px}.all-services .container .filters-section .filters-row .filter-actions .reset-btn,.all-services .container .filters-section .filters-row .filter-actions .add-service-btn{padding:10px;font-size:13px}.all-services .container .services-table .mobile-cards .service-card{padding:12px}.all-services .container .services-table .mobile-cards .service-card .card-header{margin-bottom:12px;padding-bottom:8px}.all-services .container .services-table .mobile-cards .service-card .card-header .card-title .service-name{font-size:15px}.all-services .container .services-table .mobile-cards .service-card .card-body .info-row{font-size:13px;margin-bottom:8px}.all-services .container .services-table .mobile-cards .service-card .card-body .description-preview{max-height:45px;font-size:12px}.all-services .container .services-table .mobile-cards .service-card .card-footer{margin-top:12px;padding-top:12px}.all-services .container .services-table .mobile-cards .service-card .card-footer .actions{flex-direction:column;gap:6px}.all-services .container .services-table .mobile-cards .service-card .card-footer .actions button{width:100%;padding:8px;font-size:11px;justify-content:center}}.editServiceForm{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.editServiceForm.light .form-container{background:#fff;color:#333}.editServiceForm.light .form-container input,.editServiceForm.light .form-container select,.editServiceForm.light .form-container textarea{background:#fff;color:#333;border:1px solid #ccc}.editServiceForm.light .form-container input:focus,.editServiceForm.light .form-container select:focus,.editServiceForm.light .form-container textarea:focus{border-color:#0068e0;box-shadow:0 0 5px #0068e080}.editServiceForm.dark .form-container{background:#252525;color:#fff}.editServiceForm.dark .form-container input,.editServiceForm.dark .form-container select,.editServiceForm.dark .form-container textarea{background:#3a3a3a;color:#fff;border:1px solid #555}.editServiceForm.dark .form-container input:focus,.editServiceForm.dark .form-container select:focus,.editServiceForm.dark .form-container textarea:focus{border-color:#0068e0;box-shadow:0 0 5px #0068e080}.editServiceForm.dark .form-container input[type=file]{background:#3a3a3a;border:2px dashed #555;color:#fff}.editServiceForm.dark .form-container input[type=file]:hover,.editServiceForm.dark .form-container input[type=file]:focus{border-color:#0068e0}.editServiceForm.dark .form-container small{color:#b0b0b0}.editServiceForm .form-container{width:100%;max-width:800px;max-height:90vh;overflow-y:auto;padding:30px;border-radius:6px;box-shadow:0 4px 20px #0000004d}.editServiceForm .form-container::-webkit-scrollbar{width:8px}.editServiceForm .form-container::-webkit-scrollbar-track{background:#2525251a;border-radius:6px}.editServiceForm .form-container::-webkit-scrollbar-thumb{background:#0068e0;border-radius:6px}.editServiceForm .form-container::-webkit-scrollbar-thumb:hover{background:#0050ad}.editServiceForm .form-container{scrollbar-width:thin;scrollbar-color:#0068e0 rgba(37,37,37,.1)}.editServiceForm .form-container h2{margin-bottom:20px;font-size:24px}.editServiceForm .form-container .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.editServiceForm .form-container .form-row .form-group{margin-bottom:15px}.editServiceForm .form-container .form-row .form-group label{display:block;margin-bottom:5px;font-weight:500;font-size:14px}.editServiceForm .form-container .form-row .form-group input,.editServiceForm .form-container .form-row .form-group select,.editServiceForm .form-container .form-row .form-group textarea{width:100%;padding:10px;border-radius:6px;font-size:14px;outline:none;transition:all .2s}.editServiceForm .form-container .form-row .form-group input::placeholder,.editServiceForm .form-container .form-row .form-group select::placeholder,.editServiceForm .form-container .form-row .form-group textarea::placeholder{color:#999}.editServiceForm .form-container .form-row .form-group input[type=file]{padding:8px;border:2px dashed #ccc;background:transparent;cursor:pointer;transition:border-color .2s}.editServiceForm .form-container .form-row .form-group input[type=file]:hover{border-color:#0068e0}.editServiceForm .form-container .form-row .form-group input[type=file]:focus{border-color:#0068e0;box-shadow:0 0 5px #0068e04d}.editServiceForm .form-container .form-row .form-group small{display:block;margin-top:5px;font-size:12px;color:#6c757d}.editServiceForm .form-container .form-row .form-group textarea{height:60px;resize:vertical;font-family:inherit}.editServiceForm .form-container .buttons{display:flex;gap:10px;margin-top:20px}.editServiceForm .form-container .buttons button{flex:1;padding:12px;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .2s}.editServiceForm .form-container .buttons button[type=button]{background-color:#6c757d;color:#fff}.editServiceForm .form-container .buttons button[type=button]:hover{background-color:#545b62}.editServiceForm .form-container .buttons button[type=submit]{background-color:#0068e0;color:#fff}.editServiceForm .form-container .buttons button[type=submit]:hover{background-color:#0050ad}@media screen and (max-width:900px){.editServiceForm{padding:0;align-items:flex-start}.editServiceForm .form-container{width:100%;max-width:none;min-height:100vh;margin:0;padding:20px 15px;border-radius:0;position:relative}.editServiceForm .form-container h2{font-size:18px;margin-bottom:20px;text-align:center;position:sticky;top:0;background:inherit;padding:10px 0;z-index:10;border-bottom:1px solid var(--border-color, #eee)}.editServiceForm .form-container .form-row{grid-template-columns:1fr;gap:0}.editServiceForm .form-container .form-row>div{margin-bottom:20px}.editServiceForm .form-container .form-group{margin-bottom:15px}.editServiceForm .form-container .form-group label{font-size:14px;margin-bottom:8px;font-weight:500;color:var(--text-secondary, #555)}.editServiceForm .form-container .form-group input,.editServiceForm .form-container .form-group textarea,.editServiceForm .form-container .form-group select{width:100%;padding:12px;font-size:14px;border-radius:6px;box-sizing:border-box}.editServiceForm .form-container .form-group input:focus,.editServiceForm .form-container .form-group textarea:focus,.editServiceForm .form-container .form-group select:focus{border-color:#0068e0;outline:none;box-shadow:0 0 0 2px #0068e040}.editServiceForm .form-container .form-group textarea{min-height:80px;resize:vertical}.editServiceForm .form-container .toggle-switch{align-items:center;gap:12px;margin-top:8px;padding:10px;background:var(--toggle-bg, #f1f3f4);border-radius:6px}.editServiceForm .form-container .toggle-switch input[type=checkbox]{transform:scale(1.1)}.editServiceForm .form-container .toggle-switch label{margin:0;font-size:14px;font-weight:500}.editServiceForm .form-container .service-fields{margin:20px 0}.editServiceForm .form-container .service-fields h2{font-size:16px;margin-bottom:15px;position:relative;padding-bottom:10px}.editServiceForm .form-container .service-fields h2:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:#0068e0;border-radius:2px}.editServiceForm .form-container .service-fields ul{padding:0;list-style:none}.editServiceForm .form-container .service-fields ul li{margin-bottom:15px;padding:0;background:var(--field-card-bg, white);border-radius:8px;border:1px solid var(--border-color, #e9ecef);box-shadow:0 2px 4px #0000000d}.editServiceForm .form-container .service-fields ul li .field-info{display:block;padding:15px}.editServiceForm .form-container .service-fields ul li .field-info .field-details{margin-bottom:12px}.editServiceForm .form-container .service-fields ul li .field-info .field-details strong{font-size:14px;display:block;margin-bottom:6px;color:var(--text-primary, #333)}.editServiceForm .form-container .service-fields ul li .field-info .field-details .field-type{background:#0068e0;color:#fff;padding:4px 8px;border-radius:12px;font-size:15px;font-weight:500;display:inline-block}.editServiceForm .form-container .service-fields ul li .field-info .field-actions{display:flex;gap:8px}.editServiceForm .form-container .service-fields ul li .field-info .field-actions button{flex:1;padding:8px 12px;font-size:12px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500}.editServiceForm .form-container .service-fields ul li .field-info .field-actions button:first-child{background-color:#007bff;color:#fff}.editServiceForm .form-container .service-fields ul li .field-info .field-actions button:first-child:hover{background-color:#0056b3}.editServiceForm .form-container .service-fields ul li .field-info .field-actions button:last-child{background-color:#dc3545;color:#fff}.editServiceForm .form-container .service-fields ul li .field-info .field-actions button:last-child:hover{background-color:#c82333}.editServiceForm .form-container .service-fields ul li .edit-field-form{margin:0;padding:15px;background:var(--edit-bg, #f8f9fa);border-top:1px solid var(--border-color, #e9ecef);border-radius:0 0 8px 8px}.editServiceForm .form-container .service-fields ul li .edit-field-form .form-group{display:block;margin-bottom:12px}.editServiceForm .form-container .service-fields ul li .edit-field-form .form-group label{font-size:13px;margin-bottom:6px;display:block}.editServiceForm .form-container .service-fields ul li .edit-field-form .form-group input,.editServiceForm .form-container .service-fields ul li .edit-field-form .form-group select{width:100%;padding:10px;font-size:13px;box-sizing:border-box}.editServiceForm .form-container .service-fields ul li .edit-field-form .options-manager{margin-top:15px;padding:12px;background:var(--option-manager-bg, white);border-radius:6px;border:1px solid var(--border-color, #e9ecef)}.editServiceForm .form-container .service-fields ul li .edit-field-form .options-manager label{font-size:13px;margin-bottom:10px;display:block;font-weight:600}.editServiceForm .form-container .service-fields ul li .edit-field-form .options-manager .options-list{list-style:none;padding:0;margin-bottom:15px}.editServiceForm .form-container .service-fields ul li .edit-field-form .options-manager .options-list li{margin-bottom:8px;padding:10px;background:var(--option-bg, #f1f3f4);border-radius:4px;border:none;box-shadow:none}.editServiceForm .form-container .service-fields ul li .edit-field-form .options-manager .options-list li .option-item{display:flex;flex-direction:column;gap:8px}.editServiceForm .form-container .service-fields ul li .edit-field-form .options-manager .options-list li .option-item>div{font-size:12px;word-break:break-word;line-height:1.4}.editServiceForm .form-container .service-fields ul li .edit-field-form .options-manager .options-list li .option-item button{align-self:flex-start;padding:4px 8px;font-size:10px;background-color:#dc3545;color:#fff;border:none;border-radius:3px;cursor:pointer}.editServiceForm .form-container .service-fields ul li .edit-field-form .options-manager .add-option-form{display:flex;flex-direction:column;gap:8px}.editServiceForm .form-container .service-fields ul li .edit-field-form .options-manager .add-option-form input{padding:8px;font-size:12px;border:1px solid var(--input-border, #ddd);border-radius:4px}.editServiceForm .form-container .service-fields ul li .edit-field-form .options-manager .add-option-form button{padding:8px 12px;font-size:12px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.editServiceForm .form-container .service-fields ul li .edit-field-form>button{width:100%;padding:10px;font-size:13px;background-color:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-top:15px}.editServiceForm .form-container .service-fields>button{width:100%;padding:15px;font-size:14px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:8px;cursor:pointer;margin-bottom:15px;font-weight:500;box-shadow:0 2px 4px #0000001a}.editServiceForm .form-container .service-fields>button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.editServiceForm .form-container .service-fields .add-new-field{margin-top:15px;padding:15px;background:var(--add-field-bg, #f8f9fa);border-radius:8px;border:2px dashed var(--border-color, #007bff)}.editServiceForm .form-container .service-fields .add-new-field .top-buttons{display:flex;flex-direction:column;gap:12px}.editServiceForm .form-container .service-fields .add-new-field .top-buttons>button{width:100%;padding:12px;font-size:13px;border:none;border-radius:6px;cursor:pointer;font-weight:500}.editServiceForm .form-container .service-fields .add-new-field .top-buttons>button:first-child{background-color:#28a745;color:#fff}.editServiceForm .form-container .service-fields .add-new-field .top-buttons>button:nth-child(2){background-color:#dc3545;color:#fff}.editServiceForm .form-container .service-fields .add-new-field .top-buttons label{font-size:13px;margin-top:12px;margin-bottom:6px;font-weight:500;display:block;color:var(--text-secondary, #555)}.editServiceForm .form-container .service-fields .add-new-field .top-buttons label:first-of-type{margin-top:15px}.editServiceForm .form-container .service-fields .add-new-field .top-buttons input,.editServiceForm .form-container .service-fields .add-new-field .top-buttons select{width:100%;padding:10px;font-size:13px;border-radius:6px;border:1px solid var(--input-border, #ddd);box-sizing:border-box}.editServiceForm .form-container .service-fields .add-new-field .top-buttons .options-manager{margin-top:15px;padding:12px;background:var(--option-manager-bg, white);border-radius:6px;border:1px solid var(--border-color, #e9ecef)}.editServiceForm .form-container .service-fields .add-new-field .top-buttons .options-manager .options-list{margin-bottom:10px}.editServiceForm .form-container .service-fields .add-new-field .top-buttons .options-manager .options-list li .option-item{display:flex;flex-direction:column;gap:6px}.editServiceForm .form-container .service-fields .add-new-field .top-buttons .options-manager .options-list li .option-item>div{font-size:11px}.editServiceForm .form-container .service-fields .add-new-field .top-buttons .options-manager .options-list li .option-item button{align-self:flex-start;padding:3px 6px;font-size:10px}.editServiceForm .form-container .service-fields .add-new-field .top-buttons .options-manager .add-option-form{display:flex;flex-direction:column;gap:8px}.editServiceForm .form-container .service-fields .add-new-field .top-buttons .options-manager .add-option-form input{padding:8px;font-size:12px}.editServiceForm .form-container .service-fields .add-new-field .top-buttons .options-manager .add-option-form button{padding:8px;font-size:11px}.editServiceForm .form-container .buttons{position:sticky;bottom:0;background:inherit;padding:15px 0 20px;margin-top:30px;border-top:2px solid var(--border-color, #eee);display:flex;flex-direction:column;gap:12px}.editServiceForm .form-container .buttons button{width:100%;padding:15px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;min-height:48px}.editServiceForm .form-container .buttons button[type=button]{background-color:#6c757d;color:#fff;order:2}.editServiceForm .form-container .buttons button[type=button]:hover{background-color:#5a6268}.editServiceForm .form-container .buttons button[type=submit]{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;order:1}.editServiceForm .form-container .buttons button[type=submit]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.editServiceForm.dark .form-container{--field-card-bg: #2a2a2a;--border-color: #444;--text-primary: #fff;--text-secondary: #ccc;--toggle-bg: #3a3a3a;--edit-bg: #1e1e1e;--option-manager-bg: #2a2a2a;--option-bg: #3a3a3a;--add-field-bg: #2a2a2a;--input-border: #555}.editServiceForm.dark .form-container h2{color:var(--text-primary)}.editServiceForm.dark .form-container .form-group input,.editServiceForm.dark .form-container .form-group textarea,.editServiceForm.dark .form-container .form-group select{background:#3a3a3a;border-color:#555;color:#fff}.editServiceForm.dark .form-container .form-group input::placeholder,.editServiceForm.dark .form-container .form-group textarea::placeholder,.editServiceForm.dark .form-container .form-group select::placeholder{color:#888}}@media screen and (max-width:480px){.editServiceForm .form-container{padding:15px 10px}.editServiceForm .form-container h2{font-size:16px}.editServiceForm .form-container .form-group{margin-bottom:12px}.editServiceForm .form-container .form-group label{font-size:13px}.editServiceForm .form-container .form-group input,.editServiceForm .form-container .form-group textarea,.editServiceForm .form-container .form-group select{padding:10px;font-size:13px}.editServiceForm .form-container .service-fields ul li .field-info{padding:12px}.editServiceForm .form-container .service-fields ul li .field-info .field-actions{flex-direction:column;gap:8px}.editServiceForm .form-container .service-fields ul li .field-info .field-actions button{padding:8px 10px;font-size:11px}.editServiceForm .form-container .service-fields ul li .edit-field-form{padding:12px}.editServiceForm .form-container .service-fields ul li .edit-field-form .form-group{margin-bottom:10px}.editServiceForm .form-container .service-fields ul li .edit-field-form .form-group input,.editServiceForm .form-container .service-fields ul li .edit-field-form .form-group select{padding:8px;font-size:12px}.editServiceForm .form-container .service-fields .add-new-field{padding:12px}.editServiceForm .form-container .service-fields .add-new-field .top-buttons input,.editServiceForm .form-container .service-fields .add-new-field .top-buttons select{padding:8px;font-size:12px}.editServiceForm .form-container .service-fields .add-new-field .top-buttons>button{padding:10px;font-size:12px}.editServiceForm .form-container .buttons button{padding:12px;font-size:13px;min-height:44px}}.toggle-switch{display:flex;align-items:center;gap:10px}.toggle-switch input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:50px!important;height:24px;background:#ddd;border-radius:50px!important;position:relative;outline:none;cursor:pointer;transition:background .3s,box-shadow .3s}.toggle-switch input[type=checkbox]:hover{box-shadow:0 0 5px #0003}.toggle-switch input[type=checkbox]:checked{background:#0068e0}.toggle-switch input[type=checkbox]:before{content:"";position:absolute;top:1px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .3s}.toggle-switch input[type=checkbox]:checked:before{transform:translate(26px)}.toggle-switch label{font-size:14px;font-weight:500;color:inherit;-webkit-user-select:none;user-select:none}.all-services.dark .toggle-switch label{color:#fff}.service-fields{margin-top:30px;padding:20px;border-radius:6px;background:#f8f9fa}.service-fields h2{font-size:20px;margin-bottom:20px;color:#212529}.service-fields ul{list-style:none;padding:0;margin:0 0 20px}.service-fields ul li{background:#fff;padding:15px;margin-bottom:12px;border-radius:6px;border-left:4px solid #0068e0;box-shadow:0 2px 4px #00000014;transition:all .2s}.service-fields ul li:hover{box-shadow:0 4px 8px #0000001f;transform:translateY(-2px)}.service-fields ul li strong{font-weight:600;color:#212529}.service-fields ul li .field-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.service-fields ul li .field-info .field-details{flex:1;font-size:14px;color:#495057}.service-fields ul li .field-info .field-details .field-type{display:inline-block;padding:2px 8px;background:#e9ecef;border-radius:4px;font-size:12px;margin-left:8px;color:#fff!important}.service-fields ul li .field-info .field-actions{display:flex;gap:8px}.service-fields ul li .field-info .field-actions button{padding:6px 14px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.service-fields ul li .field-info .field-actions button:first-child{background:#fff3cd;color:#856404}.service-fields ul li .field-info .field-actions button:first-child:hover{background:#ffeaa7}.service-fields ul li .field-info .field-actions button:last-child{background:#f8d7da;color:#721c24}.service-fields ul li .field-info .field-actions button:last-child:hover{background:#f5c2c7}.service-fields>button{padding:10px 20px;background:#0068e0;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.service-fields>button:hover{background:#0050ad}.service-fields p{color:#6c757d;font-style:italic;margin:20px 0}.edit-field-form{margin-top:15px;padding:20px;background:#f8f9fa;border-radius:6px;border:1px solid #dee2e6}.edit-field-form .form-group{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px}.edit-field-form .form-group label{grid-column:span 2;font-weight:500;font-size:13px;color:#495057;margin-bottom:-10px}.edit-field-form .form-group input,.edit-field-form .form-group select{grid-column:span 2;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:all .2s}.edit-field-form .form-group input:focus,.edit-field-form .form-group select:focus{border-color:#0068e0;box-shadow:0 0 0 3px #0068e01a;outline:none}.edit-field-form>button{width:100%;padding:10px;background:#28a745;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background .2s}.edit-field-form>button:hover{background:#1e7e34}.add-new-field{margin-top:20px;padding:25px;background:#fff;border-radius:6px;box-shadow:0 2px 8px #0000001a}.add-new-field .top-buttons{display:flex;flex-direction:column;gap:15px}.add-new-field .top-buttons>button{padding:10px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.add-new-field .top-buttons>button:first-child{background:#28a745;color:#fff}.add-new-field .top-buttons>button:first-child:hover{background:#1e7e34}.add-new-field .top-buttons>button:nth-child(2){background:#dc3545;color:#fff}.add-new-field .top-buttons>button:nth-child(2):hover{background:#bd2130}.add-new-field .top-buttons label{font-weight:500;font-size:13px;color:#495057;margin-top:5px}.add-new-field .top-buttons input,.add-new-field .top-buttons select{padding:10px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:all .2s}.add-new-field .top-buttons input:focus,.add-new-field .top-buttons select:focus{border-color:#0068e0;box-shadow:0 0 0 3px #0068e01a;outline:none}.all-services.dark .service-fields{background:#2e2e2e}.all-services.dark .service-fields h2{color:#fff}.all-services.dark .service-fields ul li{background:#3a3a3a;border-left-color:#0068e0}.all-services.dark .service-fields ul li strong{color:#fff}.all-services.dark .service-fields ul li .field-info .field-details{color:#b0b0b0}.all-services.dark .service-fields ul li .field-info .field-details .field-type{background:#4a4a4a;color:#b0b0b0}.all-services.dark .service-fields ul li .field-info .field-actions button:first-child{background:#5a4a1f;color:gold}.all-services.dark .service-fields ul li .field-info .field-actions button:last-child{background:#5a1f1f;color:#ff6b6b}.all-services.dark .service-fields p{color:#888}.all-services.dark .edit-field-form{background:#2e2e2e;border-color:#444}.all-services.dark .edit-field-form .form-group label{color:#b0b0b0}.all-services.dark .edit-field-form .form-group input,.all-services.dark .edit-field-form .form-group select{background:#3a3a3a;border-color:#555;color:#fff}.all-services.dark .edit-field-form .form-group input:focus,.all-services.dark .edit-field-form .form-group select:focus{border-color:#0068e0}.all-services.dark .add-new-field{background:#3a3a3a}.all-services.dark .add-new-field .top-buttons label{color:#b0b0b0}.all-services.dark .add-new-field .top-buttons input,.all-services.dark .add-new-field .top-buttons select{background:#2e2e2e;border-color:#555;color:#fff}.all-services.dark .add-new-field .top-buttons input:focus,.all-services.dark .add-new-field .top-buttons select:focus{border-color:#0068e0}.service-fields.dark{background:#2e2e2e}.service-fields.dark h2{color:#fff}.service-fields.dark ul li{background:#3a3a3a;border-left-color:#0068e0}.service-fields.dark ul li strong{color:#fff}.service-fields.dark ul li .field-info .field-details{color:#b0b0b0}.service-fields.dark ul li .field-info .field-details .field-type{background:#4a4a4a;color:#b0b0b0}.service-fields.dark ul li .field-info .field-actions button:first-child{background:#5a4a1f;color:gold}.service-fields.dark ul li .field-info .field-actions button:first-child:hover{background:#6a5a2f}.service-fields.dark ul li .field-info .field-actions button:last-child{background:#5a1f1f;color:#ff6b6b}.service-fields.dark ul li .field-info .field-actions button:last-child:hover{background:#6a2f2f}.service-fields.dark>button{background:#0068e0}.service-fields.dark>button:hover{background:#0050ad}.service-fields.dark p{color:#888}.service-fields.dark .edit-field-form{background:#2e2e2e;border-color:#444}.service-fields.dark .edit-field-form .form-group label{color:#b0b0b0}.service-fields.dark .edit-field-form .form-group input,.service-fields.dark .edit-field-form .form-group select{background:#3a3a3a;border-color:#555;color:#fff}.service-fields.dark .edit-field-form .form-group input:focus,.service-fields.dark .edit-field-form .form-group select:focus{border-color:#0068e0}.service-fields.dark .edit-field-form>button{background:#28a745}.service-fields.dark .edit-field-form>button:hover{background:#1e7e34}.service-fields.dark .add-new-field{background:#3a3a3a}.service-fields.dark .add-new-field .top-buttons label{color:#b0b0b0}.service-fields.dark .add-new-field .top-buttons input,.service-fields.dark .add-new-field .top-buttons select{background:#2e2e2e;border-color:#555;color:#fff}.service-fields.dark .add-new-field .top-buttons input:focus,.service-fields.dark .add-new-field .top-buttons select:focus{border-color:#0068e0}.options-manager{margin-top:15px;padding:15px;background:#f9f9f9;border-radius:4px}.options-manager label{display:block;margin-bottom:10px;font-weight:700;color:#495057}.options-manager .options-list{list-style:none;padding:0;margin:0 0 15px}.options-manager .options-list li{margin-bottom:8px;padding:10px;background:#fff;border:1px solid #e0e0e0;border-radius:3px}.options-manager .options-list li .option-item{display:flex;justify-content:space-between;align-items:center;gap:10px}.options-manager .options-list li .option-item div{flex:1;font-size:13px;color:#333}.options-manager .options-list li .option-item div strong{color:#0068e0}.options-manager .options-list li .option-item button{padding:4px 10px;background:#dc3545;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px;transition:background .2s}.options-manager .options-list li .option-item button:hover{background:#c82333}.options-manager p{color:#6c757d;font-size:13px;font-style:italic;margin:10px 0}.options-manager .add-option-form{display:flex;flex-direction:column;gap:8px;margin-top:10px}.options-manager .add-option-form input{padding:8px 12px;border:1px solid #ddd;border-radius:3px;font-size:14px;transition:border-color .2s}.options-manager .add-option-form input:focus{outline:none;border-color:#0068e0}.options-manager .add-option-form input::placeholder{color:#999}.options-manager .add-option-form button{padding:8px 15px;background:#28a745;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.options-manager .add-option-form button:hover{background:#1e7e34}.all-services.dark .options-manager,.editServiceForm.dark .options-manager{background-color:#4a5568}.all-services.dark .options-manager label,.editServiceForm.dark .options-manager label{color:#e2e8f0}.all-services.dark .options-manager .options-list li,.editServiceForm.dark .options-manager .options-list li{background-color:#2d3748;border-color:#718096}.all-services.dark .options-manager .options-list li .option-item div,.editServiceForm.dark .options-manager .options-list li .option-item div{color:#e2e8f0}.all-services.dark .options-manager .options-list li .option-item div strong,.editServiceForm.dark .options-manager .options-list li .option-item div strong{color:#63b3ed}.all-services.dark .options-manager p,.editServiceForm.dark .options-manager p{color:#a0aec0}.all-services.dark .options-manager .add-option-form input,.editServiceForm.dark .options-manager .add-option-form input{background-color:#3a3a3a;border-color:#555;color:#e2e8f0}.all-services.dark .options-manager .add-option-form input::placeholder,.editServiceForm.dark .options-manager .add-option-form input::placeholder{color:#a0aec0}.all-services.dark .options-manager .add-option-form input:focus,.editServiceForm.dark .options-manager .add-option-form input:focus{border-color:#63b3ed}.service-fields.dark .options-manager{background-color:#4a5568}.service-fields.dark .options-manager label{color:#e2e8f0}.service-fields.dark .options-manager .options-list li{background-color:#2d3748;border-color:#718096}.service-fields.dark .options-manager .options-list li .option-item div{color:#e2e8f0}.service-fields.dark .options-manager .options-list li .option-item div strong{color:#63b3ed}.service-fields.dark .options-manager p{color:#a0aec0}.service-fields.dark .options-manager .add-option-form input{background-color:#3a3a3a;border-color:#555;color:#e2e8f0}.service-fields.dark .options-manager .add-option-form input::placeholder{color:#a0aec0}.service-fields.dark .options-manager .add-option-form input:focus{border-color:#63b3ed}.add-new-field .options-manager{background:#f0f0f0;margin-top:15px}.add-new-field.dark .options-manager,.service-fields.dark .add-new-field .options-manager{background-color:#3a3a3a}@media screen and (max-width:900px){.all-services .container{padding:15px 10px}.all-services .container h1{font-size:20px;margin-bottom:20px;text-align:center}.all-services .container .filters-section{margin-bottom:20px}.all-services .container .filters-section .filters-row{flex-direction:column;gap:15px}.all-services .container .filters-section .filters-row .filter-group{width:100%}.all-services .container .filters-section .filters-row .filter-group label{font-size:14px;margin-bottom:8px;display:block}.all-services .container .filters-section .filters-row .filter-group input{width:100%;padding:12px;font-size:14px;border-radius:6px;border:1px solid #ddd}.all-services .container .filters-section .filters-row .filter-actions{width:100%}.all-services .container .filters-section .filters-row .filter-actions .reset-btn{width:100%;padding:12px;font-size:14px;border-radius:6px}.all-services .container .services-table{display:block}.all-services .container .services-table table{display:none!important}.all-services .container .services-table .mobile-cards{display:block!important}.all-services .container .services-table .mobile-cards .application-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;margin-bottom:15px;padding:15px;box-shadow:0 2px 4px #0000001a}.all-services .container .services-table .mobile-cards .application-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color, #e0e0e0)}.all-services .container .services-table .mobile-cards .application-card .card-header .card-title{flex:1}.all-services .container .services-table .mobile-cards .application-card .card-header .card-title .service-name{font-weight:700;font-size:16px;color:var(--text-primary, #333);margin-bottom:5px}.all-services .container .services-table .mobile-cards .application-card .card-header .card-title .application-id{font-size:12px;color:var(--text-secondary, #666)}.all-services .container .services-table .mobile-cards .application-card .card-header .status-badge .badge{font-size:12px;padding:4px 8px;border-radius:12px;font-weight:500}.all-services .container .services-table .mobile-cards .application-card .card-header .status-badge .badge.badge-pending{background-color:#fff3cd;color:#856404}.all-services .container .services-table .mobile-cards .application-card .card-header .status-badge .badge.badge-approved{background-color:#d1edff;color:#004085}.all-services .container .services-table .mobile-cards .application-card .card-header .status-badge .badge.badge-rejected{background-color:#f8d7da;color:#721c24}.all-services .container .services-table .mobile-cards .application-card .card-body .info-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px}.all-services .container .services-table .mobile-cards .application-card .card-body .info-row .label{font-weight:500;color:var(--text-secondary, #666);min-width:80px}.all-services .container .services-table .mobile-cards .application-card .card-body .info-row .value{color:var(--text-primary, #333);text-align:right;flex:1}.all-services .container .services-table .mobile-cards .application-card .card-body .price-info{margin:10px 0;padding:8px;background:var(--price-bg, #f8f9fa);border-radius:4px;font-size:13px;color:var(--text-primary, #333)}.all-services .container .services-table .mobile-cards .application-card .card-footer{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color, #e0e0e0);display:flex;justify-content:space-between;align-items:center}.all-services .container .services-table .mobile-cards .application-card .card-footer .date-info{font-size:12px;color:var(--text-secondary, #666)}.all-services .container .services-table .mobile-cards .application-card .card-footer .actions{display:flex;gap:8px}.all-services .container .services-table .mobile-cards .application-card .card-footer .actions button{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:4px;transition:all .3s ease}.all-services .container .services-table .mobile-cards .application-card .card-footer .actions button:hover{transform:translateY(-1px)}.all-services .container .services-table .mobile-cards .application-card .card-footer .actions button.view-btn{background-color:#007bff;color:#fff}.all-services .container .services-table .mobile-cards .application-card .card-footer .actions button.approve-btn{background-color:#28a745;color:#fff}.all-services .container .services-table .mobile-cards .application-card .card-footer .actions button.reject-btn{background-color:#dc3545;color:#fff}.all-services .container .services-table .mobile-cards .application-card .card-footer .actions button svg{width:14px;height:14px}.all-services .container .pagination{justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}.all-services .container .pagination button,.all-services .container .pagination .dots{min-width:40px;height:40px;font-size:14px;padding:0 8px;border-radius:6px}.all-services.dark .services-table .mobile-cards .application-card{--card-bg: #2a2a2a;--border-color: #444;--text-primary: #fff;--text-secondary: #ccc;--price-bg: #3a3a3a}.all-services.dark .services-table .mobile-cards .application-card .card-header .status-badge .badge.badge-pending{background-color:#664d03;color:#fff3cd}.all-services.dark .services-table .mobile-cards .application-card .card-header .status-badge .badge.badge-approved{background-color:#0a58ca;color:#cff4fc}.all-services.dark .services-table .mobile-cards .application-card .card-header .status-badge .badge.badge-rejected{background-color:#842029;color:#f8d7da}.editServiceForm{padding:20px 5px;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center}.editServiceForm .form-container{width:calc(100% - 20px)!important;max-width:none!important;max-height:calc(100vh - 40px);margin:0 auto;padding:15px;border-radius:8px;overflow-y:auto;position:relative}.editServiceForm .form-container h2{font-size:16px;margin-bottom:15px;text-align:center;position:sticky;top:0;background:inherit;padding:5px 0;z-index:1}.editServiceForm .form-container .form-row{flex-direction:column;gap:12px}.editServiceForm .form-container .form-row .form-group{width:100%}.editServiceForm .form-container .form-group{margin-bottom:15px}.editServiceForm .form-container .form-group label{font-size:13px;margin-bottom:6px;display:block;font-weight:500}.editServiceForm .form-container .form-group input,.editServiceForm .form-container .form-group textarea,.editServiceForm .form-container .form-group select{width:100%;padding:10px;font-size:14px;border-radius:6px;border:1px solid #ddd;box-sizing:border-box}.editServiceForm .form-container .form-group textarea{min-height:80px;resize:vertical}.editServiceForm .form-container .form-group small{font-size:11px;color:#666;display:block;margin-top:4px}.editServiceForm .form-container .service-fields{margin:15px 0}.editServiceForm .form-container .service-fields h2{font-size:15px;margin-bottom:12px}.editServiceForm .form-container .service-fields ul{padding-left:0;list-style:none}.editServiceForm .form-container .service-fields ul li{margin-bottom:15px;padding:12px;background:var(--field-bg, #f8f9fa);border-radius:8px;border:1px solid var(--field-border, #e9ecef)}.editServiceForm .form-container .service-fields ul li .field-info{margin-bottom:10px}.editServiceForm .form-container .service-fields ul li .field-info .field-details strong{font-size:13px;display:block;margin-bottom:4px;color:var(--text-primary, #333)}.editServiceForm .form-container .service-fields ul li .field-info .field-details .field-type{font-size:11px;color:var(--text-secondary, #666);font-style:italic}.editServiceForm .form-container .service-fields ul li>div[style*=marginTop]{margin-top:8px!important;padding:10px!important;border-radius:6px}.editServiceForm .form-container .service-fields ul li>div[style*=marginTop] button{padding:8px 12px!important;font-size:11px!important;margin:3px!important;border-radius:4px;white-space:nowrap}.editServiceForm .form-container .service-fields ul li>div[style*=marginTop] div[style*=padding]{padding:8px!important;font-size:12px;line-height:1.4;word-break:break-word}.editServiceForm .form-container .service-fields .answer-section{background:var(--answer-bg, #e8f4fd);border:1px solid var(--answer-border, #bee5eb);border-radius:8px;padding:15px}.editServiceForm .form-container .service-fields .answer-section .answer-content{background:var(--answer-content-bg, #fff);border-radius:6px;padding:12px;margin-top:8px;border:1px solid var(--answer-content-border, #dee2e6)}.editServiceForm .form-container .service-fields .answer-section .file-actions{display:flex;flex-direction:column;gap:8px;margin-top:10px}.editServiceForm .form-container .service-fields .answer-section .file-actions button{width:100%;padding:10px;font-size:12px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.editServiceForm .form-container .service-fields .answer-section .file-actions .file-name{font-size:11px;color:var(--text-secondary, #666);text-align:center;margin-bottom:8px;word-break:break-all;line-height:1.3}.editServiceForm .form-container .buttons{display:flex;flex-direction:column;gap:10px;margin-top:20px;position:sticky;bottom:0;background:inherit;padding:10px 0;border-top:1px solid var(--border-color, #e9ecef)}.editServiceForm .form-container .buttons button{width:100%;padding:12px;font-size:14px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px}.editServiceForm .form-container .buttons button:not(:first-child){order:1}.editServiceForm .form-container .buttons button:first-child{order:2;background-color:#6c757d!important;color:#fff!important}.editServiceForm .form-container .buttons button[style*=backgroundColor]{color:#fff!important}.editServiceForm .form-container .buttons button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.editServiceForm .form-container .buttons button:active{transform:translateY(0)}.editServiceForm .form-container .buttons.many-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.editServiceForm .form-container .buttons.many-buttons button{font-size:12px;padding:10px}.editServiceForm .form-container .buttons.many-buttons .close-btn{grid-column:1/-1;order:3}.editServiceForm.dark .form-container{--field-bg: #2a2a2a;--field-border: #444;--text-primary: #fff;--text-secondary: #ccc;--answer-bg: #1a3a4a;--answer-border: #2d5a6a;--answer-content-bg: #2a2a2a;--answer-content-border: #444;--border-color: #444}.editServiceForm.dark .form-container .form-group input,.editServiceForm.dark .form-container .form-group textarea,.editServiceForm.dark .form-container .form-group select{background:#2a2a2a;border-color:#444;color:#fff}.editServiceForm.dark .form-container .form-group input::placeholder,.editServiceForm.dark .form-container .form-group textarea::placeholder,.editServiceForm.dark .form-container .form-group select::placeholder{color:#888}}.allusers{margin-top:60px}.allusers.light{color:#333}.allusers.dark{background-color:#252525;color:#fff}.allusers .container{max-width:1400px;margin:0 auto;padding:20px}.allusers .container h1{margin-bottom:15px}.allusers .container p{margin-bottom:15px;font-size:14px;color:gray}.allusers .container .filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.allusers .container .filters input,.allusers .container .filters select{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px}.allusers .container .filters input:focus,.allusers .container .filters select:focus{outline:none;border-color:#0068e0;box-shadow:0 0 5px #0068e080}.allusers .container .filters button{background-color:#0068e0;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .2s}.allusers .container .filters button:hover{background-color:#0050ad}.allusers .container .table-container{border-radius:6px;box-shadow:2px 2px 10px #0000001a;background-color:#fff}.allusers .container .table-container table{width:100%;border-collapse:collapse}.allusers .container .table-container table th,.allusers .container .table-container table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.allusers .container .table-container table th{background-color:#0068e0;color:#fff;position:sticky;top:0}.allusers .container .table-container table tr:hover{background-color:#94c5ff}.allusers .container .table-container table .actions{display:flex;gap:8px}.allusers .container .table-container table .actions button{border:none;background:none;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.allusers .container .table-container table .actions button:hover{background:#0000001a}.allusers .container .table-container table .actions button svg{width:16px;height:16px}.allusers .container .table-container .mobile-cards,.allusers .container .mobile-cards{display:none}@media screen and (max-width:900px){.allusers .container .mobile-cards{display:block}}.allusers .container .mobile-cards .admin-card{background:#fff;border-radius:6px;margin-bottom:15px;padding:15px;box-shadow:2px 2px 10px #0000001a}.allusers .container .mobile-cards .admin-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee}.allusers .container .mobile-cards .admin-card .card-header .admin-name{font-weight:700;font-size:16px;color:#0068e0}.allusers .container .mobile-cards .admin-card .card-header .admin-id{background:#0068e0;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px}.allusers .container .mobile-cards .admin-card .card-info .info-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.allusers .container .mobile-cards .admin-card .card-info .info-row .label{font-weight:500;color:#666;min-width:80px}.allusers .container .mobile-cards .admin-card .card-info .info-row .value{color:#333;text-align:right;flex:1}.allusers .container .mobile-cards .admin-card .card-info .status-badges{display:flex;gap:8px;margin:10px 0}.allusers .container .mobile-cards .admin-card .card-info .status-badges .badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.allusers .container .mobile-cards .admin-card .card-info .status-badges .badge.blocked{background:#ffebee;color:#c62828}.allusers .container .mobile-cards .admin-card .card-info .status-badges .badge.active{background:#e8f5e8;color:#2e7d32}.allusers .container .mobile-cards .admin-card .card-info .status-badges .badge.google{background:#e3f2fd;color:#1565c0}.allusers .container .mobile-cards .admin-card .card-info .status-badges .badge.email{background:#f3e5f5;color:#7b1fa2}.allusers .container .mobile-cards .admin-card .card-actions{display:flex;justify-content:center;gap:15px;padding-top:10px;border-top:1px solid #eee;margin-top:10px}.allusers .container .mobile-cards .admin-card .card-actions button{border:none;background:none;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s;display:flex;align-items:center;justify-content:center}.allusers .container .mobile-cards .admin-card .card-actions button:hover{background:#0000001a}.allusers .container .mobile-cards .admin-card .card-actions button svg{width:18px;height:18px}.allusers .pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:15px}.allusers .pagination button{padding:6px 12px;border-radius:4px;border:1px solid #ccc;background-color:#0068e0;color:#fff;cursor:pointer;transition:background .2s}.allusers .pagination button:hover{background-color:#0050ad}.allusers .pagination button.active{background-color:#004494;font-weight:700}.allusers .pagination button:disabled{background-color:#ccc;cursor:not-allowed}.allusers .white{background-color:#fff}.allusers .black{background-color:#252525}.allusers.dark p{color:#fff}.allusers.dark .mobile-cards .admin-card{background:#2e2e2e;color:#f0f0f0}.allusers.dark .mobile-cards .admin-card .card-header{border-bottom-color:#444}.allusers.dark .mobile-cards .admin-card .card-header .admin-name{color:#39f}.allusers.dark .mobile-cards .admin-card .card-info .info-row .label{color:#bbb}.allusers.dark .mobile-cards .admin-card .card-info .info-row .value{color:#f0f0f0}.allusers.dark .mobile-cards .admin-card .card-info .status-badges .badge.blocked{background:#4a2c2a;color:#ff6b6b}.allusers.dark .mobile-cards .admin-card .card-info .status-badges .badge.active{background:#2a4a2e;color:#69db7c}.allusers.dark .mobile-cards .admin-card .card-info .status-badges .badge.google{background:#2a3a4a;color:#74c0fc}.allusers.dark .mobile-cards .admin-card .card-info .status-badges .badge.email{background:#4a2a4a;color:#da77f2}.allusers.dark .mobile-cards .admin-card .card-actions{border-top-color:#444}.allusers.dark .mobile-cards .admin-card .card-actions button:hover{background:#ffffff1a}.allusers.dark .filters input,.allusers.dark .filters select{background-color:#2a2a2a;border-color:#555;color:#f0f0f0}.allusers.dark .filters input::placeholder,.allusers.dark .filters select::placeholder{color:#aaa}.allusers.dark .table-container{background-color:#2e2e2e}.allusers.dark .table-container table th{background-color:#0068e0}.allusers.dark .table-container table tr:hover{background-color:#3f3f3f}.allusers.dark .pagination button{border:1px solid #555;background-color:#0068e0;color:#fff}.allusers.dark .pagination button.active{background-color:#004494;font-weight:700}.allusers.dark .pagination button:disabled{background-color:#555;color:#aaa}@media screen and (max-width:900px){.allusers .container{padding:15px 10px}.allusers .container h1{font-size:20px;margin-bottom:20px;text-align:center}.allusers .container p{font-size:12px;text-align:center;margin-bottom:15px}.allusers .container .filters{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:20px}.allusers .container .filters input,.allusers .container .filters select{width:100%;padding:12px;font-size:14px;border-radius:6px;border:1px solid #ccc;box-sizing:border-box}.allusers .container .filters input:focus,.allusers .container .filters select:focus{border-color:#0068e0;box-shadow:0 0 0 2px #0068e040}.allusers .container .filters button{width:100%;padding:12px;font-size:14px;border-radius:6px;background-color:#0068e0;color:#fff;border:none;cursor:pointer}.allusers .container .filters button:hover{background-color:#0050ad}.allusers .container .table-container table{display:none!important}.allusers .container .table-container .mobile-cards{display:block!important}.allusers .container .table-container .mobile-cards .user-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;margin-bottom:15px;padding:15px;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.allusers .container .table-container .mobile-cards .user-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.allusers .container .table-container .mobile-cards .user-card.blocked{border-left:4px solid #dc3545;background:var(--blocked-bg, #fff5f5)}.allusers .container .table-container .mobile-cards .user-card.active{border-left:4px solid #28a745}.allusers .container .table-container .mobile-cards .user-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color, #e0e0e0)}.allusers .container .table-container .mobile-cards .user-card .card-header .card-title{flex:1}.allusers .container .table-container .mobile-cards .user-card .card-header .card-title .user-name{font-weight:700;font-size:16px;color:var(--text-primary, #333);margin-bottom:5px}.allusers .container .table-container .mobile-cards .user-card .card-header .card-title .user-id{font-size:12px;color:var(--text-secondary, #666)}.allusers .container .table-container .mobile-cards .user-card .card-header .status-badge{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.allusers .container .table-container .mobile-cards .user-card .card-header .status-badge .badge{font-size:11px;padding:4px 8px;border-radius:12px;font-weight:500}.allusers .container .table-container .mobile-cards .user-card .card-header .status-badge .badge.badge-blocked{background-color:#f8d7da;color:#721c24}.allusers .container .table-container .mobile-cards .user-card .card-header .status-badge .badge.badge-active{background-color:#d1edff;color:#004085}.allusers .container .table-container .mobile-cards .user-card .card-header .status-badge .badge.badge-google{background-color:#ffeaa7;color:#b7791f}.allusers .container .table-container .mobile-cards .user-card .card-header .status-badge .badge.badge-email{background-color:#d6e9ff;color:#0056b3}.allusers .container .table-container .mobile-cards .user-card .card-body .info-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.allusers .container .table-container .mobile-cards .user-card .card-body .info-row .label{font-weight:500;color:var(--text-secondary, #666);min-width:70px}.allusers .container .table-container .mobile-cards .user-card .card-body .info-row .value{color:var(--text-primary, #333);text-align:right;flex:1;word-break:break-word}.allusers .container .table-container .mobile-cards .user-card .card-body .email-display{background:var(--email-bg, #f8f9fa);padding:8px 10px;border-radius:6px;margin:8px 0;font-size:12px;color:var(--text-primary, #333);word-break:break-all;text-align:center}.allusers .container .table-container .mobile-cards .user-card .card-footer{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color, #e0e0e0);display:flex;justify-content:space-between;align-items:center}.allusers .container .table-container .mobile-cards .user-card .card-footer .date-info{font-size:11px;color:var(--text-secondary, #666);display:flex;flex-direction:column;gap:2px}.allusers .container .table-container .mobile-cards .user-card .card-footer .date-info .created{color:#28a745}.allusers .container .table-container .mobile-cards .user-card .card-footer .date-info .updated{color:#17a2b8}.allusers .container .table-container .mobile-cards .user-card .card-footer .actions{display:flex;gap:8px}.allusers .container .table-container .mobile-cards .user-card .card-footer .actions button{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:11px;display:flex;align-items:center;gap:4px;transition:all .3s ease;min-width:36px;justify-content:center}.allusers .container .table-container .mobile-cards .user-card .card-footer .actions button:hover{transform:translateY(-1px)}.allusers .container .table-container .mobile-cards .user-card .card-footer .actions button.edit-btn{background-color:#007bff;color:#fff}.allusers .container .table-container .mobile-cards .user-card .card-footer .actions button.delete-btn{background-color:#dc3545;color:#fff}.allusers .container .table-container .mobile-cards .user-card .card-footer .actions button.block-btn{background-color:#fd7e14;color:#fff}.allusers .container .table-container .mobile-cards .user-card .card-footer .actions button.unblock-btn{background-color:#28a745;color:#fff}.allusers .container .table-container .mobile-cards .user-card .card-footer .actions button svg{width:14px;height:14px}.allusers .container .pagination{justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}.allusers .container .pagination button,.allusers .container .pagination .dots{min-width:40px;height:40px;font-size:14px;padding:0 8px;border-radius:6px}.allusers.dark .table-container .mobile-cards .user-card{--card-bg: #2a2a2a;--border-color: #444;--text-primary: #fff;--text-secondary: #ccc;--email-bg: #3a3a3a;--blocked-bg: #3a2a2a}.allusers.dark .table-container .mobile-cards .user-card .card-header .card-title .user-name{color:var(--text-primary)}.allusers.dark .table-container .mobile-cards .user-card.blocked{background:var(--blocked-bg)}.allusers.dark .table-container .mobile-cards .user-card .status-badge .badge.badge-blocked{background-color:#842029;color:#f8d7da}.allusers.dark .table-container .mobile-cards .user-card .status-badge .badge.badge-active{background-color:#0a58ca;color:#cff4fc}.allusers.dark .table-container .mobile-cards .user-card .status-badge .badge.badge-google{background-color:#b7791f;color:#ffeaa7}.allusers.dark .table-container .mobile-cards .user-card .status-badge .badge.badge-email{background-color:#0056b3;color:#cfe2ff}}@media screen and (max-width:480px){.allusers .container{padding:10px 5px}.allusers .container h1{font-size:18px}.allusers .container .filters{grid-template-columns:1fr;gap:10px}.allusers .container .filters input,.allusers .container .filters select,.allusers .container .filters button{padding:10px;font-size:13px}.allusers .container .table-container .mobile-cards .user-card{padding:12px}.allusers .container .table-container .mobile-cards .user-card .card-header{margin-bottom:12px;padding-bottom:8px}.allusers .container .table-container .mobile-cards .user-card .card-header .card-title .user-name{font-size:15px}.allusers .container .table-container .mobile-cards .user-card .card-body .info-row{font-size:12px;margin-bottom:6px}.allusers .container .table-container .mobile-cards .user-card .card-body .email-display{font-size:11px;padding:6px 8px}.allusers .container .table-container .mobile-cards .user-card .card-footer{margin-top:12px;padding-top:12px}.allusers .container .table-container .mobile-cards .user-card .card-footer .date-info{font-size:10px}.allusers .container .table-container .mobile-cards .user-card .card-footer .actions{flex-direction:column;gap:6px}.allusers .container .table-container .mobile-cards .user-card .card-footer .actions button{width:100%;padding:8px;font-size:10px;justify-content:center}}@media screen and (max-width:900px){.addAdminForm{padding:0;align-items:flex-start}.addAdminForm .form-container{width:100%;max-width:none;height:auto;margin:0;padding:20px 15px;border-radius:0;position:relative}.addAdminForm .form-container h2{font-size:18px;margin-bottom:20px;text-align:center;position:sticky;top:0;background:inherit;padding:10px 0;z-index:10;border-bottom:1px solid var(--border-color, #eee)}.addAdminForm .form-container input{width:100%;padding:12px;font-size:14px;border-radius:6px;margin-bottom:15px;box-sizing:border-box;border:1px solid #ddd}.addAdminForm .form-container input:focus{border-color:#0068e0;outline:none;box-shadow:0 0 0 2px #0068e040}.addAdminForm .form-container input:read-only,.addAdminForm .form-container input:disabled{background-color:#f5f5f5;color:#666}.addAdminForm .form-container .buttons{position:sticky;bottom:0;background:inherit;padding:15px 0 20px;border-top:2px solid var(--border-color, #eee);display:flex;flex-direction:column;gap:12px}.addAdminForm .form-container .buttons button{width:100%;padding:15px;font-size:14px;border:none;border-radius:8px;cursor:pointer;font-weight:500}.addAdminForm .form-container .buttons button[type=button]{background-color:#6c757d;color:#fff;order:2}.addAdminForm .form-container .buttons button[type=button]:hover{background-color:#545b62}.addAdminForm .form-container .buttons button[type=submit]{background-color:#0068e0;color:#fff;order:1}.addAdminForm .form-container .buttons button[type=submit]:hover{background-color:#0050ad}.addAdminForm.dark .form-container{--border-color: #444}.addAdminForm.dark .form-container input{background:#3a3a3a;border-color:#555;color:#fff}.addAdminForm.dark .form-container input::placeholder{color:#888}.addAdminForm.dark .form-container input:read-only,.addAdminForm.dark .form-container input:disabled{background-color:#2a2a2a;color:#999}}@media screen and (max-width:480px){.addAdminForm .form-container{padding:15px 10px}.addAdminForm .form-container h2{font-size:16px}.addAdminForm .form-container input{padding:10px;font-size:13px;margin-bottom:12px}.addAdminForm .form-container .buttons button{padding:12px;font-size:13px}}.blocked-users{margin-top:60px}.blocked-users .container{max-width:1400px;margin:0 auto;padding:20px}.blocked-users .container h1{margin-bottom:15px}.blocked-users .container p{margin-bottom:15px;font-size:14px;color:gray}.blocked-users .container .filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.blocked-users .container .filters input,.blocked-users .container .filters select{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px}.blocked-users .container .filters input:focus,.blocked-users .container .filters select:focus{outline:none;border-color:#0068e0;box-shadow:0 0 5px #0068e080}.blocked-users .container .filters button{background-color:#0068e0;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .2s}.blocked-users .container .filters button:hover{background-color:#0050ad}.blocked-users .container .table-container{border-radius:6px;box-shadow:2px 2px 10px #0000001a;background-color:#fff}.blocked-users .container .table-container table{width:100%;border-collapse:collapse}.blocked-users .container .table-container table th,.blocked-users .container .table-container table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.blocked-users .container .table-container table th{background-color:#0068e0;color:#fff;position:sticky;top:0}.blocked-users .container .table-container table tr:hover{background-color:#94c5ff}.blocked-users .container .table-container table .actions{display:flex;gap:8px}.blocked-users .container .table-container table .actions button{border:none;background:none;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.blocked-users .container .table-container table .actions button:hover{background:#0000001a}.blocked-users .container .table-container table .actions button svg{width:16px;height:16px}.blocked-users .container .table-container .mobile-cards,.blocked-users .container .mobile-cards{display:none}@media screen and (max-width:900px){.blocked-users .container .mobile-cards{display:block}}.blocked-users .container .mobile-cards .admin-card{background:#fff;border-radius:6px;margin-bottom:15px;padding:15px;box-shadow:2px 2px 10px #0000001a}.blocked-users .container .mobile-cards .admin-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee}.blocked-users .container .mobile-cards .admin-card .card-header .admin-name{font-weight:700;font-size:16px;color:#0068e0}.blocked-users .container .mobile-cards .admin-card .card-header .admin-id{background:#0068e0;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px}.blocked-users .container .mobile-cards .admin-card .card-info .info-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.blocked-users .container .mobile-cards .admin-card .card-info .info-row .label{font-weight:500;color:#666;min-width:80px}.blocked-users .container .mobile-cards .admin-card .card-info .info-row .value{color:#3e3e3e;text-align:right;flex:1}.blocked-users .container .mobile-cards .admin-card .card-info .status-badges{display:flex;gap:8px;margin:10px 0}.blocked-users .container .mobile-cards .admin-card .card-info .status-badges .badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.blocked-users .container .mobile-cards .admin-card .card-info .status-badges .badge.blocked{background:#ffebee;color:#c62828}.blocked-users .container .mobile-cards .admin-card .card-info .status-badges .badge.active{background:#e8f5e8;color:#2e7d32}.blocked-users .container .mobile-cards .admin-card .card-info .status-badges .badge.google{background:#e3f2fd;color:#1565c0}.blocked-users .container .mobile-cards .admin-card .card-info .status-badges .badge.email{background:#f3e5f5;color:#7b1fa2}.blocked-users .container .mobile-cards .admin-card .card-actions{display:flex;justify-content:center;gap:15px;padding-top:10px;border-top:1px solid #eee;margin-top:10px}.blocked-users .container .mobile-cards .admin-card .card-actions button{border:none;background:none;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s;display:flex;align-items:center;justify-content:center}.blocked-users .container .mobile-cards .admin-card .card-actions button:hover{background:#0000001a}.blocked-users .container .mobile-cards .admin-card .card-actions button svg{width:18px;height:18px}.blocked-users .pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:15px}.blocked-users .pagination button{padding:6px 12px;border-radius:4px;border:1px solid #ccc;background-color:#0068e0;color:#fff;cursor:pointer;transition:background .2s}.blocked-users .pagination button:hover{background-color:#0050ad}.blocked-users .pagination button.active{background-color:#004494;font-weight:700}.blocked-users .pagination button:disabled{background-color:#ccc;cursor:not-allowed}.blocked-users .white{background-color:#fff}.blocked-users .black{background-color:#252525}.blocked-users.light{color:#3e3e3e}.blocked-users.dark{background-color:#252525;color:#fff}.blocked-users.dark .mobile-cards .admin-card{background:#2e2e2e;color:#f0f0f0}.blocked-users.dark .mobile-cards .admin-card .card-header{border-bottom-color:#444}.blocked-users.dark .mobile-cards .admin-card .card-header .admin-name{color:#39f}.blocked-users.dark .mobile-cards .admin-card .card-info .info-row .label{color:#bbb}.blocked-users.dark .mobile-cards .admin-card .card-info .info-row .value{color:#f0f0f0}.blocked-users.dark .mobile-cards .admin-card .card-info .status-badges .badge.blocked{background:#4a2c2a;color:#ff6b6b}.blocked-users.dark .mobile-cards .admin-card .card-info .status-badges .badge.active{background:#2a4a2e;color:#69db7c}.blocked-users.dark .mobile-cards .admin-card .card-info .status-badges .badge.google{background:#2a3a4a;color:#74c0fc}.blocked-users.dark .mobile-cards .admin-card .card-info .status-badges .badge.email{background:#4a2a4a;color:#da77f2}.blocked-users.dark .mobile-cards .admin-card .card-actions{border-top-color:#444}.blocked-users.dark .mobile-cards .admin-card .card-actions button:hover{background:#ffffff1a}.blocked-users.dark .filters input,.blocked-users.dark .filters select{background-color:#2a2a2a;border-color:#555;color:#f0f0f0}.blocked-users.dark .filters input::placeholder,.blocked-users.dark .filters select::placeholder{color:#aaa}.blocked-users.dark p{color:#fff}.blocked-users.dark .table-container{background-color:#2e2e2e}.blocked-users.dark .table-container table th{background-color:#0068e0}.blocked-users.dark .table-container table tr:hover{background-color:#3f3f3f}.blocked-users.dark .pagination button{border:1px solid #555;background-color:#0068e0;color:#fff}.blocked-users.dark .pagination button.active{background-color:#004494;font-weight:700}.blocked-users.dark .pagination button:disabled{background-color:#555;color:#aaa}@media screen and (max-width:900px){.blocked-users .container{padding:15px 10px}.blocked-users .container h1{font-size:20px;margin-bottom:20px;text-align:center}.blocked-users .container p{font-size:12px;text-align:center;margin-bottom:15px}.blocked-users .container .filters{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:20px}.blocked-users .container .filters input,.blocked-users .container .filters select{width:100%;padding:12px;font-size:14px;border-radius:6px;border:1px solid #ccc;box-sizing:border-box}.blocked-users .container .filters input:focus,.blocked-users .container .filters select:focus{border-color:#0068e0;box-shadow:0 0 0 2px #0068e040}.blocked-users .container .filters button{width:100%;padding:12px;font-size:14px;border-radius:6px;background-color:#0068e0;color:#fff;border:none;cursor:pointer}.blocked-users .container .filters button:hover{background-color:#0050ad}.blocked-users .container .table-container table{display:none!important}.blocked-users .container .table-container .mobile-cards{display:block!important}.blocked-users .container .table-container .mobile-cards .user-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;margin-bottom:15px;padding:15px;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.blocked-users .container .table-container .mobile-cards .user-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.blocked-users .container .table-container .mobile-cards .user-card.blocked{border-left:4px solid #dc3545;background:var(--blocked-bg, #fff5f5)}.blocked-users .container .table-container .mobile-cards .user-card.active{border-left:4px solid #28a745}.blocked-users .container .table-container .mobile-cards .user-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color, #e0e0e0)}.blocked-users .container .table-container .mobile-cards .user-card .card-header .card-title{flex:1}.blocked-users .container .table-container .mobile-cards .user-card .card-header .card-title .user-name{font-weight:700;font-size:16px;color:var(--text-primary, #333);margin-bottom:5px}.blocked-users .container .table-container .mobile-cards .user-card .card-header .card-title .user-id{font-size:12px;color:var(--text-secondary, #666)}.blocked-users .container .table-container .mobile-cards .user-card .card-header .status-badge{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.blocked-users .container .table-container .mobile-cards .user-card .card-header .status-badge .badge{font-size:11px;padding:4px 8px;border-radius:12px;font-weight:500}.blocked-users .container .table-container .mobile-cards .user-card .card-header .status-badge .badge.badge-blocked{background-color:#f8d7da;color:#721c24}.blocked-users .container .table-container .mobile-cards .user-card .card-header .status-badge .badge.badge-active{background-color:#d1edff;color:#004085}.blocked-users .container .table-container .mobile-cards .user-card .card-header .status-badge .badge.badge-google{background-color:#ffeaa7;color:#b7791f}.blocked-users .container .table-container .mobile-cards .user-card .card-header .status-badge .badge.badge-email{background-color:#d6e9ff;color:#0056b3}.blocked-users .container .table-container .mobile-cards .user-card .card-body .info-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.blocked-users .container .table-container .mobile-cards .user-card .card-body .info-row .label{font-weight:500;color:var(--text-secondary, #666);min-width:70px}.blocked-users .container .table-container .mobile-cards .user-card .card-body .info-row .value{color:var(--text-primary, #333);text-align:right;flex:1;word-break:break-word}.blocked-users .container .table-container .mobile-cards .user-card .card-body .email-display{background:var(--email-bg, #f8f9fa);padding:8px 10px;border-radius:6px;margin:8px 0;font-size:12px;color:var(--text-primary, #333);word-break:break-all;text-align:center}.blocked-users .container .table-container .mobile-cards .user-card .card-footer{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color, #e0e0e0);display:flex;justify-content:space-between;align-items:center}.blocked-users .container .table-container .mobile-cards .user-card .card-footer .date-info{font-size:11px;color:var(--text-secondary, #666);display:flex;flex-direction:column;gap:2px}.blocked-users .container .table-container .mobile-cards .user-card .card-footer .date-info .created{color:#28a745}.blocked-users .container .table-container .mobile-cards .user-card .card-footer .date-info .updated{color:#17a2b8}.blocked-users .container .table-container .mobile-cards .user-card .card-footer .actions{display:flex;gap:8px}.blocked-users .container .table-container .mobile-cards .user-card .card-footer .actions button{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:11px;display:flex;align-items:center;gap:4px;transition:all .3s ease;min-width:36px;justify-content:center}.blocked-users .container .table-container .mobile-cards .user-card .card-footer .actions button:hover{transform:translateY(-1px)}.blocked-users .container .table-container .mobile-cards .user-card .card-footer .actions button.edit-btn{background-color:#007bff;color:#fff}.blocked-users .container .table-container .mobile-cards .user-card .card-footer .actions button.delete-btn{background-color:#dc3545;color:#fff}.blocked-users .container .table-container .mobile-cards .user-card .card-footer .actions button.block-btn{background-color:#fd7e14;color:#fff}.blocked-users .container .table-container .mobile-cards .user-card .card-footer .actions button.unblock-btn{background-color:#28a745;color:#fff}.blocked-users .container .table-container .mobile-cards .user-card .card-footer .actions button svg{width:14px;height:14px}.blocked-users .container .pagination{justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}.blocked-users .container .pagination button,.blocked-users .container .pagination .dots{min-width:40px;height:40px;font-size:14px;padding:0 8px;border-radius:6px}.blocked-users.dark .table-container .mobile-cards .user-card{--card-bg: #2a2a2a;--border-color: #444;--text-primary: #fff;--text-secondary: #ccc;--email-bg: #3a3a3a;--blocked-bg: #3a2a2a}.blocked-users.dark .table-container .mobile-cards .user-card .card-header .card-title .user-name{color:var(--text-primary)}.blocked-users.dark .table-container .mobile-cards .user-card.blocked{background:var(--blocked-bg)}.blocked-users.dark .table-container .mobile-cards .user-card .status-badge .badge.badge-blocked{background-color:#842029;color:#f8d7da}.blocked-users.dark .table-container .mobile-cards .user-card .status-badge .badge.badge-active{background-color:#0a58ca;color:#cff4fc}.blocked-users.dark .table-container .mobile-cards .user-card .status-badge .badge.badge-google{background-color:#b7791f;color:#ffeaa7}.blocked-users.dark .table-container .mobile-cards .user-card .status-badge .badge.badge-email{background-color:#0056b3;color:#cfe2ff}}@media screen and (max-width:480px){.blocked-users .container{padding:10px 5px}.blocked-users .container h1{font-size:18px}.blocked-users .container .filters{grid-template-columns:1fr;gap:10px}.blocked-users .container .filters input,.blocked-users .container .filters select,.blocked-users .container .filters button{padding:10px;font-size:13px}.blocked-users .container .table-container .mobile-cards .user-card{padding:12px}.blocked-users .container .table-container .mobile-cards .user-card .card-header{margin-bottom:12px;padding-bottom:8px}.blocked-users .container .table-container .mobile-cards .user-card .card-header .card-title .user-name{font-size:15px}.blocked-users .container .table-container .mobile-cards .user-card .card-body .info-row{font-size:12px;margin-bottom:6px}.blocked-users .container .table-container .mobile-cards .user-card .card-body .email-display{font-size:11px;padding:6px 8px}.blocked-users .container .table-container .mobile-cards .user-card .card-footer{margin-top:12px;padding-top:12px}.blocked-users .container .table-container .mobile-cards .user-card .card-footer .date-info{font-size:10px}.blocked-users .container .table-container .mobile-cards .user-card .card-footer .actions{flex-direction:column;gap:6px}.blocked-users .container .table-container .mobile-cards .user-card .card-footer .actions button{width:100%;padding:8px;font-size:10px;justify-content:center}}.login-page{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f5f5f5}.login-card{background-color:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 12px #0000001a;width:450px;text-align:center;margin:0 25px}.login-card .login-title{margin-bottom:1.5rem;color:#333}.login-card .password-wrapper{position:relative}.login-card .password-wrapper input{width:100%;padding:10px 40px 10px 10px;border-radius:6px;border:1px solid #ccc;font-size:12px}.login-card .password-wrapper .eye-icon{position:absolute;right:12px;top:calc(50% + 2px);transform:translateY(-50%);cursor:pointer;color:#777;transition:.2s ease}.login-card .password-wrapper .eye-icon:hover{color:#000}.login-card .login-form{display:flex;flex-direction:column;gap:1rem}.login-card .login-form label{text-align:left;font-weight:500;color:#333}.login-card .login-form input{padding:.5rem .75rem;border-radius:5px;border:1px solid #ccc;outline:none;font-size:14px}.login-card .login-form input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d}.login-card .login-form .forgot-password{text-align:right}.login-card .login-form .forgot-password a{font-size:.85rem;color:#007bff;text-decoration:none}.login-card .login-form .forgot-password a:hover{text-decoration:underline}.login-card .login-form .login-btn{padding:.75rem;background-color:#007bff;border:none;color:#fff;font-weight:600;border-radius:5px;cursor:pointer;transition:.2s}.login-card .login-form .login-btn:hover{background-color:#006fe6}.login-card .google-btn{display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:10px 20px;font-size:16px;font-weight:500;color:#555;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 2px 4px #0000001a}.login-card .google-btn img{width:20px;height:20px;margin-right:12px}.login-card .google-btn:hover{background-color:#f7f7f7;border-color:#ccc;box-shadow:0 4px 10px #00000026;transform:translateY(0)}.login-card .google-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.login-card .google-btn:focus{outline:none;box-shadow:0 0 0 3px #4285f480}.login-card .divider{margin:1rem 0;font-size:.9rem;color:#888}.reset-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f0f2f5;padding:20px}.reset-page .login-link{font-size:.85rem;color:#007bff;text-decoration:none}.reset-page .login-link:hover{text-decoration:underline}.reset-page .bottom{display:flex;justify-content:space-between;align-items:center}.reset-card{background:#fff;padding:50px 60px;border-radius:12px;width:100%;max-width:600px;box-shadow:0 6px 25px #00000026;display:flex;flex-direction:column;gap:25px}@media screen and (max-width:480px){.reset-card{padding:30px 20px}}.reset-title{font-size:28px;font-weight:700;text-align:center}.reset-step p{font-size:16px;margin-bottom:15px;color:#555}.reset-step input{width:100%;padding:15px;margin-bottom:15px;border-radius:8px;border:1px solid #ccc;font-size:16px}.reset-step button{padding:10px 15px;border-radius:8px;border:none;background-color:#4285f4;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:.2s}.reset-step button:hover{background-color:#3367d6}.splash-wrapper.dark{background-color:#1a1a1a}.splash-wrapper.dark .Typewriter,.splash-wrapper.dark .Typewriter__cursor{color:#fff}.splash-wrapper{width:100%;height:100vh;background:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;font-family:Montserrat,sans-serif}.splash-wrapper .Typewriter{font-size:5rem;font-weight:700;text-align:center;color:#007bff;letter-spacing:1px}.splash-wrapper .Typewriter__cursor{display:inline-block;color:#007bff;font-weight:700;margin-left:3px;animation:blink .6s infinite}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}@media(max-width:768px){.splash-wrapper .Typewriter{font-size:3rem}}@media(max-width:480px){.splash-wrapper .Typewriter{font-size:2rem}}@media screen and (max-width:350px){.all-services .container{padding:10px 5px}.all-services .container h1{font-size:18px;margin-bottom:15px;text-align:center}.all-services .container .filters-section{margin-bottom:15px}.all-services .container .filters-section .filters-row{flex-direction:column;gap:10px}.all-services .container .filters-section .filters-row .filter-group{width:100%}.all-services .container .filters-section .filters-row .filter-group label{font-size:12px;margin-bottom:5px}.all-services .container .filters-section .filters-row .filter-group input{width:100%;padding:8px;font-size:12px;border-radius:4px}.all-services .container .filters-section .filters-row .filter-actions{width:100%}.all-services .container .filters-section .filters-row .filter-actions .reset-btn{width:100%;padding:10px;font-size:12px}.all-services .container .services-table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -5px}.all-services .container .services-table table{min-width:800px;font-size:11px}.all-services .container .services-table table th,.all-services .container .services-table table td{padding:6px 4px;white-space:nowrap}.all-services .container .services-table table th:first-child,.all-services .container .services-table table td:first-child{min-width:40px}.all-services .container .services-table table th:nth-child(2),.all-services .container .services-table table td:nth-child(2){min-width:120px}.all-services .container .services-table table th:nth-child(3),.all-services .container .services-table table td:nth-child(3){min-width:100px}.all-services .container .services-table table th:nth-child(4),.all-services .container .services-table table td:nth-child(4){min-width:60px}.all-services .container .services-table table th:nth-child(5),.all-services .container .services-table table td:nth-child(5){min-width:80px}.all-services .container .services-table table th:nth-child(6),.all-services .container .services-table table td:nth-child(6){min-width:100px}.all-services .container .services-table table th:last-child,.all-services .container .services-table table td:last-child{min-width:100px}.all-services .container .services-table table .service-name strong{font-size:10px;display:block;margin-bottom:2px}.all-services .container .services-table table .service-name .price-info .price{font-size:9px}.all-services .container .services-table table .fields-count{font-size:10px}.all-services .container .services-table table .badge{font-size:9px;padding:2px 4px}.all-services .container .services-table table .actions{display:flex;gap:3px}.all-services .container .services-table table .actions button{padding:4px;min-width:24px;height:24px}.all-services .container .services-table table .actions button svg{width:12px;height:12px}.all-services .container .pagination{justify-content:center;flex-wrap:wrap;gap:3px;margin-top:15px}.all-services .container .pagination button,.all-services .container .pagination .dots{min-width:32px;height:32px;font-size:11px;padding:0}.editServiceForm{padding:5px}.editServiceForm .form-container{width:100%!important;max-width:none!important;margin:10px 0;padding:15px;border-radius:8px}.editServiceForm .form-container h2{font-size:16px;margin-bottom:15px;text-align:center}.editServiceForm .form-container .form-row{flex-direction:column;gap:10px}.editServiceForm .form-container .form-row .form-group{width:100%}.editServiceForm .form-container .form-group{margin-bottom:15px}.editServiceForm .form-container .form-group label{font-size:12px;margin-bottom:5px}.editServiceForm .form-container .form-group input,.editServiceForm .form-container .form-group textarea,.editServiceForm .form-container .form-group select{width:100%;padding:8px;font-size:12px;border-radius:4px}.editServiceForm .form-container .form-group textarea{min-height:80px}.editServiceForm .form-container .form-group small{font-size:10px}.editServiceForm .form-container .service-fields{margin:15px 0}.editServiceForm .form-container .service-fields h2{font-size:14px;margin-bottom:10px}.editServiceForm .form-container .service-fields ul{padding-left:0}.editServiceForm .form-container .service-fields ul li{margin-bottom:15px;padding:10px;border-radius:6px}.editServiceForm .form-container .service-fields ul li .field-info{margin-bottom:8px}.editServiceForm .form-container .service-fields ul li .field-info .field-details strong{font-size:11px;display:block;margin-bottom:3px}.editServiceForm .form-container .service-fields ul li .field-info .field-details .field-type{font-size:9px}.editServiceForm .form-container .service-fields ul li>div[style*=marginTop]{margin-top:5px!important;padding:8px!important}.editServiceForm .form-container .service-fields ul li>div[style*=marginTop] button{padding:6px 10px!important;font-size:10px!important;margin-right:5px!important;margin-left:5px!important}.editServiceForm .form-container .service-fields ul li>div[style*=marginTop] div[style*=padding]{padding:6px 8px!important;font-size:11px}.editServiceForm .form-container .buttons{display:flex;flex-direction:column;gap:8px;margin-top:20px}.editServiceForm .form-container .buttons button{width:100%;padding:12px;font-size:12px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.editServiceForm .form-container .buttons button:first-child{order:2;background-color:#6c757d;color:#fff}.editServiceForm .form-container .buttons button:not(:first-child){order:1}.error-box,.success-box{margin:5px;padding:8px;font-size:11px;border-radius:4px;text-align:center}}.all-services .container .services-table .mobile-cards{display:none}.all-services .container .services-table table{display:table}@media screen and (max-width:760px){.all-services .container{padding:15px 10px}.all-services .container h1{font-size:20px;margin-bottom:20px;text-align:center}.all-services .container .filters-section{margin-bottom:20px}.all-services .container .filters-section .filters-row{flex-direction:column;gap:15px}.all-services .container .filters-section .filters-row .filter-group{width:100%}.all-services .container .filters-section .filters-row .filter-group label{font-size:14px;margin-bottom:8px;display:block}.all-services .container .filters-section .filters-row .filter-group input{width:100%;padding:12px;font-size:14px;border-radius:6px;border:1px solid #ddd}.all-services .container .filters-section .filters-row .filter-actions{width:100%}.all-services .container .filters-section .filters-row .filter-actions .reset-btn{width:100%;padding:12px;font-size:14px;border-radius:6px}.all-services .container .services-table{display:block}.all-services .container .services-table table{display:none!important}.all-services .container .services-table .mobile-cards{display:block!important}.all-services .container .services-table .mobile-cards .application-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;margin-bottom:15px;padding:15px;box-shadow:0 2px 4px #0000001a}.all-services .container .services-table .mobile-cards .application-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color, #e0e0e0)}.all-services .container .services-table .mobile-cards .application-card .card-header .card-title{flex:1}.all-services .container .services-table .mobile-cards .application-card .card-header .card-title .service-name{font-weight:700;font-size:16px;color:var(--text-primary, #333);margin-bottom:5px}.all-services .container .services-table .mobile-cards .application-card .card-header .card-title .application-id{font-size:12px;color:var(--text-secondary, #666)}.all-services .container .services-table .mobile-cards .application-card .card-header .status-badge .badge{font-size:12px;padding:4px 8px;border-radius:12px;font-weight:500}.all-services .container .services-table .mobile-cards .application-card .card-header .status-badge .badge.badge-pending{background-color:#fff3cd;color:#856404}.all-services .container .services-table .mobile-cards .application-card .card-header .status-badge .badge.badge-approved{background-color:#d1edff;color:#004085}.all-services .container .services-table .mobile-cards .application-card .card-header .status-badge .badge.badge-rejected{background-color:#f8d7da;color:#721c24}.all-services .container .services-table .mobile-cards .application-card .card-body .info-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px}.all-services .container .services-table .mobile-cards .application-card .card-body .info-row .label{font-weight:500;color:var(--text-secondary, #666);min-width:80px}.all-services .container .services-table .mobile-cards .application-card .card-body .info-row .value{color:var(--text-primary, #333);text-align:right;flex:1}.all-services .container .services-table .mobile-cards .application-card .card-body .price-info{margin:10px 0;padding:8px;background:var(--price-bg, #f8f9fa);border-radius:4px;font-size:13px;color:var(--text-primary, #333)}.all-services .container .services-table .mobile-cards .application-card .card-footer{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color, #e0e0e0);display:flex;justify-content:space-between;align-items:center}.all-services .container .services-table .mobile-cards .application-card .card-footer .date-info{font-size:12px;color:var(--text-secondary, #666)}.all-services .container .services-table .mobile-cards .application-card .card-footer .actions{display:flex;gap:8px}.all-services .container .services-table .mobile-cards .application-card .card-footer .actions button{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:4px;transition:all .3s ease}.all-services .container .services-table .mobile-cards .application-card .card-footer .actions button:hover{transform:translateY(-1px)}.all-services .container .services-table .mobile-cards .application-card .card-footer .actions button.view-btn{background-color:#007bff;color:#fff}.all-services .container .services-table .mobile-cards .application-card .card-footer .actions button.approve-btn{background-color:#28a745;color:#fff}.all-services .container .services-table .mobile-cards .application-card .card-footer .actions button.reject-btn{background-color:#dc3545;color:#fff}.all-services .container .services-table .mobile-cards .application-card .card-footer .actions button svg{width:14px;height:14px}.all-services .container .pagination{justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}.all-services .container .pagination button,.all-services .container .pagination .dots{min-width:40px;height:40px;font-size:14px;padding:0 8px;border-radius:6px}.all-services.dark .services-table .mobile-cards .application-card{--card-bg: #2a2a2a;--border-color: #444;--text-primary: #fff;--text-secondary: #ccc;--price-bg: #3a3a3a}.all-services.dark .services-table .mobile-cards .application-card .card-header .status-badge .badge.badge-pending{background-color:#664d03;color:#fff3cd}.all-services.dark .services-table .mobile-cards .application-card .card-header .status-badge .badge.badge-approved{background-color:#0a58ca;color:#cff4fc}.all-services.dark .services-table .mobile-cards .application-card .card-header .status-badge .badge.badge-rejected{background-color:#842029;color:#f8d7da}.editServiceForm{padding:20px 5px;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center}.editServiceForm .form-container{width:calc(100% - 20px)!important;max-width:none!important;max-height:calc(100vh - 40px);margin:0 auto;padding:15px;border-radius:8px;overflow-y:auto;position:relative}.editServiceForm .form-container h2{font-size:16px;margin-bottom:15px;text-align:center;position:sticky;top:0;background:inherit;padding:5px 0;z-index:1}.editServiceForm .form-container .form-row{flex-direction:column;gap:12px}.editServiceForm .form-container .form-row .form-group{width:100%}.editServiceForm .form-container .form-group{margin-bottom:15px}.editServiceForm .form-container .form-group label{font-size:13px;margin-bottom:6px;display:block;font-weight:500}.editServiceForm .form-container .form-group input,.editServiceForm .form-container .form-group textarea,.editServiceForm .form-container .form-group select{width:100%;padding:10px;font-size:14px;border-radius:6px;border:1px solid #ddd;box-sizing:border-box}.editServiceForm .form-container .form-group textarea{min-height:80px;resize:vertical}.editServiceForm .form-container .form-group small{font-size:11px;color:#666;display:block;margin-top:4px}.editServiceForm .form-container .service-fields{margin:15px 0}.editServiceForm .form-container .service-fields h2{font-size:15px;margin-bottom:12px}.editServiceForm .form-container .service-fields ul{padding-left:0;list-style:none}.editServiceForm .form-container .service-fields ul li{margin-bottom:15px;padding:12px;background:var(--field-bg, #f8f9fa);border-radius:8px;border:1px solid var(--field-border, #e9ecef)}.editServiceForm .form-container .service-fields ul li .field-info{margin-bottom:10px}.editServiceForm .form-container .service-fields ul li .field-info .field-details strong{font-size:13px;display:block;margin-bottom:4px;color:var(--text-primary, #333)}.editServiceForm .form-container .service-fields ul li .field-info .field-details .field-type{font-size:11px;color:var(--text-secondary, #666);font-style:italic}.editServiceForm .form-container .service-fields ul li>div[style*=marginTop]{margin-top:8px!important;padding:10px!important;border-radius:6px}.editServiceForm .form-container .service-fields ul li>div[style*=marginTop] button{padding:8px 12px!important;font-size:11px!important;margin:3px!important;border-radius:4px;white-space:nowrap}.editServiceForm .form-container .service-fields ul li>div[style*=marginTop] div[style*=padding]{padding:8px!important;font-size:12px;line-height:1.4;word-break:break-word}.editServiceForm .form-container .service-fields .answer-section{background:var(--answer-bg, #e8f4fd);border:1px solid var(--answer-border, #bee5eb);border-radius:8px;padding:15px}.editServiceForm .form-container .service-fields .answer-section .answer-content{background:var(--answer-content-bg, #fff);border-radius:6px;padding:12px;margin-top:8px;border:1px solid var(--answer-content-border, #dee2e6)}.editServiceForm .form-container .service-fields .answer-section .file-actions{display:flex;flex-direction:column;gap:8px;margin-top:10px}.editServiceForm .form-container .service-fields .answer-section .file-actions button{width:100%;padding:10px;font-size:12px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.editServiceForm .form-container .service-fields .answer-section .file-actions .file-name{font-size:11px;color:var(--text-secondary, #666);text-align:center;margin-bottom:8px;word-break:break-all;line-height:1.3}.editServiceForm .form-container .buttons{display:flex;flex-direction:column;gap:10px;margin-top:20px;position:sticky;bottom:0;background:inherit;padding:10px 0;border-top:1px solid var(--border-color, #e9ecef)}.editServiceForm .form-container .buttons button{width:100%;padding:12px;font-size:14px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px}.editServiceForm .form-container .buttons button:not(:first-child){order:1}.editServiceForm .form-container .buttons button:first-child{order:2;background-color:#6c757d!important;color:#fff!important}.editServiceForm .form-container .buttons button[style*=backgroundColor]{color:#fff!important}.editServiceForm .form-container .buttons button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.editServiceForm .form-container .buttons button:active{transform:translateY(0)}.editServiceForm .form-container .buttons.many-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.editServiceForm .form-container .buttons.many-buttons button{font-size:12px;padding:10px}.editServiceForm .form-container .buttons.many-buttons .close-btn{grid-column:1/-1;order:3}.editServiceForm.dark .form-container{--field-bg: #2a2a2a;--field-border: #444;--text-primary: #fff;--text-secondary: #ccc;--answer-bg: #1a3a4a;--answer-border: #2d5a6a;--answer-content-bg: #2a2a2a;--answer-content-border: #444;--border-color: #444}.editServiceForm.dark .form-container .form-group input,.editServiceForm.dark .form-container .form-group textarea,.editServiceForm.dark .form-container .form-group select{background:#2a2a2a;border-color:#444;color:#fff}.editServiceForm.dark .form-container .form-group input::placeholder,.editServiceForm.dark .form-container .form-group textarea::placeholder,.editServiceForm.dark .form-container .form-group select::placeholder{color:#888}}@media screen and (max-width:320px){.all-services .container{padding:8px 3px}.all-services .container h1{font-size:16px}.all-services .container .services-table{margin:0 -3px}.all-services .container .services-table table{min-width:700px;font-size:10px}.all-services .container .services-table table th,.all-services .container .services-table table td{padding:4px 3px}.editServiceForm .form-container{padding:12px}.editServiceForm .form-container h2{font-size:14px}.editServiceForm .form-container .form-group{margin-bottom:12px}.editServiceForm .form-container .form-group label{font-size:11px}.editServiceForm .form-container .form-group input,.editServiceForm .form-container .form-group textarea,.editServiceForm .form-container .form-group select{padding:6px;font-size:11px}.editServiceForm .form-container .buttons button{padding:10px;font-size:11px}}@media screen and (max-width:350px){.editServiceForm{padding:3px}.editServiceForm .form-container{width:calc(100% - 10px)!important;padding:12px;margin:5px auto}.editServiceForm .form-container h2{font-size:14px;margin-bottom:12px}.editServiceForm .form-container .form-group{margin-bottom:12px}.editServiceForm .form-container .form-group label{font-size:12px}.editServiceForm .form-container .form-group input,.editServiceForm .form-container .form-group textarea,.editServiceForm .form-container .form-group select{padding:8px;font-size:13px}.editServiceForm .form-container .service-fields ul li{padding:10px}.editServiceForm .form-container .service-fields ul li>div[style*=marginTop] button{padding:6px 8px!important;font-size:10px!important;margin:2px!important}.editServiceForm .form-container .service-fields .answer-section .file-actions button{padding:8px;font-size:11px}.editServiceForm .form-container .buttons{gap:8px;margin-top:15px}.editServiceForm .form-container .buttons button{padding:10px;font-size:13px;min-height:40px}.editServiceForm .form-container .buttons.many-buttons button{font-size:11px;padding:8px}}.add-service{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:20px}@media(max-width:768px){.add-service{padding:10px;align-items:flex-start}}.add-service .form-container{background-color:#fff;padding:30px;border-radius:8px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto}@media(max-width:768px){.add-service .form-container{padding:15px;max-height:95vh;border-radius:4px}}.add-service .form-container h2{margin-bottom:20px;color:#333;text-align:center}@media(max-width:768px){.add-service .form-container h2{font-size:18px;margin-bottom:15px}}.add-service .form-container .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media(max-width:768px){.add-service .form-container .form-row{display:flex;flex-direction:column;gap:5px}}.add-service .form-container .input-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media(max-width:480px){.add-service .form-container .input-grid{grid-template-columns:1fr;gap:10px}}.add-service .form-container .form-group{margin-bottom:15px}@media(max-width:768px){.add-service .form-container .form-group{margin-bottom:10px}}.add-service .form-container .form-group label{display:block;margin-bottom:5px;font-weight:700;color:#555;font-size:14px}@media(max-width:768px){.add-service .form-container .form-group label{font-size:12px;margin-bottom:3px}}.add-service .form-container .form-group input,.add-service .form-container .form-group textarea,.add-service .form-container .form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}@media(max-width:768px){.add-service .form-container .form-group input,.add-service .form-container .form-group textarea,.add-service .form-container .form-group select{padding:8px;font-size:13px}}.add-service .form-container .form-group textarea{resize:vertical;min-height:80px}.add-service .form-container .toggle-group{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:end}@media(max-width:768px){.add-service .form-container .toggle-group{grid-template-columns:1fr;gap:10px}}.add-service .form-container .toggle-switch{display:flex;align-items:center;gap:10px}.add-service .form-container .toggle-switch input[type=checkbox]{width:auto;transform:scale(1.2)}.add-service .form-container .toggle-switch label{margin-bottom:0;cursor:pointer;font-size:14px}@media(max-width:768px){.add-service .form-container .toggle-switch label{font-size:13px}}.add-service .form-container .service-fields{margin:20px 0;padding:20px;border:1px solid #ddd;border-radius:4px}@media(max-width:768px){.add-service .form-container .service-fields{padding:15px;margin:15px 0}}.add-service .form-container .service-fields h2{margin-bottom:15px;font-size:18px;text-align:left}@media(max-width:768px){.add-service .form-container .service-fields h2{font-size:16px;margin-bottom:10px}}.add-service .form-container .service-fields ul{list-style:none;padding:0;margin:0 0 15px}.add-service .form-container .service-fields ul li{border:1px solid #eee;border-radius:4px;margin-bottom:10px;padding:15px}@media(max-width:768px){.add-service .form-container .service-fields ul li{padding:10px;margin-bottom:8px}}.add-service .form-container .service-fields .field-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}@media(max-width:768px){.add-service .form-container .service-fields .field-info{flex-direction:column;align-items:flex-start}}.add-service .form-container .service-fields .field-info .field-details{flex:1}.add-service .form-container .service-fields .field-info .field-details .field-type{background:#f0f0f0;padding:2px 8px;border-radius:3px;font-size:12px;margin-left:10px}@media(max-width:768px){.add-service .form-container .service-fields .field-info .field-details .field-type{margin-left:0;margin-top:5px;display:inline-block}}.add-service .form-container .service-fields .field-info .field-actions{display:flex;gap:10px;flex-shrink:0}@media(max-width:768px){.add-service .form-container .service-fields .field-info .field-actions{width:100%;justify-content:space-between}}.add-service .form-container .service-fields .field-info .field-actions button{padding:5px 10px;border:1px solid #ddd;border-radius:3px;background:#fff;cursor:pointer;font-size:12px}@media(max-width:768px){.add-service .form-container .service-fields .field-info .field-actions button{padding:8px 12px;font-size:11px;flex:1}}.add-service .form-container .service-fields .field-info .field-actions button:hover{background:#f5f5f5}.add-service .form-container .service-fields .edit-field-form{margin-top:15px;padding-top:15px;border-top:1px solid #eee}.add-service .form-container .service-fields .edit-field-form .field-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media(max-width:768px){.add-service .form-container .service-fields .edit-field-form .field-form-grid{grid-template-columns:1fr;gap:10px}}.add-service .form-container .service-fields .edit-field-form .options-manager{margin-top:15px;padding:15px;background:#f9f9f9;border-radius:4px;grid-column:1/-1}@media(max-width:768px){.add-service .form-container .service-fields .edit-field-form .options-manager{padding:10px;margin-top:10px}}.add-service .form-container .service-fields .edit-field-form .options-manager label{display:block;margin-bottom:10px;font-weight:700}.add-service .form-container .service-fields .edit-field-form .options-manager .options-list{list-style:none;padding:0;margin:0 0 15px}.add-service .form-container .service-fields .edit-field-form .options-manager .options-list li{margin-bottom:8px;padding:10px;background:#fff;border:1px solid #e0e0e0;border-radius:3px}@media(max-width:768px){.add-service .form-container .service-fields .edit-field-form .options-manager .options-list li{padding:8px}}.add-service .form-container .service-fields .edit-field-form .options-manager .options-list li .option-item{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}@media(max-width:768px){.add-service .form-container .service-fields .edit-field-form .options-manager .options-list li .option-item{flex-direction:column;align-items:flex-start}}.add-service .form-container .service-fields .edit-field-form .options-manager .options-list li .option-item button{padding:4px 10px;background:#dc3545;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px}@media(max-width:768px){.add-service .form-container .service-fields .edit-field-form .options-manager .options-list li .option-item button{width:100%;padding:8px}}.add-service .form-container .service-fields .edit-field-form .options-manager .options-list li .option-item button:hover{background:#c82333}.add-service .form-container .service-fields .edit-field-form .options-manager .add-option-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;align-items:end}@media(max-width:768px){.add-service .form-container .service-fields .edit-field-form .options-manager .add-option-form{grid-template-columns:1fr}}.add-service .form-container .service-fields .edit-field-form .options-manager .add-option-form input{padding:8px;border:1px solid #ddd;border-radius:3px}.add-service .form-container .service-fields .edit-field-form .options-manager .add-option-form button{padding:8px 15px;background:#28a745;color:#fff;border:none;border-radius:3px;cursor:pointer;white-space:nowrap}@media(max-width:768px){.add-service .form-container .service-fields .edit-field-form .options-manager .add-option-form button{padding:10px}}.add-service .form-container .service-fields .edit-field-form .options-manager .add-option-form button:hover{background:#1e7e34}.add-service .form-container .service-fields .edit-field-form button{margin-top:10px;padding:8px 15px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}@media(max-width:768px){.add-service .form-container .service-fields .edit-field-form button{width:100%;padding:12px}}.add-service .form-container .service-fields .edit-field-form button:hover{background:#0056b3}.add-service .form-container .service-fields .add-new-field{margin-top:15px;padding:15px;border:1px dashed #ddd;border-radius:4px}@media(max-width:768px){.add-service .form-container .service-fields .add-new-field{padding:10px;margin-top:10px}}.add-service .form-container .service-fields .add-new-field .top-buttons{display:flex;flex-direction:column;gap:10px}.add-service .form-container .service-fields .add-new-field .top-buttons .button-row{display:flex;gap:10px;margin-bottom:15px}@media(max-width:768px){.add-service .form-container .service-fields .add-new-field .top-buttons .button-row{flex-direction:column}}.add-service .form-container .service-fields .add-new-field .top-buttons .button-row button{padding:8px 15px;border:none;border-radius:4px;cursor:pointer;flex:1}@media(max-width:768px){.add-service .form-container .service-fields .add-new-field .top-buttons .button-row button{padding:12px}}.add-service .form-container .service-fields .add-new-field .top-buttons .button-row button:first-child{background:#28a745;color:#fff}.add-service .form-container .service-fields .add-new-field .top-buttons .button-row button:first-child:hover{background:#1e7e34}.add-service .form-container .service-fields .add-new-field .top-buttons .button-row button:nth-child(2){background:#dc3545;color:#fff}.add-service .form-container .service-fields .add-new-field .top-buttons .button-row button:nth-child(2):hover{background:#c82333}.add-service .form-container .service-fields .add-new-field .top-buttons .field-inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media(max-width:768px){.add-service .form-container .service-fields .add-new-field .top-buttons .field-inputs-grid{grid-template-columns:1fr;gap:10px}}.add-service .form-container .service-fields .add-new-field .options-manager{margin-top:15px;padding:15px;background:#f9f9f9;border-radius:4px;grid-column:1/-1}@media(max-width:768px){.add-service .form-container .service-fields .add-new-field .options-manager{padding:10px}}.add-service .form-container .service-fields button{width:100%;padding:12px 20px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-top:10px}@media(max-width:768px){.add-service .form-container .service-fields button{padding:15px;font-size:16px}}.add-service .form-container .service-fields button:hover{background:#0056b3}.add-service .form-container .buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}@media(max-width:768px){.add-service .form-container .buttons{flex-direction:column;gap:8px}}.add-service .form-container .buttons button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;flex:1}@media(max-width:768px){.add-service .form-container .buttons button{padding:15px;font-size:16px}}.add-service .form-container .buttons button:first-child{background:#6c757d;color:#fff}.add-service .form-container .buttons button:first-child:hover{background:#5a6268}.add-service .form-container .buttons button:last-child{background:#007bff;color:#fff}.add-service .form-container .buttons button:last-child:hover{background:#0056b3}.add-service.dark .form-container{background-color:#252525;color:#fff}.add-service.dark .form-container h2{color:#fff}.add-service.dark .form-container .form-group label{color:#e2e8f0}.add-service.dark .form-container .form-group input,.add-service.dark .form-container .form-group textarea,.add-service.dark .form-container .form-group select{background-color:#3a3a3a;border-color:#555;color:#fff}.add-service.dark .form-container .form-group input::placeholder,.add-service.dark .form-container .form-group textarea::placeholder,.add-service.dark .form-container .form-group select::placeholder{color:#a0aec0}.add-service.dark .form-container .service-fields{background-color:#4a5568;border-color:#718096}.add-service.dark .form-container .service-fields.dark{background-color:#3a3a3a}.add-service.dark .form-container .service-fields ul li{background-color:#2d3748;border-color:#718096}.add-service.dark .form-container .service-fields .field-info .field-details .field-type{background:#718096;color:#fff}.add-service.dark .form-container .service-fields .options-manager{background-color:#4a5568}.add-service.dark .form-container .service-fields .options-manager .options-list li{background-color:#2d3748;border-color:#718096}.add-service.dark .form-container .service-fields .options-manager .add-option-form input{background-color:#3a3a3a;border-color:#555;color:#fff}.add-service.dark .form-container .service-fields .options-manager .add-option-form input::placeholder{color:#a0aec0}.add-service.dark .form-container .service-fields .add-new-field{background-color:#2d3748;border-color:#718096}.add-service.dark .form-container .service-fields .add-new-field .options-manager{background-color:#3a3a3a}.profile-page{margin-top:60px;padding:20px 0;min-height:calc(100vh - 60px)}.profile-page.light{background-color:#f5f7fa;color:#333}.profile-page.dark{background-color:#252525;color:#fff}.profile-page .container{max-width:900px;margin:0 auto;padding:0 20px}.profile-page .container h1{font-size:32px;margin-bottom:30px;color:inherit;font-weight:600}.profile-page .profile-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.profile-page .profile-card .profile-header{display:flex;align-items:center;gap:25px;padding:40px;background:linear-gradient(135deg,#0068e0,#0056b3);color:#fff}.profile-page .profile-card .profile-header .avatar{width:100px;height:100px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;border:4px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #00000026}.profile-page .profile-card .profile-header .profile-info{flex:1}.profile-page .profile-card .profile-header .profile-info h2{font-size:28px;margin:0 0 8px;font-weight:600}.profile-page .profile-card .profile-header .profile-info .email{font-size:16px;opacity:.9;margin:0}.profile-page .profile-card .profile-content{padding:40px}.profile-page .profile-card .profile-content .info-section h3{font-size:20px;margin-bottom:25px;color:#333;font-weight:600}.profile-page .profile-card .profile-content .info-section .info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-bottom:30px}.profile-page .profile-card .profile-content .info-section .info-grid .info-item label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;color:#6c757d;margin-bottom:8px;letter-spacing:.5px}.profile-page .profile-card .profile-content .info-section .info-grid .info-item p{font-size:16px;color:#333;margin:0;padding:12px;background:#f8f9fa;border-radius:6px;border-left:3px solid #0068e0}.profile-page .profile-card .profile-content .info-section .action-buttons{margin-top:20px;display:flex;gap:15px;flex-wrap:wrap}.profile-page .profile-card .profile-content .info-section .action-buttons button{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.profile-page .profile-card .profile-content .info-section .action-buttons button.btn-primary{background:#0068e0;color:#fff}.profile-page .profile-card .profile-content .info-section .action-buttons button.btn-primary:hover{background:#0055b7;transform:translateY(-2px);box-shadow:0 4px 12px #0068e04d}.profile-page .profile-card .profile-content .info-section .action-buttons button.btn-secondary{background:#6c757d;color:#fff}.profile-page .profile-card .profile-content .info-section .action-buttons button.btn-secondary:hover{background:#596167;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.profile-page .profile-card .profile-content .info-section .login-history{margin-top:30px;padding-top:25px;border-top:1px solid #e9ecef}.profile-page .profile-card .profile-content .info-section .login-history h3{font-size:18px;margin-bottom:20px;color:#333;font-weight:600}.profile-page .profile-card .profile-content .info-section .login-history .login-list{display:flex;flex-direction:column;gap:12px}.profile-page .profile-card .profile-content .info-section .login-history .login-list .login-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-radius:6px;border-left:3px solid #0068e0;transition:all .2s}.profile-page .profile-card .profile-content .info-section .login-history .login-list .login-item:hover{background:#e9ecef;transform:translate(3px)}.profile-page .profile-card .profile-content .info-section .login-history .login-list .login-item.more-logins{background:#e3f2fd;border-left-color:#1976d2;font-style:italic;color:#1976d2;justify-content:center}.profile-page .profile-card .profile-content .info-section .login-history .login-list .login-item .login-date{font-size:14px;font-weight:500;color:#333}.profile-page .profile-card .profile-content .info-section .login-history .login-list .login-item .login-id{font-size:12px;color:#6c757d;font-weight:400}.profile-page .profile-card .profile-content .edit-section h3,.profile-page .profile-card .profile-content .password-section h3{font-size:20px;margin-bottom:25px;color:#333;font-weight:600}.profile-page .profile-card .profile-content .edit-section .form-grid,.profile-page .profile-card .profile-content .password-section .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:25px}.profile-page .profile-card .profile-content .edit-section .form-grid .form-group:nth-child(3),.profile-page .profile-card .profile-content .password-section .form-grid .form-group:nth-child(3){grid-column:span 2}.profile-page .profile-card .profile-content .edit-section .form-group,.profile-page .profile-card .profile-content .password-section .form-group{margin-bottom:20px}.profile-page .profile-card .profile-content .edit-section .form-group label,.profile-page .profile-card .profile-content .password-section .form-group label{display:block;font-size:14px;font-weight:500;color:#495057;margin-bottom:8px}.profile-page .profile-card .profile-content .edit-section .form-group label .required,.profile-page .profile-card .profile-content .password-section .form-group label .required{color:#dc3545}.profile-page .profile-card .profile-content .edit-section .form-group input,.profile-page .profile-card .profile-content .password-section .form-group input{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:6px;font-size:14px;transition:all .2s;background:#fff}.profile-page .profile-card .profile-content .edit-section .form-group input:focus,.profile-page .profile-card .profile-content .password-section .form-group input:focus{outline:none;border-color:#0068e0;box-shadow:0 0 0 3px #0068e01a}.profile-page .profile-card .profile-content .edit-section .form-group input::placeholder,.profile-page .profile-card .profile-content .password-section .form-group input::placeholder{color:#adb5bd}.profile-page .profile-card .profile-content .edit-section .form-actions,.profile-page .profile-card .profile-content .password-section .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:25px;border-top:1px solid #e9ecef}.profile-page .profile-card .profile-content .edit-section .form-actions button,.profile-page .profile-card .profile-content .password-section .form-actions button{padding:12px 28px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.profile-page .profile-card .profile-content .edit-section .form-actions button.btn-cancel,.profile-page .profile-card .profile-content .password-section .form-actions button.btn-cancel{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.profile-page .profile-card .profile-content .edit-section .form-actions button.btn-cancel:hover,.profile-page .profile-card .profile-content .password-section .form-actions button.btn-cancel:hover{background:#e9ecef}.profile-page .profile-card .profile-content .edit-section .form-actions button.btn-save,.profile-page .profile-card .profile-content .password-section .form-actions button.btn-save{background:#0068e0;color:#fff}.profile-page .profile-card .profile-content .edit-section .form-actions button.btn-save:hover,.profile-page .profile-card .profile-content .password-section .form-actions button.btn-save:hover{background:#0055b7;transform:translateY(-2px);box-shadow:0 4px 12px #0068e04d}.profile-page .profile-card .logout-section{margin-top:30px;padding-top:25px;border-top:1px solid #e9ecef}.profile-page .profile-card .logout-section .btn-logout{width:100%;padding:14px 24px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.profile-page .profile-card .logout-section .btn-logout:hover{background:#c62232;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.profile-page .profile-card .logout-section .btn-logout:active{transform:translateY(0)}.profile-page.dark .container h1{color:#fff}.profile-page.dark .profile-card{background:#2e2e2e}.profile-page.dark .profile-card .profile-content .info-section h3{color:#fff}.profile-page.dark .profile-card .profile-content .info-section .info-grid .info-item label{color:#a0aec0}.profile-page.dark .profile-card .profile-content .info-section .info-grid .info-item p{background:#3a3a3a;color:#fff;border-left-color:#0068e0}.profile-page.dark .profile-card .profile-content .info-section .login-history{border-top-color:#4a5568}.profile-page.dark .profile-card .profile-content .info-section .login-history h3{color:#fff}.profile-page.dark .profile-card .profile-content .info-section .login-history .login-list .login-item{background:#3a3a3a;border-left-color:#0068e0}.profile-page.dark .profile-card .profile-content .info-section .login-history .login-list .login-item:hover{background:#4a5568}.profile-page.dark .profile-card .profile-content .info-section .login-history .login-list .login-item.more-logins{background:#2d3748;border-left-color:#63b3ed;color:#63b3ed}.profile-page.dark .profile-card .profile-content .info-section .login-history .login-list .login-item .login-date{color:#fff}.profile-page.dark .profile-card .profile-content .info-section .login-history .login-list .login-item .login-id{color:#a0aec0}.profile-page.dark .profile-card .profile-content .edit-section h3,.profile-page.dark .profile-card .profile-content .password-section h3{color:#fff}.profile-page.dark .profile-card .profile-content .edit-section .form-group label,.profile-page.dark .profile-card .profile-content .password-section .form-group label{color:#e2e8f0}.profile-page.dark .profile-card .profile-content .edit-section .form-group input,.profile-page.dark .profile-card .profile-content .password-section .form-group input{background:#3a3a3a;border-color:#4a5568;color:#fff}.profile-page.dark .profile-card .profile-content .edit-section .form-group input:focus,.profile-page.dark .profile-card .profile-content .password-section .form-group input:focus{border-color:#0068e0;background:#2d3748}.profile-page.dark .profile-card .profile-content .edit-section .form-group input::placeholder,.profile-page.dark .profile-card .profile-content .password-section .form-group input::placeholder{color:#718096}.profile-page.dark .profile-card .profile-content .edit-section .form-actions,.profile-page.dark .profile-card .profile-content .password-section .form-actions{border-top-color:#4a5568}.profile-page.dark .profile-card .profile-content .edit-section .form-actions .btn-cancel,.profile-page.dark .profile-card .profile-content .password-section .form-actions .btn-cancel{background:#3a3a3a;color:#e2e8f0;border-color:#4a5568}.profile-page.dark .profile-card .profile-content .edit-section .form-actions .btn-cancel:hover,.profile-page.dark .profile-card .profile-content .password-section .form-actions .btn-cancel:hover{background:#4a5568}.profile-page.dark .profile-card .profile-content .logout-section{border-top-color:#4a5568}.profile-page.dark .profile-card .profile-content .logout-section .btn-logout{background:#dc3545}.profile-page.dark .profile-card .profile-content .logout-section .btn-logout:hover{background:#c62232}@media(max-width:768px){.profile-page .profile-card .profile-header{flex-direction:column;text-align:center;padding:30px 20px}.profile-page .profile-card .profile-content{padding:25px 20px}.profile-page .profile-card .profile-content .info-section .info-grid{grid-template-columns:1fr}.profile-page .profile-card .profile-content .info-section .action-buttons{flex-direction:column}.profile-page .profile-card .profile-content .info-section .action-buttons button{width:100%}.profile-page .profile-card .profile-content .edit-section .form-grid,.profile-page .profile-card .profile-content .password-section .form-grid{grid-template-columns:1fr}.profile-page .profile-card .profile-content .edit-section .form-grid .form-group:nth-child(3),.profile-page .profile-card .profile-content .password-section .form-grid .form-group:nth-child(3){grid-column:span 1}.profile-page .profile-card .profile-content .edit-section .form-actions,.profile-page .profile-card .profile-content .password-section .form-actions{flex-direction:column}.profile-page .profile-card .profile-content .edit-section .form-actions button,.profile-page .profile-card .profile-content .password-section .form-actions button{width:100%}}.suggestions{margin-top:60px}.suggestions.light{color:#333}.suggestions.dark{background-color:#252525;color:#fff}.suggestions .container{max-width:1400px;margin:0 auto;padding:20px}.suggestions .container h1{margin-bottom:15px}.suggestions .container p{margin-bottom:15px;font-size:14px;color:gray}.suggestions .container .table-container{border-radius:6px;box-shadow:2px 2px 10px #0000001a;background-color:#fff}.suggestions .container .table-container table{width:100%;border-collapse:collapse}.suggestions .container .table-container table th,.suggestions .container .table-container table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.suggestions .container .table-container table th{background-color:#0068e0;color:#fff;position:sticky;top:0}.suggestions .container .table-container table tr:hover{background-color:#94c5ff}.suggestions .container .table-container table .actions{display:flex;gap:8px}.suggestions .container .table-container table .actions button{border:none;background:none;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.suggestions .container .table-container table .actions button:hover{background:#0000001a}.suggestions .container .table-container table .actions button svg{width:16px;height:16px}.suggestions .container .table-container .mobile-cards{display:none}.suggestions .pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:15px}.suggestions .pagination button{padding:6px 12px;border-radius:4px;border:1px solid #ccc;background-color:#0068e0;color:#fff;cursor:pointer;transition:background .2s}.suggestions .pagination button:hover{background-color:#0050ad}.suggestions .pagination button.active{background-color:#004494;font-weight:700}.suggestions .pagination button:disabled{background-color:#ccc;cursor:not-allowed}.suggestions.dark p{color:#fff}.suggestions.dark .table-container{background-color:#2e2e2e}.suggestions.dark .table-container table th{background-color:#0068e0}.suggestions.dark .table-container table tr:hover{background-color:#3f3f3f}.suggestions.dark .mobile-cards .suggestion-card{background:#2e2e2e;color:#f0f0f0}.suggestions.dark .mobile-cards .suggestion-card .card-header{border-bottom-color:#444}.suggestions.dark .mobile-cards .suggestion-card .card-header .suggestion-theme{color:#39f}.suggestions.dark .mobile-cards .suggestion-card .card-info .info-row .label{color:#bbb}.suggestions.dark .mobile-cards .suggestion-card .card-info .info-row .value{color:#f0f0f0}.suggestions.dark .mobile-cards .suggestion-card .card-info .status-badge.answered{background:#2a4a2e;color:#69db7c}.suggestions.dark .mobile-cards .suggestion-card .card-info .status-badge.pending{background:#4a3a2a;color:#ffd43b}.suggestions.dark .mobile-cards .suggestion-card .card-actions{border-top-color:#444}.suggestions.dark .mobile-cards .suggestion-card .card-actions button:hover{background:#ffffff1a}.suggestions.dark .pagination button{border:1px solid #555;background-color:#0068e0;color:#fff}.suggestions.dark .pagination button.active{background-color:#004494;font-weight:700}.suggestions.dark .pagination button:disabled{background-color:#555;color:#aaa}@media screen and (max-width:900px){.suggestions .container{padding:15px 10px}.suggestions .container h1{font-size:20px;margin-bottom:20px;text-align:center}.suggestions .container p{font-size:12px;text-align:center;margin-bottom:15px}.suggestions .container .table-container table{display:none!important}.suggestions .container .table-container .mobile-cards{display:block!important}.suggestions .container .table-container .mobile-cards .suggestion-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;margin-bottom:15px;padding:15px;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.suggestions .container .table-container .mobile-cards .suggestion-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.suggestions .container .table-container .mobile-cards .suggestion-card.answered{border-left:4px solid #28a745}.suggestions .container .table-container .mobile-cards .suggestion-card.pending{border-left:4px solid #ffc107}.suggestions .container .table-container .mobile-cards .suggestion-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color, #e0e0e0)}.suggestions .container .table-container .mobile-cards .suggestion-card .card-header .card-title{flex:1}.suggestions .container .table-container .mobile-cards .suggestion-card .card-header .card-title .suggestion-theme{font-weight:700;font-size:16px;color:var(--text-primary, #333);margin-bottom:5px}.suggestions .container .table-container .mobile-cards .suggestion-card .card-header .card-title .suggestion-id{font-size:12px;color:var(--text-secondary, #666)}.suggestions .container .table-container .mobile-cards .suggestion-card .card-header .status-badge{font-size:11px;padding:4px 8px;border-radius:12px;font-weight:500}.suggestions .container .table-container .mobile-cards .suggestion-card .card-header .status-badge.answered{background-color:#d4edda;color:#155724}.suggestions .container .table-container .mobile-cards .suggestion-card .card-header .status-badge.pending{background-color:#fff3cd;color:#856404}.suggestions .container .table-container .mobile-cards .suggestion-card .card-body .info-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.suggestions .container .table-container .mobile-cards .suggestion-card .card-body .info-row .label{font-weight:500;color:var(--text-secondary, #666);min-width:70px}.suggestions .container .table-container .mobile-cards .suggestion-card .card-body .info-row .value{color:var(--text-primary, #333);text-align:right;flex:1;word-break:break-word}.suggestions .container .table-container .mobile-cards .suggestion-card .card-body .body-text{background:var(--email-bg, #f8f9fa);padding:10px;border-radius:6px;margin:10px 0;font-size:13px;color:var(--text-primary, #333);word-break:break-word}.suggestions .container .table-container .mobile-cards .suggestion-card .card-body .answer-text{background:var(--answer-bg, #e7f3ff);padding:10px;border-radius:6px;margin:10px 0;font-size:13px;color:var(--text-primary, #333);word-break:break-word;border-left:3px solid #0068e0}.suggestions .container .table-container .mobile-cards .suggestion-card .card-footer{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color, #e0e0e0);display:flex;justify-content:space-between;align-items:center}.suggestions .container .table-container .mobile-cards .suggestion-card .card-footer .date-info{font-size:11px;color:var(--text-secondary, #666)}.suggestions .container .table-container .mobile-cards .suggestion-card .card-footer .actions{display:flex;gap:8px}.suggestions .container .table-container .mobile-cards .suggestion-card .card-footer .actions button{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:11px;display:flex;align-items:center;gap:4px;transition:all .3s ease;background-color:#007bff;color:#fff}.suggestions .container .table-container .mobile-cards .suggestion-card .card-footer .actions button:hover{transform:translateY(-1px);background-color:#0062cc}.suggestions .container .table-container .mobile-cards .suggestion-card .card-footer .actions button svg{width:14px;height:14px}.suggestions .container .pagination{justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}.suggestions .container .pagination button{min-width:40px;height:40px;font-size:14px;padding:0 8px;border-radius:6px}.suggestions.dark .table-container .mobile-cards .suggestion-card{--card-bg: #2a2a2a;--border-color: #444;--text-primary: #fff;--text-secondary: #ccc;--email-bg: #3a3a3a;--answer-bg: #2a3a4a}.suggestions.dark .table-container .mobile-cards .suggestion-card .card-header .card-title .suggestion-theme{color:var(--text-primary)}.suggestions.dark .table-container .mobile-cards .suggestion-card .status-badge.answered{background-color:#0a58ca;color:#cff4fc}.suggestions.dark .table-container .mobile-cards .suggestion-card .status-badge.pending{background-color:#b7791f;color:#ffeaa7}}.answerModal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.answerModal .modal-content{background:#fff;padding:30px;border-radius:8px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.answerModal .modal-content h2{margin-bottom:20px;color:#333}.answerModal .modal-content textarea{width:100%;min-height:150px;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;resize:vertical;margin-bottom:20px;font-family:inherit}.answerModal .modal-content textarea:focus{outline:none;border-color:#0068e0;box-shadow:0 0 0 2px #0068e040}.answerModal .modal-content .buttons{display:flex;gap:10px;justify-content:flex-end}.answerModal .modal-content .buttons button{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.answerModal .modal-content .buttons button.cancel{background:#6c757d;color:#fff}.answerModal .modal-content .buttons button.cancel:hover{background:#545b62}.answerModal .modal-content .buttons button.submit{background:#0068e0;color:#fff}.answerModal .modal-content .buttons button.submit:hover{background:#0050ad}.answerModal.dark .modal-content{background:#2e2e2e;color:#fff}.answerModal.dark .modal-content h2{color:#fff}.answerModal.dark .modal-content textarea{background:#3a3a3a;border-color:#555;color:#fff}.answerModal.dark .modal-content textarea::placeholder{color:#888}@media screen and (max-width:480px){.answerModal .modal-content{padding:20px;width:95%}.answerModal .modal-content h2{font-size:18px}.answerModal .modal-content .buttons{flex-direction:column}.answerModal .modal-content .buttons button{width:100%}}.settings{margin-top:60px;min-height:calc(100vh - 60px)}.settings.light{background-color:#f5f5f5;color:#333}.settings.dark{background-color:#252525;color:#fff}.settings .container{max-width:1000px;margin:0 auto;padding:30px 20px}.settings .container .page-header{margin-bottom:30px}.settings .container .page-header h1{font-size:28px;margin-bottom:10px;color:inherit}.settings .container .page-header p{font-size:14px;color:#888}.settings .container .settings-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.settings .container .settings-content .section{margin-bottom:40px}.settings .container .settings-content .section:last-child{margin-bottom:0}.settings .container .settings-content .section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.settings .container .settings-content .section .section-header h2{font-size:20px;color:#0068e0;margin:0}.settings .container .settings-content .section .settings-list{display:flex;flex-direction:column;gap:20px}.settings .container .settings-content .section .setting-item{border:1px solid #e0e0e0;border-radius:8px;padding:15px;transition:all .3s}.settings .container .settings-content .section .setting-item:hover{box-shadow:0 2px 8px #0000001a}.settings .container .settings-content .section .setting-item .setting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.settings .container .settings-content .section .setting-item .setting-header .label{font-weight:600;font-size:14px;color:#666;margin:0}.settings .container .settings-content .section .setting-item .setting-header .setting-actions{display:flex;gap:8px}.settings .container .settings-content .section .setting-item .setting-header .setting-actions button{background:transparent;border:none;cursor:pointer;padding:6px 10px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s}.settings .container .settings-content .section .setting-item .setting-header .setting-actions button svg{width:16px;height:16px}.settings .container .settings-content .section .setting-item .setting-header .setting-actions button.edit-btn{color:#0068e0}.settings .container .settings-content .section .setting-item .setting-header .setting-actions button.edit-btn:hover{background:#0068e01a}.settings .container .settings-content .section .setting-item .setting-header .setting-actions button.save-btn{color:#28a745}.settings .container .settings-content .section .setting-item .setting-header .setting-actions button.save-btn:hover{background:#28a7451a}.settings .container .settings-content .section .setting-item .setting-header .setting-actions button.cancel-btn{color:#dc3545}.settings .container .settings-content .section .setting-item .setting-header .setting-actions button.cancel-btn:hover{background:#dc35451a}.settings .container .settings-content .section .setting-item .value{font-size:15px;color:#333;padding:12px;background:#f8f9fa;border-radius:6px;word-break:break-word;min-height:45px}.settings .container .settings-content .section .setting-item input{width:100%;padding:12px;border:2px solid #0068e0;border-radius:6px;font-size:15px;font-family:inherit;transition:all .3s;box-sizing:border-box}.settings .container .settings-content .section .setting-item input:focus{outline:none;box-shadow:0 0 0 3px #0068e033}.settings .container .settings-content .section .settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.settings .container .settings-content .section .language-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #e0e0e0}.settings .container .settings-content .section .language-tabs .tab{padding:10px 20px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .3s}.settings .container .settings-content .section .language-tabs .tab:hover{color:#0068e0}.settings .container .settings-content .section .language-tabs .tab.active{color:#0068e0;border-bottom-color:#0068e0}.settings .container .settings-content .section .language-content .setting-item{margin-bottom:20px}.settings .container .settings-content .section .language-content .setting-item:last-child{margin-bottom:0}.settings .container .settings-content .actions{display:none}.settings.dark .page-header h1{color:#fff}.settings.dark .page-header p{color:#aaa}.settings.dark .settings-content{background:#2e2e2e;box-shadow:0 2px 8px #0000004d}.settings.dark .settings-content .section .section-header{border-bottom-color:#444}.settings.dark .settings-content .section .section-header h2{color:#39f}.settings.dark .settings-content .section .setting-item{border-color:#444}.settings.dark .settings-content .section .setting-item:hover{box-shadow:0 2px 8px #00000080}.settings.dark .settings-content .section .setting-item .setting-header .label{color:#aaa}.settings.dark .settings-content .section .setting-item .setting-header .setting-actions button.edit-btn{color:#39f}.settings.dark .settings-content .section .setting-item .setting-header .setting-actions button.edit-btn:hover{background:#39f3}.settings.dark .settings-content .section .setting-item .setting-header .setting-actions button.save-btn{color:#51cf66}.settings.dark .settings-content .section .setting-item .setting-header .setting-actions button.save-btn:hover{background:#51cf6633}.settings.dark .settings-content .section .setting-item .setting-header .setting-actions button.cancel-btn{color:#ff6b6b}.settings.dark .settings-content .section .setting-item .setting-header .setting-actions button.cancel-btn:hover{background:#ff6b6b33}.settings.dark .settings-content .section .setting-item .value{background:#3a3a3a;color:#fff}.settings.dark .settings-content .section .setting-item input{background:#3a3a3a;border-color:#39f;color:#fff}.settings.dark .settings-content .section .setting-item input::placeholder{color:#888}.settings.dark .settings-content .section .setting-item input:focus{box-shadow:0 0 0 3px #3399ff4d}.settings.dark .settings-content .section .language-tabs{border-bottom-color:#444}.settings.dark .settings-content .section .language-tabs .tab{color:#aaa}.settings.dark .settings-content .section .language-tabs .tab:hover{color:#39f}.settings.dark .settings-content .section .language-tabs .tab.active{color:#39f;border-bottom-color:#39f}@media screen and (max-width:900px){.settings .container{padding:20px 15px}.settings .container .page-header h1{font-size:22px;text-align:center}.settings .container .page-header p{text-align:center;font-size:13px}.settings .container .settings-content{padding:20px 15px}.settings .container .settings-content .section{margin-bottom:30px}.settings .container .settings-content .section .section-header h2{font-size:18px}.settings .container .settings-content .section .settings-list{gap:15px}.settings .container .settings-content .section .setting-item{padding:12px}.settings .container .settings-content .section .setting-item .setting-header .label{font-size:13px}.settings .container .settings-content .section .setting-item .setting-header .setting-actions button{padding:8px}.settings .container .settings-content .section .setting-item .setting-header .setting-actions button svg{width:14px;height:14px}.settings .container .settings-content .section .setting-item .value,.settings .container .settings-content .section .setting-item input{font-size:14px;padding:10px}.settings .container .settings-content .section .language-tabs{flex-wrap:wrap;gap:8px}.settings .container .settings-content .section .language-tabs .tab{flex:1;min-width:80px;padding:8px 12px;font-size:13px}}@media screen and (max-width:480px){.settings .container{padding:15px 10px}.settings .container .page-header{margin-bottom:20px}.settings .container .page-header h1{font-size:20px}.settings .container .settings-content{padding:15px 10px}.settings .container .settings-content .section .section-header h2{font-size:16px}.settings .container .settings-content .section .setting-item{padding:10px}.settings .container .settings-content .section .setting-item .setting-header{flex-direction:column;align-items:flex-start;gap:8px}.settings .container .settings-content .section .setting-item .setting-header .setting-actions{width:100%;justify-content:flex-end}}.payments-page{margin-top:60px;padding:20px 0}.payments-page.light{color:#333}.payments-page.dark{background-color:#252525;color:#fff}.payments-page .container{margin:0 auto;padding:0 20px}.payments-page .container h1{font-size:28px;margin-bottom:30px;color:inherit}.payments-page .filters-section{margin-bottom:20px;background:var(--card-background);border-radius:8px;border:1px solid var(--border-color)}.payments-page .filters-section .filters-row{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap}.payments-page .filters-section .filters-row .filter-group{display:flex;flex-direction:column;min-width:200px}.payments-page .filters-section .filters-row .filter-group label{margin-bottom:5px;font-weight:500;color:var(--text-color)}.payments-page .filters-section .filters-row .filter-group input,.payments-page .filters-section .filters-row .filter-group select{padding:8px 12px;border:1px solid black;border-radius:4px;font-size:14px;background:var(--input-background);color:var(--text-color)}.payments-page .filters-section .filters-row .filter-group input:focus,.payments-page .filters-section .filters-row .filter-group select:focus{outline:none;border-color:var(--primary-color)}.payments-page .filters-section .filters-row .filter-actions{display:flex;align-items:flex-end}.payments-page .filters-section .filters-row .filter-actions .reset-btn{padding:8px 16px;background:#0068e0;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.payments-page .filters-section .filters-row .filter-actions .reset-btn:hover{opacity:.9}.payments-page .payments-table{background:#fff;border-radius:6px;box-shadow:2px 2px 10px #0000001a;overflow:hidden}.payments-page .payments-table table{width:100%;border-collapse:collapse}.payments-page .payments-table table thead th{padding:12px 15px;text-align:left;font-weight:600;background-color:#0068e0;color:#fff;border-bottom:none;position:sticky;top:0}.payments-page .payments-table table tbody tr{border-bottom:1px solid #ddd;transition:background-color .2s}.payments-page .payments-table table tbody tr:hover{background-color:#94c5ff}.payments-page .payments-table table tbody tr td{padding:12px 15px;vertical-align:middle}.payments-page .badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.payments-page .badge.badge-success{background:#d4edda;color:#155724}.payments-page .badge.badge-timeout{background:#fff3cd;color:#856404}.payments-page .badge.badge-pending{background:#cfe2ff;color:#084298}.payments-page .badge.badge-failed{background:#f8d7da;color:#721c24}.payments-page .badge.badge-click{background:#e7f3ff;color:#0068e0}.payments-page .badge.badge-payme{background:#e8f5e9;color:#2e7d32}.payments-page .price-info{display:flex;align-items:center;gap:8px}.payments-page .price-info .price{font-weight:600;color:#28a745}.payments-page .pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:15px}.payments-page .pagination button{padding:6px 12px;border-radius:4px;border:1px solid #ccc;background-color:#0068e0;color:#fff;cursor:pointer;transition:background .2s}.payments-page .pagination button:hover{background-color:#0050ad}.payments-page .pagination button.active{background-color:#004494;font-weight:700}.payments-page .pagination button:disabled{background-color:#ccc;cursor:not-allowed}.payments-page.dark .container h1{color:#fff}.payments-page.dark .payments-table{background-color:#2e2e2e}.payments-page.dark .payments-table table tbody tr:hover{background-color:#3f3f3f}.payments-page.dark .pagination button{border:1px solid #555;background-color:#0068e0;color:#fff}.payments-page.dark .pagination button.active{background-color:#004494}.payments-page.dark .pagination button:disabled{background-color:#555;color:#aaa}.payments-page .container .payments-table .mobile-cards{display:none}.payments-page .container .payments-table table{display:table}@media screen and (max-width:900px){.payments-page .container{padding:15px 10px}.payments-page .container h1{font-size:20px;margin-bottom:20px;text-align:center}.payments-page .container .filters-section .filters-row{flex-direction:column;gap:15px}.payments-page .container .filters-section .filters-row .filter-group{width:100%}.payments-page .container .filters-section .filters-row .filter-group input,.payments-page .container .filters-section .filters-row .filter-group select{width:100%;padding:12px;font-size:14px;border-radius:6px}.payments-page .container .filters-section .filters-row .filter-actions{width:100%}.payments-page .container .filters-section .filters-row .filter-actions .reset-btn{width:100%;padding:12px;font-size:14px;border-radius:6px}.payments-page .container .payments-table table{display:none!important}.payments-page .container .payments-table .mobile-cards{display:block!important}.payments-page .container .payments-table .mobile-cards .payment-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e0e0e0);border-radius:8px;margin-bottom:15px;padding:15px;box-shadow:0 2px 4px #0000001a}.payments-page .container .payments-table .mobile-cards .payment-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color, #e0e0e0)}.payments-page .container .payments-table .mobile-cards .payment-card .card-header .payment-id{font-weight:700;font-size:16px;color:var(--text-primary, #333)}.payments-page .container .payments-table .mobile-cards .payment-card .card-header .status-badge{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.payments-page .container .payments-table .mobile-cards .payment-card .card-body .info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px}.payments-page .container .payments-table .mobile-cards .payment-card .card-body .info-row .label{font-weight:500;color:var(--text-secondary, #666)}.payments-page .container .payments-table .mobile-cards .payment-card .card-body .info-row .value{color:var(--text-primary, #333);text-align:right}.payments-page .container .payments-table .mobile-cards .payment-card .card-body .price-display{margin:10px 0;padding:8px 12px;border-radius:6px;font-weight:600;background:var(--price-bg, #d4edda);color:var(--price-color, #155724);text-align:center}.payments-page .container .pagination{justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}.payments-page .container .pagination button,.payments-page .container .pagination .dots{min-width:40px;height:40px;font-size:14px;padding:0 8px;border-radius:6px}.payments-page.dark .payments-table .mobile-cards .payment-card{--card-bg: #2a2a2a;--border-color: #444;--text-primary: #fff;--text-secondary: #ccc;--price-bg: #1e4d2b;--price-color: #d4edda}}.admins{margin-top:60px}.admins.light{color:#3e3e3e}.admins.dark{background-color:#252525;color:#fff}.admins .container{max-width:1400px;margin:0 auto;padding:20px}@media(max-width:900px){.admins .container{padding:10px}}.admins .container h1{margin-bottom:15px}@media screen and (max-width:900px){.admins .container h1{text-align:center;font-size:24px}}.admins .container p{margin-bottom:15px;font-size:14px;color:gray}.admins .container .filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}@media(max-width:900px){.admins .container .filters{flex-direction:column;gap:8px}}.admins .container .filters input,.admins .container .filters select{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px}.admins .container .filters input:focus,.admins .container .filters select:focus{outline:none;border-color:#0068e0;box-shadow:0 0 5px #0068e080}.admins .container .filters button{background-color:#0068e0;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .2s}.admins .container .filters button:hover{background-color:#0050ad}.admins .container .table-container{border-radius:6px;box-shadow:2px 2px 10px #0000001a;background-color:#fff}@media(max-width:900px){.admins .container .table-container{overflow:visible;background-color:transparent;box-shadow:none;border-radius:0}}.admins .container .table-container table{width:100%;border-collapse:collapse}@media(max-width:900px){.admins .container .table-container table{display:none}}.admins .container .table-container table th,.admins .container .table-container table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}.admins .container .table-container table th{background-color:#0068e0;color:#fff;position:sticky;top:0}.admins .container .table-container table tr:hover{background-color:#94c5ff}.admins .container .table-container table .actions{display:flex;gap:8px}.admins .container .table-container table .actions button{border:none;background:none;cursor:pointer;padding:4px;border-radius:4px;transition:background .2s}.admins .container .table-container table .actions button:hover{background:#0000001a}.admins .container .table-container table .actions button svg{width:16px;height:16px}.admins .container .mobile-cards{display:none}@media screen and (max-width:900px){.admins .container .mobile-cards{display:block}}.admins .container .mobile-cards .admin-card{background:#fff;border-radius:6px;margin-bottom:15px;padding:15px;box-shadow:2px 2px 10px #0000001a}.admins .container .mobile-cards .admin-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee}.admins .container .mobile-cards .admin-card .card-header .admin-name{font-weight:700;font-size:16px;color:#0068e0}.admins .container .mobile-cards .admin-card .card-header .admin-id{background:#0068e0;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px}.admins .container .mobile-cards .admin-card .card-info .info-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.admins .container .mobile-cards .admin-card .card-info .info-row .label{font-weight:500;color:#666;min-width:80px}.admins .container .mobile-cards .admin-card .card-info .info-row .value{color:#3e3e3e;text-align:right;flex:1}.admins .container .mobile-cards .admin-card .card-info .status-badges{display:flex;gap:8px;margin:10px 0}.admins .container .mobile-cards .admin-card .card-info .status-badges .badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.admins .container .mobile-cards .admin-card .card-info .status-badges .badge.blocked{background:#ffebee;color:#c62828}.admins .container .mobile-cards .admin-card .card-info .status-badges .badge.active{background:#e8f5e8;color:#2e7d32}.admins .container .mobile-cards .admin-card .card-info .status-badges .badge.google{background:#e3f2fd;color:#1565c0}.admins .container .mobile-cards .admin-card .card-info .status-badges .badge.email{background:#f3e5f5;color:#7b1fa2}.admins .container .mobile-cards .admin-card .card-actions{display:flex;justify-content:center;gap:15px;padding-top:10px;border-top:1px solid #eee;margin-top:10px}.admins .container .mobile-cards .admin-card .card-actions button{border:none;background:none;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s;display:flex;align-items:center;justify-content:center}.admins .container .mobile-cards .admin-card .card-actions button:hover{background:#0000001a}.admins .container .mobile-cards .admin-card .card-actions button svg{width:18px;height:18px}.admins .container .pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:15px}@media(max-width:900px){.admins .container .pagination{flex-wrap:wrap;gap:5px}.admins .container .pagination button{padding:8px 10px;font-size:14px}.admins .container .pagination .dots{padding:8px 4px}}.admins .container .pagination button{padding:6px 12px;border-radius:4px;border:1px solid #ccc;background-color:#0068e0;color:#fff;cursor:pointer;transition:background .2s}.admins .container .pagination button:hover{background-color:#0050ad}.admins .container .pagination button.active{background-color:#004494;font-weight:700}.admins .container .pagination button:disabled{background-color:#ccc;cursor:not-allowed}.admins .container .white{background-color:#fff}.admins .container .black{background-color:#252525}.admins.dark p{color:#fff}.admins.dark .table-container{background-color:#2e2e2e}.admins.dark .table-container table th{background-color:#0068e0}.admins.dark .table-container table tr:hover{background-color:#3f3f3f}.admins.dark .filters input,.admins.dark .filters select{background-color:#2a2a2a;border-color:#555;color:#f0f0f0}.admins.dark .filters input::placeholder,.admins.dark .filters select::placeholder{color:#aaa}.admins.dark .mobile-cards .admin-card{background:#2e2e2e;color:#f0f0f0}.admins.dark .mobile-cards .admin-card .card-header{border-bottom-color:#444}.admins.dark .mobile-cards .admin-card .card-header .admin-name{color:#39f}.admins.dark .mobile-cards .admin-card .card-info .info-row .label{color:#bbb}.admins.dark .mobile-cards .admin-card .card-info .info-row .value{color:#f0f0f0}.admins.dark .mobile-cards .admin-card .card-info .status-badges .badge.blocked{background:#4a2c2a;color:#ff6b6b}.admins.dark .mobile-cards .admin-card .card-info .status-badges .badge.active{background:#2a4a2e;color:#69db7c}.admins.dark .mobile-cards .admin-card .card-info .status-badges .badge.google{background:#2a3a4a;color:#74c0fc}.admins.dark .mobile-cards .admin-card .card-info .status-badges .badge.email{background:#4a2a4a;color:#da77f2}.admins.dark .mobile-cards .admin-card .card-actions{border-top-color:#444}.admins.dark .mobile-cards .admin-card .card-actions button:hover{background:#ffffff1a}.admins.dark .pagination button{border:1px solid #555;background-color:#0068e0;color:#fff}.admins.dark .pagination button.active{background-color:#004494;font-weight:700}.admins.dark .pagination button:disabled{background-color:#555;color:#aaa}.addAdminForm{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.addAdminForm .form-container{background:#fff;padding:2rem;border-radius:12px;width:90%;max-width:500px;box-shadow:0 4px 20px #0000004d;animation:fadeIn .3s ease-in-out}@media screen and (max-width:600px){.addAdminForm .form-container{padding:1rem}}.addAdminForm .form-container h2{margin-bottom:1.5rem;text-align:center;font-size:1.5rem;color:#333}.addAdminForm .form-container input{width:100%;padding:.75rem 1rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;transition:border .2s}.addAdminForm .form-container input:focus{border-color:#007bff;outline:none}.addAdminForm .form-container input:disabled{opacity:.6}.addAdminForm .form-container .buttons{display:flex;justify-content:space-between;margin-top:1rem}@media screen and (max-width:600px){.addAdminForm .form-container .buttons{padding-bottom:0}}.addAdminForm .form-container .buttons button{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:1rem;transition:background .2s,color .2s}.addAdminForm .form-container .buttons button:first-child{background:#e0e0e0;color:#333}.addAdminForm .form-container .buttons button:first-child:hover{background:#d5d5d5}.addAdminForm .form-container .buttons button:last-child{background:#007bff;color:#fff}.addAdminForm .form-container .buttons button:last-child:hover{background:#006ae6}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.addAdminForm.dark .form-container{background:#2e2e2e;color:#f0f0f0}.addAdminForm.dark .form-container h2{color:#fff}.addAdminForm.dark .form-container input{background:#3e3e3e;border:1px solid #555;color:#f0f0f0}.addAdminForm.dark .form-container input:focus{border-color:#39f}.addAdminForm.dark .form-container input::placeholder{color:#bbb}.addAdminForm.dark .form-container input:disabled{opacity:.6}.addAdminForm.dark .form-container .buttons button:first-child{background:#555;color:#f0f0f0}.addAdminForm.dark .form-container .buttons button:first-child:hover{background:#444}.addAdminForm.dark .form-container .buttons button:last-child{background:#39f;color:#fff}.addAdminForm.dark .form-container .buttons button:last-child:hover{background:#28f}