.admin-sidebar{position:fixed;left:0;top:0;height:100vh;width:280px;background:linear-gradient(180deg,#1a1d29,#2c3e50);color:#fff;display:flex;flex-direction:column;transition:all .3s ease;z-index:1000;box-shadow:4px 0 20px rgba(0,0,0,.1)}.admin-sidebar.collapsed{width:80px}.admin-sidebar.collapsed .logout-btn span,.admin-sidebar.collapsed .nav-content,.admin-sidebar.collapsed .sidebar-header .logo span,.admin-sidebar.collapsed .user-info{display:none}.admin-sidebar.mobile{width:280px;transform:translateX(-100%);transition:transform .3s ease;z-index:1050}.admin-sidebar.mobile.mobile-open{transform:translateX(0);box-shadow:4px 0 20px rgba(0,0,0,.3)}.admin-sidebar.mobile.collapsed{width:280px}.admin-sidebar.mobile.collapsed .sidebar-header .logo span{display:inline}.admin-sidebar.mobile.collapsed .nav-content{display:flex}.admin-sidebar.mobile.collapsed .user-info{display:block}.admin-sidebar.mobile.collapsed .logout-btn span{display:inline}.mobile-menu-button{display:none;position:fixed;top:20px;left:20px;z-index:1051;background:#2c3e50;color:#fff;border:none;border-radius:8px;padding:12px;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:all .3s ease}.mobile-menu-button:hover{background:#34495e;transform:translateY(-2px)}.mobile-menu-button:active{transform:translateY(0)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1049;opacity:0;animation:fadeIn .3s ease forwards}.sidebar-header{padding:25px 20px;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center}.sidebar-header .logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#fff}.sidebar-header .logo i{color:gold;font-size:24px}.sidebar-header .logo span{background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-header .close-sidebar{background:none;border:none;color:hsla(0,0%,100%,.8);font-size:20px;cursor:pointer;padding:8px;border-radius:4px;transition:all .3s ease}.sidebar-header .close-sidebar:hover{background:hsla(0,0%,100%,.1);color:#fff}.sidebar-nav{flex:1 1;padding:20px 0;overflow-y:auto}.sidebar-nav .nav-item{width:100%;background:none;border:none;color:hsla(0,0%,100%,.8);padding:15px 20px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;position:relative;text-align:left}.sidebar-nav .nav-item:hover{background:hsla(0,0%,100%,.1);color:#fff;transform:translateX(5px)}.sidebar-nav .nav-item.active{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;box-shadow:0 4px 15px rgba(0,123,255,.3)}.sidebar-nav .nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:gold}.sidebar-nav .nav-item i{font-size:18px;width:20px;text-align:center;flex-shrink:0}.sidebar-nav .nav-item .nav-content{display:flex;flex-direction:column;gap:2px}.sidebar-nav .nav-item .nav-content .nav-label{font-size:14px;font-weight:600}.sidebar-nav .nav-item .nav-content .nav-description{font-size:11px;opacity:.7;font-weight:400}.sidebar-footer{padding:20px;border-top:1px solid hsla(0,0%,100%,.1)}.sidebar-footer .user-info{margin-bottom:15px}.sidebar-footer .user-info .user-details{display:flex;align-items:center;gap:12px;padding:12px;background:hsla(0,0%,100%,.1);border-radius:8px}.sidebar-footer .user-info .user-details .user-avatar{width:40px;height:40px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1a1d29;font-weight:700;font-size:16px;flex-shrink:0}.sidebar-footer .user-info .user-details .user-text{display:flex;flex-direction:column;gap:2px}.sidebar-footer .user-info .user-details .user-text .user-name{font-size:14px;font-weight:600;color:#fff}.sidebar-footer .user-info .user-details .user-text .user-role{font-size:11px;color:gold;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.sidebar-footer .logout-btn{width:100%;background:rgba(220,53,69,.2);border:1px solid rgba(220,53,69,.3);color:#ff6b7a;padding:12px 15px;border-radius:6px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.sidebar-footer .logout-btn:hover{background:rgba(220,53,69,.3);border-color:rgba(220,53,69,.5);color:#fff;transform:translateY(-1px)}.sidebar-footer .logout-btn i{font-size:16px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.sidebar-nav::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}@media(max-width:768px){.mobile-menu-button{display:block}.admin-sidebar,.admin-sidebar.collapsed{transform:translateX(-100%)}.admin-sidebar.mobile-open{transform:translateX(0)}}@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--accent-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--dark-gradient:linear-gradient(135deg,#0c0c0c,#1a1a1a);--glass-bg:hsla(0,0%,100%,.1);--glass-border:hsla(0,0%,100%,.2);--shadow-heavy:0 25px 50px -12px rgba(0,0,0,.25);--shadow-medium:0 10px 25px -5px rgba(0,0,0,.1);--shadow-light:0 4px 6px -1px rgba(0,0,0,.1);--text-primary:#fff;--text-secondary:#a0a0a0;--text-accent:#667eea;--error-color:#ff6b6b;--success-color:#51cf66;--warning-color:#ffd43b}.admin-login-container{position:relative;min-height:100vh;width:100%;background:var(--dark-gradient);overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;align-items:center;justify-content:center}.login-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.login-background .bg-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:float 6s ease-in-out infinite}.login-background .bg-orb.orb-1{width:400px;height:400px;background:var(--primary-gradient);top:-200px;left:-200px;animation-delay:0s}.login-background .bg-orb.orb-2{width:300px;height:300px;background:var(--secondary-gradient);bottom:-150px;right:-150px;animation-delay:2s}.login-background .bg-orb.orb-3{width:250px;height:250px;background:var(--accent-gradient);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}.login-background .bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:50px 50px;animation:gridMove 20s linear infinite}.login-content{position:relative;z-index:10;display:flex;width:100%;max-width:1400px;height:120vh;min-height:700px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--shadow-heavy);overflow:hidden;margin:20px 0}.login-form-section{flex:1 1;display:flex;align-items:center;justify-content:center;padding:60px;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.login-form-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));z-index:-1}.form-container{width:100%;max-width:480px;position:relative}.login-header{text-align:center;margin-bottom:50px}.login-header .logo-container{position:relative;display:inline-block;margin-bottom:30px}.login-header .logo-container .login-logo{width:80px;height:80px;border-radius:20px;box-shadow:var(--shadow-medium);transition:all .3s ease;position:relative;z-index:2}.login-header .logo-container .login-logo:hover{transform:scale(1.05);box-shadow:var(--shadow-heavy)}.login-header .logo-container .logo-glow{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:var(--primary-gradient);border-radius:25px;filter:blur(20px);opacity:.5;z-index:1;animation:pulse 2s ease-in-out infinite}.login-header .login-title{font-size:3rem;font-weight:800;margin-bottom:15px;position:relative}.login-header .login-title .title-gradient{background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative}.login-header .login-title .title-gradient:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--primary-gradient);border-radius:2px}.login-header .login-subtitle{font-size:1.1rem;color:var(--text-secondary);font-weight:400;line-height:1.6}.login-form .error-alert{display:flex;align-items:center;gap:15px;padding:16px 20px;background:hsla(0,100%,71%,.1);border:1px solid hsla(0,100%,71%,.3);border-radius:12px;margin-bottom:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInDown .3s ease}.login-form .error-alert .error-icon{color:var(--error-color);font-size:1.2rem}.login-form .error-alert .error-content{flex:1 1;display:flex;justify-content:space-between;align-items:center}.login-form .error-alert .error-content .error-message{color:var(--error-color);font-weight:500}.login-form .error-alert .error-content .error-close{background:none;border:none;color:var(--error-color);cursor:pointer;padding:5px;border-radius:50%;transition:all .2s ease}.login-form .error-alert .error-content .error-close:hover{background:hsla(0,100%,71%,.2)}.login-form .form-group{margin-bottom:30px}.login-form .form-group .form-label{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.login-form .form-group .form-label i{color:var(--text-accent);font-size:1rem}.login-form .form-group .input-container{position:relative}.login-form .form-group .input-container .form-input{width:100%;padding:18px 24px;background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);border-radius:16px;color:var(--text-primary);font-size:1rem;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-form .form-group .input-container .form-input::placeholder{color:var(--text-secondary);font-weight:400}.login-form .form-group .input-container .form-input:focus{outline:none;border-color:var(--text-accent);background:hsla(0,0%,100%,.08);box-shadow:0 0 0 4px rgba(102,126,234,.1);transform:translateY(-2px)}.login-form .form-group .input-container .password-toggle{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.login-form .form-group .input-container .password-toggle:hover{color:var(--text-primary);background:hsla(0,0%,100%,.1)}.login-form .form-group .input-container .input-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--primary-gradient);border-radius:18px;opacity:0;z-index:-1;transition:opacity .3s ease}.login-form .form-group .input-container:focus-within .input-glow{opacity:.3}.login-form .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.login-form .form-options .checkbox-container{display:flex;align-items:center;gap:12px;cursor:pointer;position:relative}.login-form .form-options .checkbox-container input[type=checkbox]{display:none}.login-form .form-options .checkbox-container .checkmark{width:20px;height:20px;background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.3);border-radius:6px;position:relative;transition:all .3s ease}.login-form .form-options .checkbox-container .checkmark:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid var(--text-primary);border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease}.login-form .form-options .checkbox-container input:checked+.checkmark{background:var(--primary-gradient);border-color:var(--text-accent)}.login-form .form-options .checkbox-container input:checked+.checkmark:after{opacity:1}.login-form .form-options .checkbox-container .checkbox-label{color:var(--text-secondary);font-weight:500;font-size:.95rem}.login-form .form-options .forgot-password{color:var(--text-accent);text-decoration:none;font-weight:500;font-size:.95rem;transition:all .2s ease;position:relative}.login-form .form-options .forgot-password:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--text-accent);transition:width .3s ease}.login-form .form-options .forgot-password:hover{color:var(--text-primary)}.login-form .form-options .forgot-password:hover:after{width:100%}.login-form .login-button{width:100%;padding:20px;background:var(--primary-gradient);border:none;border-radius:16px;color:var(--text-primary);font-size:1.1rem;font-weight:700;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-medium)}.login-form .login-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-heavy)}.login-form .login-button:active{transform:translateY(-1px)}.login-form .login-button:disabled{cursor:not-allowed;opacity:.7}.login-form .login-button .button-content{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;z-index:2}.login-form .login-button .button-content .loading-spinner{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top:2px solid var(--text-primary);border-radius:50%;animation:spin 1s linear infinite}.login-form .login-button .button-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--primary-gradient);border-radius:18px;filter:blur(10px);opacity:0;z-index:1;transition:opacity .3s ease}.login-form .login-button:hover:not(:disabled) .button-glow{opacity:.6}.login-form .login-button.loading .button-content{opacity:.8}.security-notice{margin-top:40px;padding:20px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;display:flex;gap:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.security-notice .security-icon{color:var(--success-color);font-size:1.5rem;margin-top:2px}.security-notice .security-text{flex:1 1}.security-notice .security-text p{margin:0 0 8px;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.security-notice .security-text p:last-child{margin-bottom:0}.login-image-section{flex:1 1;position:relative;overflow:hidden}.login-image-section .image-container{position:relative;width:100%;height:100%}.login-image-section .image-container .login-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.login-image-section .image-container .image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,.85),rgba(118,75,162,.85));display:flex;align-items:center;justify-content:center;padding:50px 40px}.login-image-section .image-container .image-overlay .overlay-content{text-align:center;color:var(--text-primary);width:100%;max-width:500px}.login-image-section .image-container .image-overlay .overlay-content .overlay-header{margin-bottom:40px}.login-image-section .image-container .image-overlay .overlay-content .overlay-header .brand-icon{width:70px;height:70px;background:hsla(0,0%,100%,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.2)}.login-image-section .image-container .image-overlay .overlay-content .overlay-header .brand-icon i{font-size:2rem;color:gold;text-shadow:0 0 20px rgba(255,215,0,.5)}.login-image-section .image-container .image-overlay .overlay-content .overlay-header .overlay-title{font-size:2.8rem;font-weight:800;margin-bottom:15px;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.3)}.login-image-section .image-container .image-overlay .overlay-content .overlay-header .overlay-subtitle{font-size:1.3rem;font-weight:400;margin-bottom:25px;opacity:.95;line-height:1.5}.login-image-section .image-container .image-overlay .overlay-content .overlay-header .title-divider{width:80px;height:3px;background:linear-gradient(90deg,transparent,#fff,transparent);margin:0 auto;border-radius:2px}.login-image-section .image-container .image-overlay .overlay-content .stats-section{display:flex;justify-content:space-between;gap:20px;margin-bottom:45px}.login-image-section .image-container .image-overlay .overlay-content .stats-section .stat-item{flex:1 1;padding:20px 15px;background:hsla(0,0%,100%,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease}.login-image-section .image-container .image-overlay .overlay-content .stats-section .stat-item:hover{background:hsla(0,0%,100%,.15);transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.2)}.login-image-section .image-container .image-overlay .overlay-content .stats-section .stat-item .stat-number{font-size:2rem;font-weight:800;margin-bottom:8px;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-image-section .image-container .image-overlay .overlay-content .stats-section .stat-item .stat-label{font-size:.9rem;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.login-image-section .image-container .image-overlay .overlay-content .features-section{margin-bottom:40px}.login-image-section .image-container .image-overlay .overlay-content .features-section .features-title{font-size:1.4rem;font-weight:700;margin-bottom:25px;opacity:.95}.login-image-section .image-container .image-overlay .overlay-content .features-section .feature-list{display:grid;grid-template-columns:1fr;grid-gap:15px;gap:15px}.login-image-section .image-container .image-overlay .overlay-content .features-section .feature-list .feature-item{display:flex;align-items:center;gap:18px;padding:18px 22px;background:hsla(0,0%,100%,.08);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.15);transition:all .3s ease;text-align:left}.login-image-section .image-container .image-overlay .overlay-content .features-section .feature-list .feature-item:hover{background:hsla(0,0%,100%,.12);transform:translateX(5px);border-color:hsla(0,0%,100%,.25)}.login-image-section .image-container .image-overlay .overlay-content .features-section .feature-list .feature-item .feature-icon{width:45px;height:45px;background:hsla(0,0%,100%,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.login-image-section .image-container .image-overlay .overlay-content .features-section .feature-list .feature-item .feature-icon i{font-size:1.3rem;color:var(--text-primary)}.login-image-section .image-container .image-overlay .overlay-content .features-section .feature-list .feature-item .feature-content{flex:1 1}.login-image-section .image-container .image-overlay .overlay-content .features-section .feature-list .feature-item .feature-content .feature-name{display:block;font-weight:600;font-size:1rem;margin-bottom:4px;line-height:1.3}.login-image-section .image-container .image-overlay .overlay-content .features-section .feature-list .feature-item .feature-content .feature-desc{display:block;font-size:.85rem;opacity:.8;font-weight:400;line-height:1.4}.login-image-section .image-container .image-overlay .overlay-content .trust-badges{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.login-image-section .image-container .image-overlay .overlay-content .trust-badges .trust-badge{display:flex;align-items:center;gap:8px;padding:12px 16px;background:hsla(0,0%,100%,.1);border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);font-size:.85rem;font-weight:500;transition:all .3s ease}.login-image-section .image-container .image-overlay .overlay-content .trust-badges .trust-badge:hover{background:hsla(0,0%,100%,.15);transform:scale(1.05)}.login-image-section .image-container .image-overlay .overlay-content .trust-badges .trust-badge i{font-size:1rem;color:#4ade80}.login-image-section .image-container .image-glow{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:var(--primary-gradient);filter:blur(30px);opacity:.3;z-index:-1}.login-image-section .image-container .decorative-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.login-image-section .image-container .decorative-elements .deco-circle{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1)}.login-image-section .image-container .decorative-elements .deco-circle.circle-1{width:120px;height:120px;top:10%;right:10%;animation:float 8s ease-in-out infinite}.login-image-section .image-container .decorative-elements .deco-circle.circle-2{width:80px;height:80px;bottom:15%;left:15%;animation:float 6s ease-in-out 2s infinite}.login-image-section .image-container .decorative-elements .deco-circle.circle-3{width:60px;height:60px;top:60%;right:20%;animation:float 7s ease-in-out 4s infinite}.login-image-section .image-container .decorative-elements .deco-line{position:absolute;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);height:1px}.login-image-section .image-container .decorative-elements .deco-line.line-1{width:150px;top:25%;left:5%;transform:rotate(45deg);animation:pulse 3s ease-in-out infinite}.login-image-section .image-container .decorative-elements .deco-line.line-2{width:100px;bottom:30%;right:8%;transform:rotate(-30deg);animation:pulse 3s ease-in-out 1.5s infinite}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.floating-elements .floating-icon{position:absolute;width:60px;height:60px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:floatIcon 8s ease-in-out infinite}.floating-elements .floating-icon i{font-size:1.5rem;color:var(--text-accent)}.floating-elements .floating-icon.icon-1{top:15%;left:10%;animation-delay:0s}.floating-elements .floating-icon.icon-2{top:25%;right:15%;animation-delay:2s}.floating-elements .floating-icon.icon-3{bottom:30%;left:8%;animation-delay:4s}.floating-elements .floating-icon.icon-4{bottom:20%;right:12%;animation-delay:6s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatIcon{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(5deg)}50%{transform:translateY(-20px) rotate(0deg)}75%{transform:translateY(-10px) rotate(-5deg)}}@media(max-width:1200px){.login-content{max-width:1000px;height:85vh}.login-form-section,.login-image-section .image-overlay{padding:40px}.login-header .login-title{font-size:2.5rem}}@media(max-width:968px){.admin-login-container{padding:20px}.login-content{flex-direction:column;height:auto;min-height:auto;margin:10px 0}.login-form-section{padding:40px 30px}.login-image-section{min-height:400px}.login-image-section .image-overlay{padding:40px 30px}.login-image-section .image-overlay .overlay-content .stats-section{flex-direction:column;gap:15px}.login-image-section .image-overlay .overlay-content .feature-list{grid-template-columns:1fr;gap:12px}.login-image-section .image-overlay .overlay-content .trust-badges{gap:10px}.floating-elements{display:none}}@media(max-width:576px){.admin-login-container{padding:15px}.login-form-section{padding:30px 20px}.login-header{margin-bottom:30px}.login-header .login-title{font-size:2rem}.login-header .login-subtitle{font-size:1rem}.form-group{margin-bottom:25px}.form-group .input-container .form-input{padding:16px 20px}.form-options{flex-direction:column;gap:15px;align-items:flex-start}.login-button{padding:18px;font-size:1rem}.login-image-section{min-height:350px}.login-image-section .image-overlay{padding:30px 20px}.login-image-section .image-overlay .overlay-content .overlay-header .overlay-title{font-size:2rem}.login-image-section .image-overlay .overlay-content .overlay-header .overlay-subtitle{font-size:1.1rem}.login-image-section .image-overlay .overlay-content .stats-section .stat-item{padding:15px 10px}.login-image-section .image-overlay .overlay-content .stats-section .stat-item .stat-number{font-size:1.5rem}.login-image-section .image-overlay .overlay-content .stats-section .stat-item .stat-label{font-size:.8rem}.login-image-section .image-overlay .overlay-content .features-section .features-title{font-size:1.2rem}.login-image-section .image-overlay .overlay-content .features-section .feature-item{padding:15px 18px;gap:15px}.login-image-section .image-overlay .overlay-content .features-section .feature-item .feature-icon{width:40px;height:40px}.login-image-section .image-overlay .overlay-content .features-section .feature-item .feature-icon i{font-size:1.1rem}.login-image-section .image-overlay .overlay-content .features-section .feature-item .feature-content .feature-name{font-size:.9rem}.login-image-section .image-overlay .overlay-content .features-section .feature-item .feature-content .feature-desc{font-size:.8rem}.login-image-section .image-overlay .overlay-content .trust-badges .trust-badge{padding:10px 12px;font-size:.8rem}}@media(prefers-color-scheme:dark){.admin-login-container{background:linear-gradient(135deg,#000,#1a1a1a)}}@media(prefers-contrast:high){.login-content{border:2px solid var(--text-primary)}.form-input{border:2px solid var(--text-secondary)!important}.form-input:focus{border-color:var(--text-primary)!important}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.admin-panel{font-family:Inter,sans-serif;overflow-x:hidden}.admin-loading,.admin-panel{display:flex;min-height:100vh;background-color:#f8f9fa}.admin-loading{flex-direction:column;align-items:center;justify-content:center}.admin-loading .spinner{width:40px;height:40px;border:4px solid #e3e3e3;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.admin-loading p{color:#6c757d;font-size:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-content{flex:1 1;margin-left:280px;width:calc(100% - 280px);transition:margin-left .3s ease,width .3s ease}.admin-content.collapsed{margin-left:80px;width:calc(100% - 80px)}.admin-header{background:#fff;padding:15px 30px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.admin-header .sidebar-toggle{background:none;border:none;font-size:18px;color:#6c757d;cursor:pointer;padding:8px;border-radius:4px;transition:all .3s ease}.admin-header .sidebar-toggle:hover{background-color:#f8f9fa;color:#007bff}.admin-header .admin-user-info{display:flex;align-items:center;gap:15px}.admin-header .admin-user-info span{color:#495057;font-weight:500}.admin-header .admin-user-info .user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.admin-main{padding:30px;min-height:calc(100vh - 80px)}.admin-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.07);border:1px solid #e9ecef;overflow:hidden;transition:all .3s ease}.admin-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.1)}.admin-card .card-header{padding:20px 25px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.admin-card .card-header h3{margin:0;color:#495057;font-size:18px;font-weight:600}.admin-card .card-body{padding:25px}.btn{padding:10px 20px;border:none;border-radius:6px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;font-size:14px}.btn.btn-primary{background:#007bff;color:#fff}.btn.btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.btn.btn-success{background:#28a745;color:#fff}.btn.btn-success:hover{background:#1e7e34;transform:translateY(-1px)}.btn.btn-warning{background:#ffc107;color:#212529}.btn.btn-warning:hover{background:#e0a800;transform:translateY(-1px)}.btn.btn-danger{background:#dc3545;color:#fff}.btn.btn-danger:hover{background:#c82333;transform:translateY(-1px)}.btn.btn-outline{background:transparent;border:2px solid #007bff;color:#007bff}.btn.btn-outline:hover{background:#007bff;color:#fff}.btn.btn-sm{padding:6px 12px;font-size:12px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#495057;font-weight:500;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 15px;border:2px solid #e9ecef;border-radius:6px;font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.form-group textarea{resize:vertical;min-height:100px}.admin-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.admin-table td,.admin-table th{padding:15px;text-align:left;border-bottom:1px solid #e9ecef}.admin-table th{background:#f8f9fa;font-weight:600;color:#495057;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.admin-table td{color:#6c757d;font-size:14px}.admin-table tr:hover{background:#f8f9fa}.admin-table .status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase}.admin-table .status-badge.pending{background:#fff3cd;color:#856404}.admin-table .status-badge.processing{background:#cce5ff;color:#004085}.admin-table .status-badge.shipped{background:#d4edda;color:#155724}.admin-table .status-badge.delivered{background:#d1ecf1;color:#0c5460}.admin-table .status-badge.cancelled{background:#f8d7da;color:#721c24}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:25px;gap:25px;margin-bottom:30px}.stat-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.07);border-left:4px solid #007bff;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.stat-card .stat-icon{width:50px;height:50px;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;margin-bottom:15px}.stat-card .stat-value{font-size:32px;font-weight:700;color:#495057;margin-bottom:5px}.stat-card .stat-label{color:#6c757d;font-size:14px;font-weight:500}.stat-card .stat-change{font-size:12px;margin-top:8px}.stat-card .stat-change.positive{color:#28a745}.stat-card .stat-change.negative{color:#dc3545}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:rgba(0,0,0,.6)!important;display:flex!important;align-items:center!important;justify-content:center!important;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;animation:fadeIn .3s ease-out!important;padding:20px!important;box-sizing:border-box!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal{background:#fff!important;border-radius:12px!important;max-width:600px!important;width:100%!important;max-height:90vh!important;overflow:hidden!important;box-shadow:0 25px 50px rgba(0,0,0,.25)!important;animation:slideIn .3s ease-out!important;position:relative!important;display:flex!important;flex-direction:column!important}.modal.large{max-width:900px!important}.modal .modal-header{padding:20px 25px!important;border-bottom:1px solid #e9ecef!important;display:flex!important;justify-content:space-between!important;align-items:center!important;background:#f8f9fa!important;flex-shrink:0!important}.modal .modal-header h3{margin:0!important;color:#495057!important;font-size:18px!important;font-weight:600!important}.modal .modal-header .close-btn{background:none!important;border:none!important;font-size:24px!important;color:#6c757d!important;cursor:pointer!important;padding:5px!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;transition:all .3s ease!important;line-height:1!important}.modal .modal-header .close-btn:hover{background:#e9ecef!important;color:#495057!important;transform:scale(1.1)!important}.modal .modal-header .close-btn:focus{outline:none!important;background:#e9ecef!important}.modal .modal-body{padding:25px!important;overflow-y:auto!important;flex:1 1!important;max-height:calc(90vh - 140px)!important}.modal .modal-footer{padding:20px 25px!important;border-top:1px solid #e9ecef!important;display:flex!important;gap:10px!important;justify-content:flex-end!important;background:#f8f9fa!important;flex-shrink:0!important}body.modal-open{overflow:hidden!important;position:fixed!important;width:100%!important}.admin-panel{position:relative;z-index:1}.admin-content{position:relative;z-index:2}.modal-overlay{z-index:999999!important}@media(max-width:768px){.admin-content,.admin-content.collapsed{margin-left:0;width:100%}.admin-header{padding:10px 15px;flex-wrap:wrap;gap:10px}.admin-header .sidebar-toggle{display:none}.admin-header .admin-user-info{gap:10px}.admin-header .admin-user-info span{font-size:14px;display:none}.admin-header .admin-user-info .user-avatar{width:35px;height:35px;font-size:14px}.admin-main{padding:15px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.stat-card{padding:15px}.stat-card .stat-icon{width:40px;height:40px;font-size:18px;margin-bottom:10px}.stat-card .stat-value{font-size:20px;margin-bottom:4px}.stat-card .stat-label{font-size:12px}.stat-card .stat-change{font-size:10px;margin-top:4px}.page-header{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:20px}.page-header h1{font-size:22px}.page-header .header-stats{width:100%;justify-content:space-between;gap:10px}.page-header .header-stats .stat-item{text-align:center;flex:1 1}.page-header .header-stats .stat-item .stat-value{font-size:18px}.page-header .header-stats .stat-item .stat-label{font-size:10px}.page-header .header-actions{width:100%;flex-wrap:wrap;gap:8px}.page-header .header-actions .btn{flex:1 1;min-width:120px;font-size:12px;padding:8px 12px}.dashboard-header{margin-bottom:20px}.dashboard-header h1{font-size:22px;margin-bottom:6px}.dashboard-header p{font-size:14px}.admin-card{margin-bottom:15px}.admin-card .card-header{padding:15px 20px}.admin-card .card-header h3{font-size:16px}.admin-card .card-body{padding:20px}.admin-table{font-size:11px;display:block;overflow-x:auto;white-space:nowrap}.admin-table td,.admin-table th{padding:8px 6px;min-width:80px}.admin-table td:nth-child(n+6),.admin-table th:nth-child(n+6){display:none}.admin-table td:first-child,.admin-table th:first-child{position:-webkit-sticky;position:sticky;left:0;background:inherit;z-index:1}.mobile-table-cards{display:block}.mobile-table-cards .admin-table{display:none}.mobile-table-cards .table-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:15px;margin-bottom:10px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.mobile-table-cards .table-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e9ecef}.mobile-table-cards .table-card .card-header .primary-info{font-weight:600;color:#495057}.mobile-table-cards .table-card .card-header .status-badge{font-size:10px;padding:3px 8px}.mobile-table-cards .table-card .card-details{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:10px}.mobile-table-cards .table-card .card-details .detail-item .label{font-size:11px;color:#6c757d;font-weight:500}.mobile-table-cards .table-card .card-details .detail-item .value{font-size:12px;color:#495057;font-weight:500}.mobile-table-cards .table-card .card-actions{display:flex;gap:5px;justify-content:flex-end}.mobile-table-cards .table-card .card-actions .btn{padding:6px 10px;font-size:11px}.form-row{grid-template-columns:1fr;gap:15px}.form-group{margin-bottom:15px}.form-group label{font-size:13px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;font-size:14px}.filters{flex-direction:column;gap:10px}.filters .filter-group .filter-select,.filters .filter-group .search-input{padding:10px 12px;font-size:14px}.btn{padding:8px 15px;font-size:13px}.btn.btn-sm{padding:6px 10px;font-size:11px}.action-buttons{gap:3px}.action-buttons .btn{padding:6px 8px;font-size:11px}.quick-actions{grid-template-columns:1fr;gap:10px}.quick-actions .btn{width:100%;justify-content:center}.modal-overlay{padding:10px}.modal{width:100%;margin:0;max-height:95vh}.modal,.modal.large{max-width:100%}.modal .modal-header{padding:15px 20px}.modal .modal-header h3{font-size:16px}.modal .modal-body{padding:20px;max-height:calc(95vh - 120px)}.modal .modal-footer{padding:15px 20px;gap:8px}.modal .modal-footer .btn{flex:1 1;font-size:13px}.dashboard-grid{gap:15px}.dashboard-grid,.email-grid,.order-details-grid{grid-template-columns:1fr}.order-details-grid{gap:15px}.user-details-grid{grid-template-columns:1fr}.recent-list .recent-item{padding:12px 0;flex-direction:column;align-items:flex-start;gap:8px}.recent-list .recent-item .item-info{width:100%;gap:10px}.recent-list .recent-item .item-info .user-avatar{width:30px;height:30px;font-size:12px}.recent-list .recent-item .item-info .item-title{font-size:13px}.recent-list .recent-item .item-info .item-subtitle{font-size:11px}.recent-list .recent-item .item-meta{width:100%;display:flex;justify-content:space-between;align-items:center}.recent-list .recent-item .item-meta .item-amount{font-size:13px}.recent-list .recent-item .item-meta .item-date{font-size:11px}.pagination{flex-direction:column;gap:10px}.pagination .page-info{order:-1;font-size:13px}.pagination .btn{width:100%}.product-info{flex-direction:column;align-items:flex-start;gap:8px}.product-info .product-thumbnail{width:35px;height:35px}.product-info .product-name{font-size:13px}.product-info .product-category,.product-info .product-id{font-size:11px}.user-info{gap:8px}.user-info .user-avatar{width:30px;height:30px;font-size:12px}.user-info .user-name{font-size:13px}.user-info .user-id{font-size:10px}.customer-info .customer-name{font-size:13px}.customer-info .customer-email{font-size:11px}.order-number{font-size:13px}.order-id{font-size:10px}.permissions-grid{grid-template-columns:1fr}.permissions-grid .permission-item{padding:8px}.permissions-grid .permission-item span{font-size:13px}.templates-list .template-item{padding:12px;flex-direction:column;align-items:flex-start;gap:10px}.templates-list .template-item .template-info{width:100%}.templates-list .template-item .template-info .template-name{font-size:13px}.templates-list .template-item .template-info .template-type{font-size:10px}.templates-list .template-item .template-info .template-subject{font-size:11px}.templates-list .template-item .template-actions{width:100%;justify-content:flex-end}.history-list .history-item{padding:12px 0;flex-direction:column;align-items:flex-start;gap:8px}.history-list .history-item .email-info{width:100%}.history-list .history-item .email-info .email-subject{font-size:13px}.history-list .history-item .email-info .email-meta{font-size:11px}.history-list .history-item .email-status{width:100%;display:flex;justify-content:flex-end}.empty-state{padding:30px 15px}.empty-state i{font-size:36px;margin-bottom:12px}.empty-state p{font-size:14px;margin-bottom:15px}.alert{padding:12px 15px;font-size:13px;margin-bottom:15px}.loading-spinner{padding:30px}.loading-spinner .spinner{width:25px;height:25px;border-width:2px}}@media(max-width:480px){.admin-main{padding:10px}.stats-grid{grid-template-columns:1fr;gap:10px}.stat-card{padding:12px}.stat-card .stat-value{font-size:18px}.stat-card .stat-label{font-size:11px}.page-header h1{font-size:20px}.page-header .header-stats .stat-item .stat-value{font-size:16px}.page-header .header-stats .stat-item .stat-label{font-size:9px}.admin-card .card-header{padding:12px 15px}.admin-card .card-header h3{font-size:15px}.admin-card .card-body{padding:15px}.admin-header .admin-user-info span{display:none}.modal .modal-header{padding:12px 15px}.modal .modal-header h3{font-size:15px}.modal .modal-body{padding:15px}.modal .modal-footer{padding:12px 15px}}@media(max-width:768px)and (orientation:landscape){.stats-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:40px}.loading-spinner .spinner{width:30px;height:30px;border:3px solid #e3e3e3;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}.alert{padding:15px 20px;border-radius:6px;margin-bottom:20px;border:1px solid transparent}.alert.alert-success{background:#d4edda;border-color:#c3e6cb;color:#155724}.alert.alert-error{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert.alert-warning{background:#fff3cd;border-color:#ffeaa7;color:#856404}.alert.alert-info{background:#d1ecf1;border-color:#bee5eb;color:#0c5460}.dashboard-header{margin-bottom:30px}.dashboard-header h1{color:#495057;font-size:28px;font-weight:700;margin-bottom:8px}.dashboard-header p{color:#6c757d;font-size:16px;margin:0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1{color:#495057;font-size:28px;font-weight:700;margin:0}.page-header .header-stats{display:flex;gap:20px}.page-header .header-stats .stat-item{text-align:center}.page-header .header-stats .stat-item .stat-value{display:block;font-size:24px;font-weight:700;color:#007bff}.page-header .header-stats .stat-item .stat-label{font-size:12px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.page-header .header-actions{display:flex;gap:10px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:25px;gap:25px;margin-bottom:30px}.recent-list .recent-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #e9ecef}.recent-list .recent-item:last-child{border-bottom:none}.recent-list .recent-item .item-info{display:flex;align-items:center;gap:12px}.recent-list .recent-item .item-info .user-avatar{width:35px;height:35px;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.recent-list .recent-item .item-info .item-title{font-weight:600;color:#495057;font-size:14px}.recent-list .recent-item .item-info .item-subtitle{color:#6c757d;font-size:12px}.recent-list .recent-item .item-meta{text-align:right}.recent-list .recent-item .item-meta .item-amount{font-weight:600;color:#495057;font-size:14px}.recent-list .recent-item .item-meta .item-date{color:#6c757d;font-size:12px}.empty-state{text-align:center;padding:40px 20px;color:#6c757d}.empty-state i{font-size:48px;margin-bottom:15px;opacity:.5}.empty-state p{margin-bottom:20px;font-size:16px}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:15px;gap:15px}.filters{display:flex;gap:15px;align-items:center}.filters .filter-group{flex:1 1}.filters .filter-group .filter-select,.filters .filter-group .search-input{width:100%;padding:10px 15px;border:2px solid #e9ecef;border-radius:6px;font-size:14px;transition:all .3s ease}.filters .filter-group .filter-select:focus,.filters .filter-group .search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.action-buttons{display:flex;gap:5px}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.pagination .page-info{color:#6c757d;font-size:14px}.product-info{display:flex;align-items:center;gap:12px}.product-info .product-thumbnail{width:40px;height:40px;object-fit:cover;border-radius:6px;border:1px solid #e9ecef}.product-info .product-name{font-weight:600;color:#495057;font-size:14px}.product-info .product-category,.product-info .product-id{color:#6c757d;font-size:12px}.stock-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.stock-badge.low{background:#fff3cd;color:#856404}.stock-badge.normal{background:#d4edda;color:#155724}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#495057}.checkbox-label input[type=checkbox]{width:auto;margin:0}.order-number{font-weight:600;color:#007bff;font-size:14px}.order-id{color:#6c757d;font-size:11px;font-family:monospace}.customer-info .customer-name{font-weight:600;color:#495057;font-size:14px}.customer-info .customer-email{color:#6c757d;font-size:12px}.status-select{padding:4px 8px;border:1px solid #e9ecef;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer}.status-select.pending{background:#fff3cd;color:#856404}.status-select.processing{background:#cce5ff;color:#004085}.status-select.shipped{background:#d4edda;color:#155724}.status-select.delivered{background:#d1ecf1;color:#0c5460}.status-select.cancelled{background:#f8d7da;color:#721c24}.tracking-info .tracking-number{font-weight:600;color:#495057;font-size:12px}.tracking-info .tracking-carrier{color:#6c757d;font-size:11px}.no-tracking{color:#6c757d;font-style:italic;font-size:12px}.order-details-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:25px;gap:25px;margin-bottom:25px}.order-details-grid .customer-info h4,.order-details-grid .order-info h4,.order-details-grid .shipping-info h4,.order-details-grid .tracking-info h4{margin-bottom:15px;color:#495057;font-size:16px;font-weight:600}.order-details-grid .customer-info .info-row,.order-details-grid .order-info .info-row,.order-details-grid .shipping-info .info-row,.order-details-grid .tracking-info .info-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.order-details-grid .customer-info .info-row span:first-child,.order-details-grid .order-info .info-row span:first-child,.order-details-grid .shipping-info .info-row span:first-child,.order-details-grid .tracking-info .info-row span:first-child{color:#6c757d;font-weight:500}.order-details-grid .customer-info .info-row span:last-child,.order-details-grid .order-info .info-row span:last-child,.order-details-grid .shipping-info .info-row span:last-child,.order-details-grid .tracking-info .info-row span:last-child{color:#495057;font-weight:600}.order-details-grid .customer-info .address,.order-details-grid .order-info .address,.order-details-grid .shipping-info .address,.order-details-grid .tracking-info .address{color:#495057;line-height:1.5}.order-items h4{margin-bottom:15px;color:#495057;font-size:16px;font-weight:600}.order-items .items-table{width:100%;border-collapse:collapse}.order-items .items-table td,.order-items .items-table th{padding:10px;text-align:left;border-bottom:1px solid #e9ecef;font-size:14px}.order-items .items-table th{background:#f8f9fa;font-weight:600;color:#495057}.user-info{display:flex;align-items:center;gap:12px}.user-info .user-avatar{width:35px;height:35px;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.user-info .user-name{font-weight:600;color:#495057;font-size:14px}.user-info .user-id{color:#6c757d;font-size:11px;font-family:monospace}.email-info .email{font-weight:500;color:#495057;font-size:14px}.email-info .verified-badge{color:#28a745;font-size:11px;font-weight:500}.email-info .verified-badge i{margin-right:4px}.role-select{padding:4px 8px;border:1px solid #e9ecef;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer}.role-select.role-user{background:#e9ecef;color:#495057}.role-select.role-admin{background:#cce5ff;color:#004085}.role-select.role-superadmin{background:#f8d7da;color:#721c24}.user-details-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:25px;gap:25px}.user-details-grid .user-activity h4,.user-details-grid .user-basic-info h4,.user-details-grid .user-preferences h4{margin-bottom:15px;color:#495057;font-size:16px;font-weight:600}.user-details-grid .user-activity .info-row,.user-details-grid .user-basic-info .info-row,.user-details-grid .user-preferences .info-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.user-details-grid .user-activity .info-row span:first-child,.user-details-grid .user-basic-info .info-row span:first-child,.user-details-grid .user-preferences .info-row span:first-child{color:#6c757d;font-weight:500}.user-details-grid .user-activity .info-row span:last-child,.user-details-grid .user-basic-info .info-row span:last-child,.user-details-grid .user-preferences .info-row span:last-child{color:#495057;font-weight:600}.user-details-grid .user-addresses{grid-column:1/-1}.user-details-grid .user-addresses h4{margin-bottom:15px;color:#495057;font-size:16px;font-weight:600}.user-details-grid .user-addresses .address-item{margin-bottom:15px;padding:15px;background:#f8f9fa;border-radius:6px}.user-details-grid .user-addresses .address-item .address-type{font-weight:600;color:#495057;margin-bottom:5px}.user-details-grid .user-addresses .address-item .address-details{color:#6c757d;line-height:1.5}.role-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.role-badge.role-user{background:#e9ecef;color:#495057}.role-badge.role-admin{background:#cce5ff;color:#004085}.role-badge.role-superadmin{background:#f8d7da;color:#721c24}.email-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:25px;gap:25px;margin-bottom:30px}.templates-list .template-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid #e9ecef;border-radius:6px;margin-bottom:10px;transition:all .3s ease}.templates-list .template-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.templates-list .template-item .template-info .template-name{font-weight:600;color:#495057;font-size:14px}.templates-list .template-item .template-info .template-type{color:#007bff;font-size:11px;text-transform:uppercase;font-weight:500}.templates-list .template-item .template-info .template-subject{color:#6c757d;font-size:12px;margin-top:4px}.templates-list .template-item .template-actions{display:flex;gap:5px}.history-list .history-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #e9ecef}.history-list .history-item:last-child{border-bottom:none}.history-list .history-item .email-info .email-subject{font-weight:600;color:#495057;font-size:14px}.history-list .history-item .email-info .email-meta{color:#6c757d;font-size:12px;margin-top:4px}.history-list .history-item .email-info .email-meta span{margin:0 5px}.history-list .history-item .email-status .status-badge{font-size:11px}.template-variables{margin-top:20px}.template-variables h4{margin-bottom:10px;color:#495057;font-size:14px;font-weight:600}.template-variables .variables-list{display:flex;flex-wrap:wrap;gap:8px}.template-variables .variables-list .variable{background:#f8f9fa;border:1px solid #e9ecef;padding:4px 8px;border-radius:4px;font-family:monospace;font-size:12px;color:#495057}.stock-quantity{font-weight:600;padding:4px 8px;border-radius:4px;font-size:12px}.stock-quantity.in_stock{background:#d4edda;color:#155724}.stock-quantity.low_stock{background:#fff3cd;color:#856404}.stock-quantity.out_of_stock{background:#f8d7da;color:#721c24}.threshold-input{width:60px;padding:4px 6px;border:1px solid #e9ecef;border-radius:4px;font-size:12px;text-align:center}.current-stock{text-align:center;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:6px}.current-stock h4{margin:0;color:#495057;font-size:18px}.stock-preview{text-align:center;margin-top:20px;padding:15px;background:#e3f2fd;border-radius:6px}.stock-preview h4{margin:0;color:#1976d2;font-size:16px}.action-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.action-badge.add{background:#d4edda;color:#155724}.action-badge.remove{background:#f8d7da;color:#721c24}.action-badge.set{background:#cce5ff;color:#004085}.admin-management .desktop-table{display:block}.admin-management .mobile-admin-cards{display:none}.access-denied{text-align:center;padding:60px 20px;color:#6c757d}.access-denied i{font-size:64px;margin-bottom:20px;color:#dc3545}.access-denied h2{margin-bottom:15px;color:#495057}.access-denied p{font-size:16px}.admin-info{display:flex;align-items:center;gap:12px}.admin-info .admin-avatar{width:35px;height:35px;background:linear-gradient(135deg,#dc3545,#c82333);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.admin-info .admin-name{font-weight:600;color:#495057;font-size:14px}.admin-info .admin-id{color:#6c757d;font-size:11px;font-family:monospace}.status-toggle{padding:4px 12px;border:none;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.status-toggle.active{background:#d4edda;color:#155724}.status-toggle.active:hover{background:#c3e6cb}.status-toggle.inactive{background:#f8d7da;color:#721c24}.status-toggle.inactive:hover{background:#f5c6cb}.permissions-section{margin-top:20px}.permissions-section h4{margin-bottom:15px;color:#495057;font-size:16px;font-weight:600}.permissions-section .permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:10px;gap:10px}.permissions-section .permissions-grid .permission-item{display:flex;align-items:center;gap:8px;padding:10px;background:#f8f9fa;border-radius:6px;cursor:pointer;transition:all .3s ease}.permissions-section .permissions-grid .permission-item:hover{background:#e9ecef}.permissions-section .permissions-grid .permission-item input[type=checkbox]{width:auto;margin:0}.permissions-section .permissions-grid .permission-item span{font-weight:500;color:#495057;font-size:14px}.mobile-admin-cards{display:none}.admin-card-mobile{background:#fff;border:1px solid #e9ecef;border-radius:12px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease}.admin-card-mobile:hover{box-shadow:0 4px 15px rgba(0,0,0,.15);transform:translateY(-2px)}.admin-card-mobile .admin-card-header{padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.admin-card-mobile .admin-card-header .admin-info{display:flex;align-items:center;gap:12px}.admin-card-mobile .admin-card-header .admin-info .admin-avatar{width:45px;height:45px;background:linear-gradient(135deg,#dc3545,#c82333);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.admin-card-mobile .admin-card-header .admin-info .admin-details .admin-name{font-weight:600;color:#495057;font-size:16px;margin-bottom:2px}.admin-card-mobile .admin-card-header .admin-info .admin-details .admin-email{color:#6c757d;font-size:13px}.admin-card-mobile .admin-card-header .admin-status .role-badge{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.admin-card-mobile .admin-card-header .admin-status .role-badge.role-admin{background:#cce5ff;color:#004085}.admin-card-mobile .admin-card-header .admin-status .role-badge.role-superadmin{background:#f8d7da;color:#721c24}.admin-card-mobile .admin-card-body{padding:15px 20px}.admin-card-mobile .admin-card-body .admin-meta{display:flex;flex-direction:column;gap:10px}.admin-card-mobile .admin-card-body .admin-meta .meta-item{display:flex;justify-content:space-between;align-items:center}.admin-card-mobile .admin-card-body .admin-meta .meta-item .meta-label{font-weight:500;color:#6c757d;font-size:13px}.admin-card-mobile .admin-card-body .admin-meta .meta-item .meta-value{color:#495057;font-size:12px;font-family:monospace;background:#f8f9fa;padding:2px 6px;border-radius:4px}.admin-card-mobile .admin-card-body .admin-meta .meta-item .status-toggle{padding:4px 10px;font-size:10px}.admin-card-mobile .admin-card-actions{padding:15px 20px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end}.admin-card-mobile .admin-card-actions .btn{padding:8px 15px;font-size:12px;display:flex;align-items:center;gap:6px}.admin-card-mobile .admin-card-actions .btn i{font-size:11px}@media(max-width:768px){.dashboard-grid,.email-grid,.form-row,.order-details-grid,.user-details-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:15px}.page-header .header-stats{width:100%;justify-content:space-between}.page-header .header-actions{width:100%}.filters{flex-direction:column}.permissions-grid,.quick-actions{grid-template-columns:1fr}.admin-management .desktop-table{display:none}.admin-management .mobile-admin-cards{display:block}.admin-card-mobile .admin-card-header{flex-direction:column;align-items:flex-start;gap:12px}.admin-card-mobile .admin-card-header .admin-info{width:100%}.admin-card-mobile .admin-card-header .admin-info .admin-avatar{width:40px;height:40px;font-size:14px}.admin-card-mobile .admin-card-header .admin-info .admin-details .admin-name{font-size:14px}.admin-card-mobile .admin-card-header .admin-info .admin-details .admin-email{font-size:12px}.admin-card-mobile .admin-card-header .admin-status{width:100%;display:flex;justify-content:flex-end}.admin-card-mobile .admin-card-header .admin-status .role-badge{font-size:10px;padding:4px 8px}.admin-card-mobile .admin-card-body{padding:12px 15px}.admin-card-mobile .admin-card-body .admin-meta{gap:8px}.admin-card-mobile .admin-card-body .admin-meta .meta-item .meta-label{font-size:12px}.admin-card-mobile .admin-card-body .admin-meta .meta-item .meta-value{font-size:11px}.admin-card-mobile .admin-card-body .admin-meta .meta-item .status-toggle{padding:3px 8px;font-size:9px}.admin-card-mobile .admin-card-actions{padding:12px 15px;gap:8px}.admin-card-mobile .admin-card-actions .btn{padding:6px 12px;font-size:11px;flex:1 1;justify-content:center}.admin-card-mobile .admin-card-actions .btn i{font-size:10px}}