@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Cinzel:wght@600;800&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.login_page{display:grid;grid-template-columns:55% 45%;height:100%;width:100%;background-color:#fff;overflow:visible}.password-wrapper{position:relative;width:100%}.password-wrapper input{width:100%;padding-right:45px}.password-toggle{position:absolute;top:50%;right:12px;transform:translateY(-50%);cursor:pointer;color:#777;display:flex;align-items:center}.password-toggle:hover{color:#000}.login_page form{display:flex;flex-direction:column;width:100%;max-width:400px;margin:auto;padding:1.5rem}.login_title h2{color:#1a2e40;font-size:2.2rem;font-weight:700;margin-bottom:.5rem;text-align:center}.login_social_icons{display:flex;justify-content:center;gap:1rem;margin:1rem 0}.social-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #e3e6f3;border-radius:50%;cursor:pointer;transition:all .3s ease}.social-icon svg{color:#666;transition:all .3s ease}.social-icon:hover{background-color:#f8f9fa;border-color:#ccc;transform:translateY(-3px)}.social-icon:nth-child(1):hover svg{color:#4285f4}.social-icon:nth-child(2):hover svg{color:#1877f2}.social-icon:nth-child(3):hover svg{color:#181717}.social-icon:nth-child(4):hover svg{color:#0a66c2}.alternative{text-align:center;margin:.5rem 0}.alternative p{color:#7d7d7d;font-size:.85rem}.login_page form label{font-size:.85rem;font-weight:600;color:#1a2e40;margin-bottom:.3rem;align-self:flex-start}.login_page form input{width:100%;padding:10px 15px;background-color:#f0f2f5;border:1px solid transparent;border-radius:8px;margin-bottom:1rem;font-size:.95rem;outline:none;transition:all .3s ease}.login_page form input:focus{background-color:#fff;border-color:#008b8b;box-shadow:0 0 5px #008b8b33}.login_page form a{color:#1a2e40;text-decoration:none;font-size:.8rem;margin-bottom:1rem;align-self:center;transition:color .3s}.login_page form a:hover{color:#008b8b;text-decoration:underline}.login_page form button{width:100%;padding:12px;background-color:#008b8b;color:#fff;font-size:.9rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.login_page form button:hover{background-color:#007070;transform:translateY(-2px)}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.forgot-link{color:#2563eb;font-size:.875rem;font-weight:500;cursor:pointer;transition:color .2s ease;text-align:right;margin-bottom:10px}.forgot-link:hover{color:#1d4ed8;text-decoration:underline}button:disabled{opacity:.7;cursor:not-allowed}@media(max-width:992px){.login_page{transform:scale(1);grid-template-columns:50% 50%}}@media(max-width:768px){.login_page{display:flex;flex-direction:column;height:auto;min-height:100vh;width:100%}.popup-section{order:-1;width:100%;min-height:320px;padding:40px 20px;border-radius:0 0 80px 80px!important}.login_page form{order:1;max-width:100%;padding:1.5rem}}@media(max-width:480px){.login_page form{max-width:100%}.login_social_icons{gap:.5rem}.social-icon{width:35px;height:35px}.login_page form input{padding:12px}}.login_page{display:grid;height:100%;width:100%;background-color:#fff;transition:all .3s ease}.login_page{grid-template-columns:55% 45%}.sign-up-page{grid-template-columns:45% 55%}.popup-section{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;height:100%;padding:0 10%;gap:20px;color:#fff;background-color:#008b8b;position:relative;overflow:hidden}.login_page .popup-section{border-top-left-radius:150px;border-bottom-left-radius:150px}.sign-up-page .popup-section{border-top-right-radius:150px;border-bottom-right-radius:150px}.logo-section{width:150px;height:150px;border-radius:50%;background-color:#fff;margin-top:-15%;margin-bottom:10px;display:flex;align-items:center;justify-content:center}.popup-section h1{font-size:2.5rem}.popup-section p{font-size:1rem;line-height:1.5}.popup-section button{position:relative;width:100%;max-width:200px;padding:12px 24px;font-size:1rem;font-weight:600;border-radius:10px;border:1px solid white;background:transparent;color:#fff;cursor:pointer;z-index:1;overflow:hidden;transition:color .4s ease}form{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:400px;margin:0 auto;padding:2rem}.inputs{width:100%;padding:12px;margin:10px 0;background-color:#f0f2f5;border:1px solid transparent;border-radius:8px}.error-border{border:1px solid red!important}@media(max-width:768px){.login_page,.sign-up-page{display:flex;flex-direction:column;min-height:100vh}.login_page .popup-section,.sign-up-page .popup-section{order:-1;width:100%;min-height:340px;padding:40px 20px;border-radius:0 0 80px 80px;background-color:#008b8b}.login_page form,.sign-up-page form{order:1;max-width:100%;padding:2rem 1.5rem}.popup-section .logo-section{width:110px;height:110px;margin-top:0;margin-bottom:20px}.popup-section h1{font-size:1.8rem}.popup-section p{font-size:.95rem;padding:0 5%}}@media(max-width:480px){.popup-section{min-height:300px;border-top-left-radius:60px!important;border-top-right-radius:60px!important}}.otp-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999}.otp-card{background:#fff;padding:2.5rem 2rem;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #2c24240a;width:100%;max-width:420px;text-align:center}.otp-card h2{color:#111827;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.otp-card p{color:#6b7280;font-size:.95rem;line-height:1.5;margin-bottom:2rem}.otp-inputs-row{display:flex;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.otp-digit-input{width:3.5rem;height:4rem;text-align:center;font-size:1.5rem;font-weight:700;border:2px solid #d1d5db;border-radius:.75rem;background-color:#f9fafb;color:#1f2937;transition:all .2s ease;outline:none}.otp-digit-input:focus{border-color:#2563eb;background-color:#fff;box-shadow:0 0 0 4px #2563eb1a;transform:translateY(-2px)}.otp-digit-input:disabled{background-color:#f3f4f6;border-color:#e5e7eb;cursor:not-allowed}.otp-error-msg{color:#dc2626;background-color:#fef2f2;border:1px solid #fee2e2;padding:.75rem;border-radius:.5rem;font-size:.875rem;margin-bottom:1.5rem}.otp-actions{display:flex;gap:1rem;margin-bottom:1.5rem}.otp-verify-btn,.otp-cancel-btn{flex:1;padding:.875rem;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;border:none}.otp-verify-btn{background-color:#2563eb;color:#fff}.otp-verify-btn:hover:not(:disabled){background-color:#1d4ed8;box-shadow:0 4px 6px -1px #0000001a}.otp-verify-btn:disabled{opacity:.5;cursor:not-allowed}.otp-cancel-btn{background-color:#f3f4f6;color:#4b5563}.otp-cancel-btn:hover:not(:disabled){background-color:#e5e7eb}.otp-resend{font-size:.9rem;color:#6b7280}.otp-resend p span{font-weight:700;color:#374151}.otp-resend-link{background:none;border:none;color:#2563eb;font-weight:700;text-decoration:underline;cursor:pointer;padding:0}.otp-resend-link:hover{color:#1d4ed8}@media(max-width:440px){.otp-card{padding:2rem 1rem}.otp-inputs-row{gap:.5rem}.otp-digit-input{width:2.75rem;height:3.5rem;font-size:1.25rem}}@media(max-width:360px){.otp-actions{flex-direction:column-reverse}.otp-digit-input{width:2.25rem;height:3rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{position:relative;width:90%;max-width:400px;animation:slideUp .3s ease}.close-x{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#9ca3af}.forgot-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f9fafb;padding:20px;font-family:Inter,sans-serif}.forgot-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 25px #0000000d;max-width:400px;width:100%;text-align:center}.forgot-card h2{margin-bottom:12px;color:#111827;font-size:1.5rem}.subtitle{color:#6b7280;font-size:.95rem;margin-bottom:24px;line-height:1.5}.input-group{text-align:left;margin-bottom:20px}.input-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:6px}.input-group input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s}.input-group input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.btn-primary{width:100%;padding:12px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;display:flex;justify-content:center}.btn-primary:hover{background-color:#1d4ed8}.btn-primary:disabled{background-color:#93c5fd;cursor:not-allowed}.back-to-login{margin-top:24px;font-size:.875rem;color:#6b7280;cursor:pointer;transition:color .2s}.back-to-login:hover{color:#2563eb}.icon-circle{width:60px;height:60px;background:#ecfdf5;color:#10b981;font-size:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 20px}.popup-section{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;height:100%;padding:0 10%;gap:20px;color:#fff;background-color:#008b8b;position:relative;overflow:visible;border-radius:150px 0 0 150px;transition:all .4s ease}.sign-up-page .popup-section{border-radius:0 150px 150px 0!important}.logo-section{width:150px;height:150px;border-radius:50%;background-color:#fff;margin-bottom:-1rem;margin-top:-15%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000001a}.logo-section img{width:80%;height:80%;object-fit:contain}.popup-section h1{font-size:2.5rem;margin-bottom:10px;font-weight:700}.popup-section p{font-size:1rem;line-height:1.5;margin-bottom:20px;letter-spacing:.5px}.popup-section button{position:relative;width:100%;max-width:200px;padding:12px 24px;font-size:1rem;font-weight:600;border-radius:10px;border:1px solid white;background:transparent;color:#fff;cursor:pointer;z-index:1;overflow:hidden;text-transform:uppercase;transition:color .4s ease}.popup-section button:hover{color:#008b8b}.popup-section button:after{content:"";background:#fff;position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;transform:skew(-45deg) scaleX(0);transform-origin:center;transition:transform .5s ease}.popup-section button:hover:after{transform:skew(-45deg) scaleX(1.6)}@media(max-width:768px){.popup-section,.sign-up-page .popup-section{border-radius:0 0 80px 80px!important;min-height:350px!important}.logo-section{width:120px;height:120px;margin-bottom:20px}.popup-section h1{font-size:2rem}.popup-section p{font-size:.95rem;padding:0 5%}}@media(max-width:480px){.popup-section,.sign-up-page .popup-section{min-height:320px;border-bottom-left-radius:80px!important;border-bottom-right-radius:80px!important;position:relative;top:0;margin-top:0}}.sign-up-page{display:grid;grid-template-columns:45% 55%;height:100%;width:100%;background-color:#fff;overflow:visible}.form-row{display:flex;gap:15px;width:100%;margin-top:2rem}.form-group{flex:1;display:flex;flex-direction:column}.form-group .inputs{width:100%!important}.sign-up-page .form-container-left{display:flex;flex-direction:column;justify-content:center;align-items:center!important;height:100%}.sign-up-page form{display:flex;flex-direction:column;width:100%;max-width:500px;margin:0 auto;padding:.5rem 2rem}.sign-up-page h3{color:#1a2e40;font-size:1.8rem;text-align:center;margin-top:0}.sign-up-page .signIn-p{color:#666;text-align:center;font-size:1.1rem}.profile-pic-section{display:flex;align-items:center;margin-top:1rem;justify-content:center;position:relative}.placeholder-circle{cursor:pointer;border-radius:50%;overflow:hidden;width:80px;height:80px;border:1px solid darkcyan;background-color:#f3e8ff;display:flex;justify-content:center;align-items:center;transition:border-color .3s}.profile-pic-preview{width:100%;height:100%;object-fit:cover}.profile-pic-input{display:none}.upload-icon{position:absolute;bottom:0;right:40%;background-color:#7a53ef;border-radius:100%;padding:8px;cursor:pointer;transition:all .3s ease}.upload-icon img{width:15px;height:15px;transition:transform .3s ease,opacity .3s ease}.sign-up-page .label{font-size:.8rem;font-weight:600;color:#1a2e40}.sign-up-page input:not(.profile-pic-input){width:100%;padding:10px 12px;background-color:#f0f2f5;border:1px solid transparent;border-radius:8px;font-size:.9rem;outline:none;transition:all .3s ease}.sign-up-page input:focus{background-color:#fff;border-color:#008b8b;box-shadow:0 0 5px #008b8b33}.sign-up-page button{width:100%;padding:12px;background-color:#008b8b;color:#fff;font-size:.95rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;text-transform:uppercase;margin-top:.5rem;transition:all .3s ease}.sign-up-page button:hover{background-color:#007070;transform:translateY(-2px)}.sign-up-page form p{margin-top:1rem;font-size:.85rem}.sign-up-page form .toggle-link{color:#008b8b;font-weight:700;cursor:pointer;text-decoration:none;margin-left:5px}.sign-up-page form .toggle-link:hover{text-decoration:underline}.error-paragraph{color:red;margin-top:0!important}@media(max-width:1200px){.sign-up-page{grid-template-columns:40% 60%}}@media(max-width:900px){.signin-face{transform:none!important}}@media(max-width:768px){.sign-up-page{grid-template-columns:1fr;height:auto;min-height:100vh;display:flex;flex-direction:column}.popupScreen2,.popup-section{order:1;width:100%;min-height:300px;border-radius:0 0 40px 40px;padding:40px 20px}.sign-up-page .form-container-left{order:2;padding:30px 10px}.sign-up-page form{max-width:90%}.sign-up-page h3{font-size:1.6rem}}@media(max-width:480px){.sign-up-page form{padding:1rem;max-width:100%}.sign-up-page .label{margin-top:.8rem}.sign-up-page input:not(.profile-pic-input){padding:10px;font-size:.9rem}.placeholder-circle{width:80px;height:80px}}.authlayout_container{background:linear-gradient(to right,#e2e2e2,#c9d6ff);display:flex;align-items:center;justify-content:center;height:100vh;perspective:1500px}.wrapper_container{width:900px;height:550px;position:relative;transition:transform .8s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.wrapper_container.is-flipped{transform:rotateY(180deg)}.auth-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;background-color:#fff;border-radius:30px;box-shadow:0 5px 15px #0000004d}.signin-face{transform:rotateY(180deg)}@media(max-width:900px){.authlayout_container{height:auto;min-height:100vh;align-items:flex-start;perspective:none}.wrapper_container{width:100%;height:auto;transform:none!important;transform-style:flat;display:flex;flex-direction:column;position:relative}.wrapper_container.is-flipped{transform:none!important}.auth-face{position:relative;width:100%;height:auto;backface-visibility:visible;box-shadow:none;border-radius:0}.login-face,.signin-face{display:none}.wrapper_container:not(.is-flipped) .login-face{display:block}.wrapper_container.is-flipped .signin-face{display:block}}.modal-custom-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.alert-box{background:#fff;padding:2rem;border-radius:12px;width:80%;max-width:400px;text-align:center;box-shadow:0 10px 25px #0003;animation:slideUp .3s ease-out}.alert-icon-header h3{margin-top:1rem;font-size:1.25rem;color:#1a1a1a;font-weight:600}.alert-icon-header p{margin-top:.5rem;color:#666;font-size:.95rem;line-height:1.4}.alert-actions{display:flex;gap:12px;justify-content:center;margin-top:2rem}.alert-actions button{padding:10px 24px;border-radius:8px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.cancel-btn{background:#f3f4f6;color:#4b5563}.cancel-btn:hover{background:#e5e7eb}.delete-btn{background:#ef4444;color:#fff}.delete-btn:hover{background:#dc2626}.add-course-btn{background:#3b82f6;color:#fff}.add-course-btn:hover{background:#2563eb}.toast-notification{position:fixed;bottom:30px;right:30px;display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:10px;color:#fff;min-width:280px;box-shadow:0 10px 15px -3px #0003;overflow:hidden;z-index:11100;animation:slideInRight .3s cubic-bezier(.68,-.55,.27,1.55)}.toast-progress-bar{position:absolute;bottom:0;left:0;height:4px;width:100%;transform-origin:left;animation:toastProgress 4s linear forwards}.toast-notification.success .toast-progress-bar{background:#f5f5f5}.toast-notification.error .toast-progress-bar{background:#fff6}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-notification.success{background:#10b981}.toast-notification.error{background:#ef4444}.toast-notification span{flex-grow:1;font-size:.9rem;font-weight:500}.toast-notification button{background:transparent;border:none;color:#fff;cursor:pointer;opacity:.8;padding:4px}.toast-notification button:hover{opacity:1}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.admin-container{padding:20px;max-width:1200px;margin:0 auto;min-height:100vh}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.subtitle{color:#64748b;font-size:.95rem;margin-top:4px}.add-course-btn{display:flex;align-items:center;gap:.5rem;background-color:#2563eb;color:#fff;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:600;border:none;cursor:pointer;transition:background .2s}.add-course-btn:hover{background-color:#1d4ed8}.fab-nav-toggle{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:#2563eb;color:#fff;border:none;box-shadow:0 10px 25px #2563eb66;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2000;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.fab-nav-toggle{position:fixed;bottom:100px;right:40px;width:60px;height:60px;border-radius:50%;background:#2563eb;color:#fff;border:none;box-shadow:0 10px 25px #2563eb66;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2000;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.fab-nav-toggle:hover{transform:scale(1.1);background:#1d4ed8}.fab-nav-toggle.active{background:#1e293b;transform:rotate(90deg)}.category-sidebar{position:fixed;bottom:100px;right:30px;width:300px;height:60vh;background:#fff;box-shadow:0 10px 40px #0003;z-index:1999;padding:1.5rem;display:flex;flex-direction:column;border-radius:20px;opacity:0;visibility:hidden;transform:scale(.1);transform-origin:bottom right;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.category-sidebar.open{opacity:1;visibility:visible;transform:scale(1)}.sidebar-backdrop{position:fixed;inset:0;background:#0000001a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1998;animation:fadeIn .3s ease}.sidebar-header{margin-bottom:2rem;border-bottom:1px solid darkcyan;padding-bottom:1rem}.sidebar-header h3{font-size:1.25rem;color:#1e293b;margin:0}.sidebar-header p{color:#94a3b8;margin-top:5px;font-size:.85rem}.sidebar-links{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.sidebar-link{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;text-decoration:none;color:#475569;background:#f8fafc;border-radius:10px;transition:all .2s;font-weight:500}.sidebar-link:hover{background:#eff6ff;color:#2563eb;transform:translate(-5px)}.cat-count{font-size:.75rem;background:#fff;padding:2px 8px;border-radius:6px;color:#64748b;border:1px solid #e2e8f0}.category-quick-nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px;background:#fff;border:2px solid darkcyan;border-radius:12px;margin-bottom:32px;position:sticky;top:10px;z-index:10;box-shadow:0 4px 6px -1px #0000000d;max-height:60px;overflow-y:auto}.nav-label{font-weight:600;font-size:.8rem;color:#94a3b8;text-transform:uppercase;white-space:nowrap}.nav-link{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#f8fafc;color:#475569;text-decoration:none;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid #e2e8f0;transition:all .2s ease;white-space:nowrap}.nav-link:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.count-pill{background:#2563eb;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:6px}.category-section{margin-bottom:3rem;scroll-margin-top:900px}.category-header{display:flex;align-items:center;gap:10px;margin-bottom:1rem}.category-icon{color:#2563eb}.category-header h2{font-size:1.25rem;color:#1e293b;font-weight:700}.item-count{font-size:.85rem;color:#64748b;background:#f1f5f9;padding:2px 10px;border-radius:12px}.table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{background-color:#fff;padding:12px 16px;font-size:.85rem;font-weight:600;color:#64748b;border-bottom:1px solid #e2e8f0;width:15%}.course-code-head{width:10%!important}.course-title-head{width:30%!important}.price-data{color:#006400!important;font-weight:700;font-size:.95rem}.admin-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.course-img-container{width:50px;height:50px;border-radius:8px;overflow:hidden;background:#f1f5f9}.course-img-container img{width:100%;height:100%;object-fit:cover}.badge{padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600}.badge.public{background:#dcfce7;color:#166534}.badge.draft{background:#fef9c3;color:#854d0e}.course-code-badge{display:inline-block;padding:4px 10px;border-radius:6px;background:#1e293b;color:#facc15;font-weight:600;letter-spacing:1px;font-size:.85rem}.action-btns{display:flex;gap:8px}.edit-btn,.delete-btn{padding:6px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .2s;color:#1e293b}.edit-btn:hover{background:#eff6ff;color:#2563eb;border-color:#2563eb}.delete-btn:hover{background:#fef2f2;color:#dc2626;border-color:#dc2626}.loading-full-state{display:flex;flex-direction:column;align-items:center;padding:4rem;color:#64748b}.spinner{animation:spin 1s linear infinite;margin-bottom:1rem;color:#2563eb!important}.sync-time{font-size:.85rem;color:#64748b}.sync-time:contains("Never"){font-style:italic;opacity:.6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:radial-gradient(circle at top,#6c63ff2e,#0f172a59)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .35s ease}.modal-content{background:#fff;width:100%;max-width:700px;border-radius:16px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.close-x{background:none;border:none;font-size:2rem;cursor:pointer;color:#94a3b8;transition:all .25s ease}.close-x:hover{color:red;transform:rotate(90deg)}.push-row-btn{padding:6px;border-radius:6px;border:1px solid #e0f2fe;background:#f0f9ff;color:#0369a1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.push-row-btn:hover:not(:disabled){background:#0ea5e9;color:#fff;border-color:#0ea5e9;transform:scale(1.1)}.push-row-btn:disabled{opacity:.5;cursor:not-allowed}.push-row-btn.spinning .spinner{animation:spin 1s linear infinite}.withdraw-btn{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;border:1px solid #fed7aa;background:#fff7ed;color:#ea580c;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.withdraw-btn:hover:not(:disabled){background:#ea580c;color:#fff;border-color:#ea580c;transform:translateY(-2px);box-shadow:0 4px 12px #ea580c33}.withdraw-btn:active{transform:translateY(0)}.withdraw-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}html{scroll-behavior:smooth}@media(max-width:780px){.category-quick-nav{display:none}}.form-wrapper{background:#fff;border-radius:12px;max-width:700px;margin:auto;max-height:80vh;overflow-y:auto;padding-right:40px}.form-wrapper::-webkit-scrollbar{width:8px}.form-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.form-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.form-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.premium-form{display:flex;flex-direction:column;gap:1.5rem;min-width:600px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.form-grid-2,.form-grid-3{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-group,.form-section{display:flex;flex-direction:column;gap:.4rem}label{font-size:.8rem;font-weight:600;color:#5b21b6;text-transform:uppercase;letter-spacing:.05em}input,textarea{padding:.75rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:.2s;background:#fcfcfd}input:focus,textarea:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}textarea{resize:vertical}.array-item{display:flex;gap:.5rem;margin-bottom:.5rem}.array-item input{flex:1}.remove-btn{background:#fff1f2;color:#be123c;border:none;border-radius:8px;padding:.5rem;cursor:pointer}.add-btn{background:#f8fafc;border:1px dashed #cbd5e1;color:#475569;padding:.6rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;font-size:.85rem}.add-btn:hover{background:#f1f5f9;border-color:#94a3b8}.upload-section{padding:1rem;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:space-between}.file-label{display:flex;align-items:center;gap:.75rem;color:#2563eb;cursor:pointer;font-weight:600}.upload-status{color:#10b981;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.3rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.btn-primary{background:#2563eb!important;color:#fff;border:none;padding:.8rem 2rem;border-radius:8px;font-weight:600;cursor:pointer}.btn-secondary{background:#f1f5f9;color:#475569;border:none;padding:.8rem 2rem;border-radius:8px;font-weight:600;cursor:pointer}.level-select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;background-color:#fff;font-size:.95rem;color:#1e293b;cursor:pointer;outline:none;transition:border-color .2s}.level-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.input-error{border:1px solid #ef4444!important;background-color:#fef2f2}.error-msg{color:#ef4444;font-size:.85rem;margin-top:5px;font-weight:500;display:block}.upload-section.error-border{border:1px dashed #ef4444!important;padding:10px;border-radius:8px}.status-toggles{display:flex;gap:15px;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #eee}.toggle-control{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;border:1px solid #ddd;cursor:pointer;font-weight:500;transition:all .3s ease;background:#fff;color:#666}.toggle-control:hover{border-color:#007bff;background:#f0f7ff}.toggle-control.active{background:#007bff;color:#fff;border-color:#007bff}.toggle-control.active:has(svg.lucide-star){background:#f59e0b;border-color:#f59e0b}@media(max-width:768px){.form-grid,.form-grid-2{grid-template-columns:1fr}}:root{--bg-color: #f8fafc;--primary-accent: #7c3aed;--secondary-accent: #6366f1;--text-main: #0f172a;--text-muted: #64748b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--glass-bg: rgba(255, 255, 255, .7);--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--border-light: #e2e8f0;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}.admin-container{padding:40px;background-color:var(--bg-color);background-image:radial-gradient(#cbd5e1 .5px,transparent .5px);background-size:30px 30px;min-height:100vh;font-family:Inter,sans-serif;color:var(--text-main)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:20px}.header-left h1{font-size:2.2rem;font-weight:800;letter-spacing:-.025em;color:var(--text-main)}.header-left p{color:var(--text-muted);font-size:1rem}.header-right{display:flex;gap:15px;align-items:center}.search-wrapper{background:#fff;display:flex;align-items:center;padding:10px 18px;border-radius:12px;border:1px solid var(--border-light);width:300px;transition:var(--transition-smooth)}.search-wrapper:focus-within{border-color:var(--primary-accent);box-shadow:0 0 0 3px #7c3aed1a;width:350px}.search-wrapper:focus-within .search-icon{color:var(--primary-accent)}.search-wrapper input{border:none;outline:none;margin-left:10px;width:100%;font-size:.9rem;background:transparent}.search-shortcut{margin-left:10px;background:#f1f5f9;color:var(--text-muted);padding:2px 8px;border-radius:6px;font-weight:700;border:1px solid var(--border-light);-webkit-user-select:none;user-select:none;flex-shrink:0;transition:var(--transition-smooth)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;padding:20px!important;border-radius:16px;border-top:5px solid darkcyan!important;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000000d}.stat-icon-box{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative}.stat-icon-box:after{content:"";position:absolute;right:-12px;height:70%;width:1px;background:#e2e8f0}.stat-info{display:flex;flex-direction:column;gap:2px}.stat-label{color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:.025em;margin:0}.stat-value{font-size:2rem;font-weight:700;color:#0f172a;line-height:1.1}.stat-trend{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500;margin-top:4px}.stat-trend.positive{color:#10b981}.dashboard-content{display:grid;grid-template-columns:2fr 1fr;gap:30px}.left-content-stack{display:flex;flex-direction:column;gap:30px}.content-card{background:#fff;padding:25px;border-radius:24px;border:1px solid var(--border-light);box-shadow:var(--card-shadow)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h2{font-size:1.2rem;font-weight:700}.modern-table{width:100%;border-collapse:collapse}.modern-table th{text-align:left;padding:12px 16px;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light)}.modern-table td{padding:16px;border-bottom:1px solid #f8fafc;font-size:.9rem}.user-cell{display:flex;align-items:center;gap:12px;font-weight:600}.u-avatar{width:32px;height:32px;background:var(--secondary-accent);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}.blogs-preview,.blog-list{display:flex;flex-direction:column;gap:12px}.blog-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:16px;background:#fff;border:1px solid transparent;transition:var(--transition-smooth);cursor:pointer}.blog-item:hover{background:#f8fafc;border-color:var(--border-light);transform:translateY(-2px)}.blog-img-stub{width:56px;height:56px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.blog-img-stub:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{to{left:100%}}.blog-details{flex-grow:1}.blog-details h4{font-size:.95rem;font-weight:600;color:var(--text-main);margin-bottom:4px;line-height:1.4}.blog-details p{font-size:.75rem;color:var(--text-muted);font-weight:500}.link-icon{color:var(--text-muted);opacity:.4;transition:var(--transition-smooth);padding:8px;border-radius:8px}.blog-item:hover .link-icon{opacity:1;color:var(--primary-accent);background:#7c3aed1a;transform:rotate(-10deg)}.testimonial-item{background:#f8fafc;padding:18px;border-left:4px solid var(--primary-accent);border-radius:4px 16px 16px 4px;margin-top:15px}.testimonial-item p{font-style:italic;font-size:.85rem;line-height:1.5;color:#475569}.testimonial-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.btn-primary-gradient{background:linear-gradient(135deg,var(--primary-accent) 0%,var(--secondary-accent) 100%);color:#fff;padding:10px 20px;border-radius:12px;border:none;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 12px #7c3aed4d;transition:var(--transition-smooth)}.quick-actions-glass{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.action-stack{display:flex;flex-direction:column;gap:12px;margin-top:15px}.glass-action{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ffffff80;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.glass-action:hover{background:#fff;transform:translate(5px);border-color:#3b82f6;color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.glass-action svg{transition:transform .2s ease}.glass-action:hover svg{transform:rotate(90deg)}.action-icon-btn{position:relative;background:#fff;border:1px solid var(--border-light);padding:10px;border-radius:12px;cursor:pointer;color:var(--text-muted);display:flex;transition:var(--transition-smooth)}.action-icon-btn:hover{border-color:var(--primary-accent);color:var(--primary-accent);background:#f5f3ff}.approve-btn{background:#dcfce7;color:#15803d;border:1px solid rgba(21,128,61,.1);padding:6px 12px;border-radius:8px;font-weight:700;font-size:.75rem;display:flex;align-items:center;gap:4px;cursor:pointer;transition:var(--transition-smooth)}.approve-btn:hover{background:var(--success);color:#fff;transform:translateY(-2px)}.btn-text{background:transparent;border:none;color:var(--primary-accent);font-weight:700;font-size:.85rem;cursor:pointer;padding:5px 10px;border-radius:6px;transition:.2s;border:1px solid transparent;display:flex;gap:10px;justify-content:space-between;align-items:center}.btn-text:hover{background:#7c3aed1a;border:1px solid darkcyan}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--danger);border-radius:50%;border:2px solid white}.dot{width:8px;height:8px;border-radius:50%}.dot.online{background:var(--success);box-shadow:0 0 8px var(--success)}.badge-success{background:#dcfce7;color:#166534;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700}.badge-warning{background:#fef3c7;color:#92400e;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700}.mini-chart{height:5px;width:50px;background:#e2e8f0;border-radius:10px;position:relative;overflow:hidden}.mini-chart:after{content:"";position:absolute;left:0;height:100%;width:70%;background:var(--primary-accent)}@media(max-width:1024px){.dashboard-content{grid-template-columns:1fr;gap:24px}.search-wrapper{width:220px}.search-wrapper:focus-within{width:260px}.stats-grid-wrapper{flex-wrap:wrap;gap:16px}.stat-card{flex:1 1 calc(50% - 16px);padding:14px}.stat-value{font-size:1.5rem}.stat-label{font-size:.7rem}}@media(max-width:768px){.admin-header{flex-direction:column;align-items:flex-start;gap:20px}.header-right{width:100%;justify-content:space-between}.search-wrapper{width:100%}.stats-grid-wrapper{flex-wrap:wrap;gap:12px}.stat-card{flex:1 1 100%;flex-direction:row;gap:12px;padding:12px}.stat-icon-box{width:40px;height:40px;font-size:16px}.stat-value{font-size:1.4rem}.stat-trend{font-size:.65rem}.left-content-stack,.side-cards{gap:20px}.table-section{overflow-x:auto;-webkit-overflow-scrolling:touch}.modern-table{min-width:100%}.modern-table th{font-size:.65rem;padding:10px 12px}.modern-table td{font-size:.75rem;padding:12px}.user-cell{gap:8px;font-size:.75rem}.u-avatar{width:28px;height:28px;font-size:9px}.mini-chart{width:40px;height:4px}.user-cell{white-space:nowrap}}@media(max-width:740px){.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px}.stat-icon-box{transform:scale(.8)}}@media(max-width:580px){.header-right{flex-direction:column;align-items:flex-start;gap:12px}.header-actions{justify-self:center!important}.search-wrapper{padding:10px 12px 10px 5px;width:360px}.search-wrapper:focus-within{width:410px}.content-card{padding:20px}.dashboard-content{display:flex;flex-direction:column;gap:16px}}@media(max-width:480px){.admin-container{padding:20px 12px}.admin-header h1{font-size:1.6rem}.admin-header p{font-size:.8rem}.stats-grid-wrapper{flex-direction:column;overflow-x:auto}.stat-card{flex:1 1 100%;flex-direction:column;align-items:flex-start;padding:10px;gap:8px;min-width:0}.stat-icon-box{width:36px;height:36px}.stat-label{font-size:.8rem!important}.stat-value{font-size:1.2rem}.stat-label{font-size:.65rem}.stat-trend{font-size:.6rem}.left-content-stack,.side-cards{gap:16px}.content-card{padding:16px}.search-wrapper{padding:10px 12px 10px 5px;width:100%}.search-wrapper:focus-within{width:100%}.modern-table{min-width:520px}.modern-table td{padding:10px}.u-avatar{width:24px;height:24px;font-size:8px}.mini-chart{width:30px}}@media(max-width:360px){.stat-value{font-size:1rem}.stat-label{font-size:.5rem}.stat-trend{font-size:.55rem}.admin-header h1{font-size:1.4rem}.admin-header p{font-size:.7rem}.content-card{padding:12px}}.notification-container{position:relative;display:inline-block}.action-icon-btn{position:relative;background:#fffc;border:1px solid rgba(255,255,255,.3);padding:10px;border-radius:12px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.action-icon-btn:hover{background:#fff;color:#3b82f6;box-shadow:0 4px 12px #0000000d}.notification-dot{position:absolute;top:8px;right:8px;width:10px;height:10px;background-color:#ef4444;border:2px solid white;border-radius:50%}.notifications-dropdown{position:absolute;top:calc(100% + 12px);right:-100%;width:320px;background:#ffffffe6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.4);border-radius:18px;box-shadow:0 10px 25px #000000b3,0 4px 12px #0000000d;z-index:9999;overflow:hidden}.dropdown-header{padding:16px 20px;background:#f8fafc80;border-bottom:1px solid #f1f5f9}.dropdown-header h3{margin:0;font-size:1rem;font-weight:700;color:#1e293b}.notifications-list{max-height:380px;overflow-y:auto}.notification-item{padding:14px 20px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .2s ease}.notification-item:hover{background:#3b82f60d}.notification-item:last-child{border-bottom:none}.notification-item p{margin:0 0 4px;font-size:.875rem;color:#334155;line-height:1.4}.notification-item span{font-size:.75rem;color:#94a3b8}.notifications-list::-webkit-scrollbar{width:6px}.notifications-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.notification-item.clickable{cursor:pointer;transition:background .2s ease,transform .1s ease}.notification-item.clickable:hover{background:#f5f7fa;transform:translate(2px)}.notification-item.active-notification{border-left:4px solid darkcyan;background:#008b8b14;transform:scale(1.01)}.notification-item{transition:all .2s ease}.highlight-row{border-left:4px solid darkcyan;background-color:#008b8b14;animation:rowPulse 1.5s ease-in-out infinite alternate}@keyframes rowPulse{0%{box-shadow:inset 0 0 #008b8b33}to{box-shadow:inset 0 0 10px #008b8b66}}@media(max-width:768px){.notification-container{position:static}.notifications-dropdown{position:fixed;top:70px;right:10px;left:10px;width:auto;max-width:none;border-radius:16px;max-height:70vh;overflow:hidden}.notifications-list{max-height:calc(70vh - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch}.notification-item{padding:12px 16px}.notification-item p{font-size:.8rem}.notification-item span{font-size:.7rem}.dropdown-header h3{font-size:.9rem}.action-icon-btn{padding:8px;border-radius:10px}.notification-dot{width:8px;height:8px;top:6px;right:6px}}@media(max-width:480px){.notifications-dropdown{top:60px;left:8px;right:8px;border-radius:14px}.notification-item p{font-size:.75rem}.notification-item span{font-size:.65rem}}.navbar{background-color:#fff;padding:20px 0 20px 40px;box-shadow:0 2px 5px #0000001a;display:flex;gap:10px;flex-direction:column;border-bottom:1px solid darkcyan;z-index:1}.navBarMain{display:flex;gap:8px}.toggleSideMenu{border:none;background-color:inherit;margin-top:2px;cursor:pointer}.nav-title{color:#7c52f4;width:100%}.side-menu-left-section{background-color:#fff}.nav-icons{border:none;background-color:inherit}.side-menu-left-section{color:red}@media(max-width:768px){.navbar{padding:15px 20px;gap:0}.nav-title{font-size:1.1rem;display:flex;align-items:center;white-space:nowrap}.navBarMain{align-items:center;justify-content:flex-start;width:100%}.toggleSideMenu{display:flex;align-items:center;padding:0;margin-right:10px}}@media(max-width:480px){.nav-title{font-size:.95rem;letter-spacing:-.02em}}*{margin:0;padding:0;box-sizing:border-box}.main-side-bar{display:flex;flex-direction:column;height:100vh;border-right:1px solid darkcyan;background-color:#058980;padding:10px}.profile-pic-menu{display:flex;align-items:center;flex-direction:column;padding:20px 0}.image-container{position:relative;display:inline-block;margin-bottom:10px}.profile-img,.profile-img-placeholder{width:75px;height:75px;border-radius:50%;object-fit:cover;border:2px solid #7c52f4;display:flex;align-items:center;justify-content:center}.profile-img-placeholder{background-color:#f3f0ff;color:#7c52f4;font-weight:700;font-size:24px}.status-dot{position:absolute;bottom:4px;right:4px;width:14px;height:14px;background-color:#22c55e;border-radius:50%;border:2px solid white;z-index:10}.profile-pic-name{font-weight:700;font-size:20px;font-family:inherit;margin-top:5px;color:#fff}.last-active{font-size:.75rem;color:#fff;margin-top:2px}.side-menu-buttons{padding:10px 15px;font-size:15px;font-weight:600;border:none;margin-top:20px;border-radius:10px;display:flex;width:90%;justify-content:flex-start;color:#013a59;cursor:pointer;transition:.3s all ease;align-items:center;gap:10px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999}.modal{background:#fff;border:1px solid #e5e7eb;padding:20px;border-radius:10px;width:400px;color:#111827;display:flex;flex-direction:column}.delete-btns{display:flex;gap:20px;padding-top:20px;margin-top:20px;width:100%;justify-content:space-between}.logout{background:#ef4444;color:#fff;padding:10px 30px;border-radius:10px;outline:none;border:1px solid orange;cursor:pointer}.logout:hover{background:#dc2626}.cancel{background:#f3f4f6;color:#374151;padding:10px 30px;border-radius:10px;outline:none;border:1px solid orange;cursor:pointer}.cancel:hover{background:#e5e7eb}.active-menu{background-color:#7c52f4;color:#fff;border:1px solid orange}.dashboard{display:flex;flex-direction:column;height:100vh;overflow:hidden}.dashboard-main-container{display:flex;flex:1;overflow-y:hidden}.side-menu-overlay{position:relative;left:0;width:20%;height:100%;z-index:999;box-shadow:2px 0 6px #0000001a}.dashboard-right-section{flex:1;height:100%;overflow-y:auto;background-color:#ededec;scroll-behavior:smooth}.with-sidebar,.full-width{height:100%;background-color:#ededec;overflow-y:auto}@media(max-width:1200px){.side-menu-overlay{width:260px;min-width:260px}}@media(max-height:700px){.side-menu-overlay{overflow-y:auto}.profile-pic-menu{padding:10px 0}}:root{--primary: #6c63ff;--primary-dark: #554de6;--accent: #22c55e;--bg-main: #f8fafc;--bg-card: #ffffff;--bg-soft: #f1f5f9;--text-main: #1f2937;--text-muted: #6b7280;--border: #e5e7eb;--radius-lg: 18px;--radius-md: 12px;--shadow-soft: 0 15px 40px rgba(0, 0, 0, .12);--shadow-strong: 0 40px 90px rgba(0, 0, 0, .35)}.modal-overlay{position:fixed;inset:0;background:radial-gradient(circle at top,#6c63ff2e,#0f172a59);display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn .35s ease}.blog-modal{width:min(95%,920px);max-height:92vh;background:linear-gradient(180deg,#ffffff,var(--bg-soft));border-radius:var(--radius-lg);overflow-y:auto;box-shadow:var(--shadow-strong);animation:popIn .45s cubic-bezier(.22,1,.36,1)!important}@keyframes popIn{0%{transform:translateY(80px) scale(.3);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header-styled{position:sticky;padding:1.6rem 1.8rem;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--border);background:linear-gradient(to right,#6c63ff14,#22c55e0d)}.modal-header-styled h3{font-family:Plus Jakarta Sans,sans-serif;font-size:1.4rem;margin:0;color:var(--text-main)}.modal-header-styled p{margin-top:.3rem;font-size:.9rem;color:var(--text-muted)}.close-btn{background:none;border:none;border-radius:10px;padding:.45rem;cursor:pointer;transition:all .25s ease}.close-btn:hover{color:#ef4444;transform:rotate(90deg) scale(1.1)}.admin-form{padding:1.8rem;display:flex;flex-direction:column;gap:1.4rem;font-family:Inter,sans-serif;width:100%}.form-section{display:flex;flex-direction:column;gap:1.2rem}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:6px}.form-group input,.form-group textarea{padding:.75rem 1rem;font-size:.9rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);transition:all .25s ease;width:100%}.form-group input:hover,.form-group textarea:hover{border-color:#c7d2fe}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6c63ff26;transform:translateY(-1px)}.content-area{min-height:220px;resize:vertical;line-height:1.6}.label-row{display:flex;justify-content:space-between;align-items:center}.char-count{font-size:.75rem;color:#94a3b8;font-weight:600;background:#f1f5f9;padding:2px 8px;border-radius:6px}.char-count.limit-reached{color:#ef4444;background:#fee2e2;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.form-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem}.form-column{display:flex;flex-direction:column;gap:1.2rem}.image-upload-card{position:relative;height:210px;border-radius:16px;border:2px dashed var(--border);background:linear-gradient(135deg,var(--bg-soft),#fff);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;overflow:hidden}.image-upload-card:hover{border-color:var(--primary);background:#6c63ff0d}.image-upload-card.has-image{border-style:solid}.image-upload-card img{width:100%;height:100%;object-fit:cover}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:.8rem;color:var(--text-muted);text-align:center}.change-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .3s ease}.image-upload-card:hover .change-overlay{opacity:1}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;margin-top:1rem;border-top:1px solid var(--border)}.btn-cancel{background:#f3f4f6;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;color:#4b5563;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#e5e7eb}.btn-save{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;padding:.75rem 1.8rem;border-radius:var(--radius-md);font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 10px 25px #6c63ff4d;transition:all .25s}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 30px #6c63ff66}.btn-save:disabled{opacity:.7;cursor:not-allowed}.spinner{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-category-pill{background:#e0f2fe;color:#0369a1;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.form-grid{grid-template-columns:1fr}.blog-modal{width:100%;height:100%;max-height:100vh;border-radius:0}.modal-header-styled{padding:1.2rem}.admin-form{padding:1.2rem;min-width:unset}.modal-footer{flex-direction:column;padding:1.2rem}.btn-save,.btn-cancel{width:100%;justify-content:center}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.25rem;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:1rem;box-shadow:0 4px 6px -1px #0000000d;border:2px solid transparent;transition:all .2s ease}.active-filter{border-color:#6366f1;background:#f8fafc}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon.live{background:#dcfce7;color:#166534}.stat-icon.draft{background:#fef9c3;color:#854d0e}.stat-icon.total{background:#e0e7ff;color:#4338ca}.stat-label{font-size:1rem;color:#64748b;display:block}.stat-value{font-size:1.25rem;font-weight:700;color:#1e293b}.header-actions{display:flex;align-items:center;gap:1rem}.search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#94a3b8}.search-container input{padding:.6rem 1rem .6rem 2.5rem;border-radius:10px;border:1px solid #e2e8f0;outline:none;width:250px;transition:all .2s}.search-container input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.badge{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block;text-align:center;min-width:90px}.badge.public{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.badge.live{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.badge.warning{background-color:#fff4e5;color:#ef6c00;border:1px solid #ffe0b2;animation:pulse-orange 2s infinite}.badge.draft{background-color:#e9ecef;color:#495057;border:1px solid #dee2e6}@keyframes pulse-orange{0%{box-shadow:0 0 #ef6c0066}70%{box-shadow:0 0 0 6px #ef6c0000}to{box-shadow:0 0 #ef6c0000}}.push-row-btn{background-color:#2ecc71;color:#fff;border:none;padding:6px;border-radius:4px;cursor:pointer;transition:all .2s ease}.push-row-btn:hover{background-color:#27ae60;transform:scale(1.1)}.push-row-btn:disabled{background-color:#bdc3c7;cursor:not-allowed}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;background:#fff;border:1px solid #e2e8f0}.admin-table{min-width:800px}@media(max-width:1024px){.admin-header{flex-direction:column;align-items:flex-start;gap:20px}.header-actions{width:100%;flex-wrap:wrap}.search-container{flex-grow:1}.search-container input{width:100%}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.stat-card{justify-content:flex-start}.category-header{align-items:flex-start;gap:5px}.item-count{margin-left:0;font-size:.8rem}}@media(max-width:480px){.admin-header h1{font-size:1.5rem}.header-actions{flex-direction:column;width:100%}.add-course-btn{width:100%;justify-content:center}.stat-label{font-size:.85rem}.stat-value{font-size:1.1rem}}.user-profile-cell{display:flex;align-items:center;gap:12px}.avatar-sm{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0;background-color:#f1f5f9}.font-bold{font-weight:600;color:#1e293b;font-size:.9rem}.text-muted.small{font-size:.75rem;color:#64748b}.message-cell{max-width:300px}.truncate-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:.85rem;color:#475569;line-height:1.5}.rating-stars{display:flex;gap:2px;align-items:center}.badge.public{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.badge.draft{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.active-filter{border:2px solid #2563eb!important;background-color:#eff6ff!important;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb1a}.stat-icon.live{background-color:#dcfce7;color:#16a34a}.stat-icon.draft{background-color:#fee2e2;color:#dc2626}.push-row-btn:hover{background-color:#16a34a!important;border-color:#16a34a!important}.modal-overlay{position:fixed;inset:0;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.view-testimonial-modal{background:#fff;width:100%;max-width:650px;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.header-title-set h2{margin:0;font-size:1.25rem;color:#1e293b;font-weight:700}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;margin-bottom:6px}.status-pill.live{background:#dcfce7;color:#166534}.status-pill.draft{background:#fee2e2;color:#991b1b}.close-x{background:transparent;border:none;color:#64748b;cursor:pointer;padding:5px;border-radius:6px;transition:all .2s;display:flex;align-items:center}.close-x:hover{background:#f1f5f9;color:#0f172a}.testimonial-preview-body{padding:32px 24px;max-height:65vh;overflow-y:auto}.testimonial-profile-header{display:flex;gap:16px;align-items:center;margin-bottom:24px}.preview-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0}.profile-info h3{margin:0;font-size:1.1rem;color:#0f172a}.role-text{margin:2px 0 6px;color:#64748b;font-size:.9rem}.message-quote-box{background:#f1f5f9;padding:24px;border-radius:12px;margin-bottom:24px}.full-message{font-style:italic;font-size:1.05rem;line-height:1.6;color:#334155;margin:0}.meta-item{display:flex;align-items:center;color:#008b8b}.modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;display:flex;justify-content:flex-end;gap:12px}.btn-secondary{background:#fff;border:1px solid #cbd5e1;color:#334155;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f1f5f9;border-color:#94a3b8}.highlight-row{border-left:4px solid darkcyan;background-color:#008b8b14;transition:background-color .3s ease}.highlight-row:hover{background-color:#008b8b1f}@media(max-width:768px){.message-cell{display:none}.admin-table th:nth-child(2),.admin-table td:nth-child(2){display:none}}:root{--primary-blue: #2563eb;--success-green: #16a34a;--warning-orange: #ea580c;--text-main: #1e293b;--text-muted: #64748b;--bg-light: #f8fafc;--border-color: #e2e8f0}.modal-overlay{position:fixed;inset:0;background:#0f172abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.detail-modal{background:#fff;width:100%;max-width:850px;max-height:90vh;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:24px 32px;border-bottom:1px solid var(--border-color);background:var(--bg-light);display:flex;justify-content:space-between;align-items:flex-start}.modal-header h2{font-size:1.5rem;color:var(--text-main);margin-bottom:4px}.reg-number{background:#dbeafe;color:#1e40af;padding:4px 12px;border-radius:999px;font-size:.8rem;letter-spacing:1px}.close-x{background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;font-size:1.5rem;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-x:hover{background:#fee2e2;color:#ef4444}.modal-body{padding:32px;overflow-y:auto;flex:1}.detail-section{margin-bottom:32px}.detail-section h3{display:flex;align-items:center;gap:12px;font-size:1.1rem;color:var(--primary-blue);margin-bottom:20px;padding-bottom:10px;border-bottom:1px dashed var(--border-color)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.detail-item span{font-size:1rem;color:var(--text-main);font-weight:500}.document-grid{background:#f1f5f9;border-radius:12px;padding:20px;display:grid;grid-template-columns:250px 1fr;gap:20px;align-items:center}.status-box{padding:16px;border-radius:8px;background:#fff;box-shadow:0 2px 4px #0000000d}.status-box.paid{border-left:4px solid var(--success-green)}.status-box.draft{border-left:4px solid var(--warning-orange)}.status-value{font-weight:700;margin-top:4px;font-size:1rem}.button-group{display:flex;flex-wrap:wrap;gap:12px}.doc-btn{padding:10px 18px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;border:1px solid transparent}.doc-btn.receipt{background:#fff;color:var(--primary-blue);border-color:var(--primary-blue)}.doc-btn.cert{background:var(--primary-blue);color:#fff}.doc-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}.mpesa-text{font-family:JetBrains Mono,Courier New,monospace;color:var(--success-green)!important;background:#dcfce7;padding:2px 8px;border-radius:4px;font-weight:700!important}.notes-box{background:#fff;border:1px solid var(--border-color);padding:16px;border-radius:8px;color:var(--text-main);line-height:1.6;font-size:.95rem}.modal-footer{padding:24px 32px;background:var(--bg-light);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:16px}.btn-secondary{background:#fff;border:1px solid var(--border-color);color:var(--text-muted);padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer}.btn-primary{background:var(--text-main);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.financial-summary{background:#f8fafc;border:1px solid #e2e8f0!important;border-left:5px solid #2563eb!important;padding:20px;border-radius:12px;margin-bottom:25px}.financial-summary .detail-item label{color:#64748b;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.financial-summary .detail-item span{font-size:1.1rem;display:block;margin-top:4px}.doc-pending{display:flex;justify-content:center;align-items:center}@media print{.modal-overlay{position:static;background:#fff;padding:0}.detail-modal{box-shadow:none;max-height:none;width:100%;border-radius:0}.modal-footer,.close-x,.doc-actions{display:none!important}.modal-body{padding:0}.detail-grid{grid-template-columns:repeat(2,1fr)}.document-grid{background:none;border:1px solid #eee}}@media(max-width:768px){.detail-grid{grid-template-columns:repeat(2,1fr)}.document-grid{grid-template-columns:1fr}}@media(max-width:480px){.detail-grid{grid-template-columns:1fr}}.cert-viewer-overlay{position:fixed;inset:0;background:#0f172a;z-index:9999;overflow-y:auto;padding:40px;display:flex;flex-direction:column;align-items:center}.cert-top-bar{width:1120px;display:flex;justify-content:space-between;margin-bottom:20px;background:#ffffff0d;padding:12px 20px;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.btn-group{display:flex;gap:10px}.btn-exit,.btn-download,.btn-print{padding:8px 16px;border-radius:6px;border:none;font-family:Inter,sans-serif;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;color:#fff}.btn-exit{background:#475569}.btn-download{background:#10b981}.btn-print{background:#3b82f6}.certificate-paper{background:#fff;width:1120px;height:792px;padding:30px;position:relative;box-shadow:0 0 50px #00000080;color:#1e293b;font-family:Libre Baskerville,serif;box-sizing:border-box}.gold-icon{color:#f59e0b}.cert-outer-border{border:5px double #1e293b;height:100%;padding:10px;box-sizing:border-box}.cert-inner-border{border:1px solid #cbd5e1;height:100%;position:relative;background:radial-gradient(circle,#fff,#fcfdfe);display:flex;justify-content:center}.cert-content{position:relative;z-index:10;width:90%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:40px 0 25px;box-sizing:border-box}.cert-watermark-logo{position:absolute;top:50%;left:50%;width:480px;opacity:.06;transform:translate(-50%,-50%);pointer-events:none;z-index:1;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.cert-header{display:flex;flex-direction:column;align-items:center}.academy-name{font-family:Cinzel,serif;font-size:1.8rem;letter-spacing:5px;margin:10px 0 0}.decorative-line{width:120px;height:2px;background:#d4af37;margin:12px 0}.cert-main-title{font-family:Cinzel,serif;font-size:3rem;font-weight:800;margin:0}.cert-body{text-align:center}.student-name{font-family:Dancing Script,cursive;font-size:4.5rem;color:#2563eb;margin:10px 0;border-bottom:2px solid #f1f5f9;padding:0 40px;display:inline-block}.cert-footer{width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding:0 20px}.sig-block{width:220px;text-align:center}.handwritten-sig{font-family:Dancing Script,cursive;font-size:1.8rem;margin:0}.sig-line{border-top:2px solid #1e293b;margin-top:5px}.sig-title{font-size:.7rem;font-weight:700;text-transform:uppercase;color:#64748b;margin-top:5px}.cert-meta{display:flex;align-items:center;gap:30px}.cert-qr{display:flex;flex-direction:column;align-items:center}.qr-caption{font-size:7px;color:#94a3b8;margin-top:4px;font-family:sans-serif}.gold-seal{width:80px;height:80px;background:#d4af37;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border:3px double rgba(255,255,255,.3);font-size:.55rem;font-weight:700}.date-bottom{font-style:italic;font-size:.85rem;color:#94a3b8;margin-top:10px}@media print{@page{size:landscape;margin:0}.cert-viewer-overlay{padding:0;background:#fff}.cert-top-bar{display:none}.certificate-paper{box-shadow:none;width:100vw;height:100vh}}.modal-overlay1{position:fixed;inset:0;background:#0f172a26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease-out}.modal-content1{background:#fff;border-radius:20px;width:95%;max-width:420px;box-shadow:0 25px 50px -12px #0000004d;overflow:hidden;border:1px solid rgba(255,255,255,.2);animation:springUp .5s cubic-bezier(.68,-.55,.265,1.55)}.modal-header1{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #e2e8f0}.modal-header1 h3{margin:0;font-size:1.25rem;color:#008b8b;font-weight:800;letter-spacing:-.02em}.close-btn{background:#f1f5f9;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:50%;display:flex;transition:all .2s ease}.close-btn:hover:not(:disabled){background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.modal-body1{padding:1.5rem}.registration-summary{background:#f0fdfd;padding:16px;border-radius:12px;border-left:5px solid #008b8b;margin-bottom:24px}.registration-summary strong{color:#0f172a}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;display:flex;align-items:center;gap:8px}.icon-cyan{color:#008b8b}.icon-orange{color:red}.admin-input{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-weight:600;color:#1e293b;transition:all .2s cubic-bezier(.4,0,.2,1);background-color:#f8fafc}.admin-input:focus{background-color:#fff;border-color:#008b8b;box-shadow:0 0 0 4px #008b8b26;outline:none}.admin-input::placeholder{color:#94a3b8;font-weight:400}.modal-footer1{display:flex;gap:12px;margin-top:8px}.cancel-btn,.confirm-btn{flex:1;padding:14px;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;gap:8px}.cancel-btn{background:#fff;border:2px solid #e2e8f0;color:#64748b}.cancel-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.confirm-btn{background:#008b8b;color:#fff;border:none;box-shadow:0 4px 12px #008b8b40}.confirm-btn:hover:not(:disabled){background:#007a7a;transform:translateY(-2px);box-shadow:0 8px 20px #008b8b59}.confirm-btn:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed;box-shadow:none}.input-error{border-color:#ef4444!important;background-color:#fffafb!important;animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.error-text{color:#ef4444;font-size:.8rem;font-weight:600;margin-top:4px}@keyframes springUp{0%{transform:translateY(50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.valid-hint{color:#059669;font-size:.75rem;display:flex;align-items:center;gap:4px;animation:fadeIn .2s ease-in}.admin-input.valid-border{border-color:#059669!important;box-shadow:0 0 0 4px #0596691a}.reset-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f4f7fe}.reset-card{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 10px 25px #0000000d;width:100%;max-width:400px;text-align:center}.reset-card h2{color:#1a202c;margin-bottom:.5rem}.reset-card p{color:#718096;font-size:.9rem;margin-bottom:1.5rem}.input-group{text-align:left;margin-bottom:1rem}.input-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem;color:#4a5568}.input-group input{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;outline:none;transition:border .2s}.input-group input:focus{border-color:#2563eb}.reset-card button{width:100%;padding:.8rem;background:#2563eb;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;margin-top:1rem}.reset-card button:disabled{background:#94a3b8}.error-msg{color:#e53e3e;font-size:.85rem;margin-top:.5rem}.success-card{border-top:5px solid #16a34a}.admin-account-container{max-width:1100px;margin:2rem auto;padding:0 1.5rem;color:#1e293b}.admin-account-header{margin-bottom:2.5rem;border-bottom:1px solid #e2e8f0;padding-bottom:1.5rem}.header-flex{display:flex;justify-content:space-between;align-items:flex-end}.admin-account-title{font-size:2rem;font-weight:800;letter-spacing:-.025em;color:#0f172a;margin:0}.admin-account-subtitle{color:#64748b;margin-top:.5rem;font-size:.95rem}.security-badge{display:flex;align-items:center;gap:.5rem;background:#f0fdf4;color:#166534;padding:.5rem 1rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;border:1px solid #bbf7d0}.admin-account-main-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.admin-account-panel{background:#fff;border-radius:16px;padding:2rem;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d;transition:transform .2s ease}.admin-account-panel:hover{transform:translateY(-2px)}.admin-account-panel-title{font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;color:#334155;display:flex;align-items:center;gap:.5rem}.admin-account-avatar-wrapper{display:flex;justify-content:center;margin-bottom:2rem}.admin-account-avatar-circle{position:relative;width:100px;height:100px;border-radius:50%;background:#f1f5f9;cursor:pointer;overflow:hidden;border:4px solid white;box-shadow:0 0 0 2px #e2e8f0}.admin-account-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#94a3b8;background:#f8fafc}.admin-account-avatar-img{width:100%;height:100%;object-fit:cover}.admin-account-avatar-overlay{position:absolute;inset:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.admin-account-avatar-circle:hover .admin-account-avatar-overlay{opacity:1}.admin-account-form{display:flex;flex-direction:column;gap:1.25rem}.admin-account-field{display:flex;flex-direction:column;gap:.5rem}.admin-account-label{font-size:.85rem;font-weight:600;color:#475569}.admin-account-input{padding:.75rem 1rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;transition:all .2s;width:100%}.admin-account-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .admin-account-input{padding-right:3rem}.password-toggle-icon{position:absolute;right:.75rem;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;transition:color .2s}.password-toggle-icon:hover{color:#2563eb}.admin-account-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.admin-account-btn:disabled{opacity:.6;cursor:not-allowed}.admin-account-btn-primary{background:#2563eb;color:#fff}.admin-account-btn-primary:hover:not(:disabled){background:#1d4ed8}.admin-account-btn-outline{background:#fff;border:1px solid #e2e8f0;color:#475569}.admin-account-btn-outline:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.admin-account-btn-ghost{background:transparent;color:#64748b;border:1px solid transparent}.admin-account-btn-ghost:hover:not(:disabled){background:#f1f5f9;color:#1e293b}.admin-account-panel-danger{border:1px solid #fee2e2;background:#fffafb;grid-column:1 / -1}.admin-account-warning-text{color:#991b1b;font-size:.9rem;margin-bottom:1.5rem}.admin-account-btn-danger{background:#dc2626;color:#fff;width:fit-content}.admin-account-btn-danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc262633}.admin-stepup-overlay{position:fixed;inset:0;background:#0f172ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem}.admin-stepup-card{background:#fff;width:100%;max-width:400px;padding:2.5rem;border-radius:24px;text-align:center;box-shadow:0 25px 50px -12px #00000080}.admin-stepup-icon{margin-bottom:1.5rem;display:flex;justify-content:center}.admin-stepup-input{display:block;width:100%;text-align:center;font-size:2rem;font-weight:700;letter-spacing:.5rem;padding:1rem;margin:1.5rem 0;border:2px solid #e2e8f0;border-radius:12px}.admin-stepup-input.has-error{border-color:#ef4444;background:#fef2f2}.admin-stepup-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.otp-feedback{margin-top:1.5rem;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.otp-feedback.is-error{color:#dc2626}.otp-feedback.is-success{color:#16a34a}.admin-account-alert{padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem;font-weight:500}.admin-account-alert.is-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.admin-account-alert.is-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.admin-account-loader{display:flex;align-items:center;justify-content:center;font-weight:600;color:#64748b;letter-spacing:.1em;text-transform:uppercase;margin-top:30%;margin-left:50%;animation:pulse 2s infinite}.avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#2563eb;color:#fff;font-size:2rem;font-weight:700;border-radius:50%;text-transform:uppercase}.placeholder-circle{position:relative;display:block;width:120px;height:120px;cursor:pointer}.profile-pic-preview{width:100%;height:100%;object-fit:cover;border-radius:50%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(min-width:480px){.admin-stepup-actions{flex-direction:row-reverse}.admin-stepup-actions button{flex:1}}@media(max-width:640px){.admin-account-main-grid{grid-template-columns:1fr}.header-flex{flex-direction:column;align-items:flex-start;gap:1rem}.admin-account-title{font-size:1.5rem}}:root{--primary-green: #22c55e;--primary-emerald: #10b981;--glass-bg: rgba(255, 255, 255, .9);--text-dark: #1e293b;--text-muted: #64748b;--btn-gradient: linear-gradient(135deg, #22c55e 0%, #10b981 100%);--btn-shadow: rgba(34, 197, 94, .4)}.signup-success-wrapper{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:#f8fafc;overflow:hidden;position:relative;font-family:Inter,sans-serif}.bg-blob{position:absolute;width:500px;height:500px;filter:blur(90px);z-index:0;border-radius:50%;opacity:.5;animation:blobFloat 10s infinite alternate}.blob-1{background:#86efac;top:-150px;left:-150px}.blob-2{background:#dcfce7;bottom:-150px;right:-150px;animation-delay:-2s}@keyframes blobFloat{0%{transform:translate(0) scale(1)}to{transform:translate(40px,40px) scale(1.1)}}.signup-success-card{z-index:10;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);padding:3.5rem;border-radius:32px;box-shadow:0 25px 50px -12px #0000001a;width:90%;max-width:500px;display:flex;flex-direction:column;align-items:center;text-align:center;animation:slideUp .8s cubic-bezier(.16,1,.3,1)}.status-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#f0fdf4;color:#15803d;padding:8px 16px;border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2.5rem}.icon-wrapper{position:relative;display:inline-block;margin-bottom:2rem}.success-icon{color:var(--primary-green);position:relative;z-index:2;filter:drop-shadow(0 4px 6px rgba(34,197,94,.2))}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;background:#dcfce7;border-radius:50%;z-index:1;animation:pulse 2s infinite}h1{color:var(--text-dark);font-size:2.25rem;font-weight:800;margin-bottom:.75rem;letter-spacing:-.03em;line-height:1.2}.subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:2.5rem;line-height:1.5}.subtitle strong{color:var(--text-dark)}.info-box{background:#f1f5f9;border-radius:20px;padding:1.25rem;display:flex;align-items:center;gap:16px;text-align:left;margin-bottom:3rem;border:1px solid rgba(0,0,0,.02)}.info-box p{font-size:.95rem;color:var(--text-muted);line-height:1.5;margin:0}.info-icon{color:#3b82f6;flex-shrink:0}.primary-success-btn{width:100%;background:var(--btn-gradient);color:#fff!important;padding:1.1rem 2rem;border-radius:16px;border:none;font-weight:700;font-size:1.05rem;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 25px -5px var(--btn-shadow);margin-bottom:1.25rem}.primary-success-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);transition:all .6s}.primary-success-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 30px -5px var(--btn-shadow)}.primary-success-btn:hover:before{left:100%}.primary-success-btn:active{transform:translateY(-1px) scale(.98)}.secondary-link{background:none;border:none;color:var(--text-muted);font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s ease;padding:8px 12px;border-radius:8px}.secondary-link:hover{color:var(--text-dark);background:#0000000a}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@media(max-width:768px){.signup-success-card{padding:3rem 2rem;max-width:440px}h1{font-size:1.85rem}.bg-blob{width:350px;height:350px}}@media(max-width:480px){.signup-success-wrapper{padding:16px;background:#fff}.signup-success-card{padding:2.5rem 1.5rem;border:none;box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;width:100%}.bg-blob{display:none}.info-box{flex-direction:column;text-align:center;padding:1.5rem 1rem;gap:12px}h1{font-size:1.65rem}.primary-success-btn{padding:1rem;font-size:1rem;border-radius:12px}}@media(max-height:700px){.signup-success-card{padding:2rem 1.5rem}.status-badge,.icon-wrapper{margin-bottom:1rem}.info-box{margin-bottom:1.5rem}}