@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#fff}.container{max-width:1400px;margin:0 auto;padding:0 20px}header{position:fixed;top:0;left:0;width:100%;background:#fff;box-shadow:0 2px 10px #0000000d;z-index:1000;transition:all .3s ease}header.scrolled{box-shadow:0 4px 20px #0000001a}header .navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}header .logo{display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:#e74c3c;text-decoration:none}header .logo .logo-icon{margin-right:.5rem}header .nav-links{display:flex;list-style:none;gap:2rem}@media (max-width: 768px){header .nav-links{position:fixed;top:70px;left:0;width:100%;background:#fff;flex-direction:column;padding:2rem;box-shadow:0 2px 10px #0000000d;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}header .nav-links.active{transform:translateY(0);opacity:1;visibility:visible}}header .nav-links a{text-decoration:none;color:#333;font-weight:500;transition:all .3s ease;cursor:pointer}header .nav-links a:hover{color:#e74c3c}header .auth-buttons{display:flex;gap:1rem}@media (max-width: 768px){header .auth-buttons{display:none}}header .mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer}@media (max-width: 768px){header .mobile-menu-toggle{display:block}}.btn-login{background:transparent;color:#333}.btn-login:hover{color:#e74c3c}.btn-signup{background:#e74c3c;color:#fff}.btn-signup:hover{background:#c0392b}.btn-dashboard{background:#2c3e50;color:#fff}.btn-dashboard:hover{background:#3e5871}.btn-logout{background:transparent;color:#333;border:1px solid #e0e0e0}.btn-logout:hover{border-color:#e74c3c;color:#e74c3c}.hero{padding:140px 0 80px;background:#f8f9fa;text-align:center}.hero .hero-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#2c3e50}@media (max-width: 768px){.hero .hero-title{font-size:2rem}}.hero .hero-subtitle{font-size:1.2rem;margin-bottom:2rem;color:#666;max-width:600px;margin-left:auto;margin-right:auto}.quick-stats{padding:3rem 0;background:#fff;border-bottom:1px solid #e0e0e0}.quick-stats .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 768px){.quick-stats .stats-grid{grid-template-columns:1fr;gap:1.5rem}}.quick-stats .stat{text-align:center}.quick-stats .stat h3{font-size:2rem;color:#e74c3c;margin-bottom:.5rem}.quick-stats .stat p{color:#666;font-weight:500}.section-title{font-size:2rem;text-align:center;margin-bottom:3rem;color:#2c3e50}@media (max-width: 768px){.section-title{font-size:1.8rem}}.tools-filter{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.tools-filter .filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #e0e0e0;background:#fff;color:#333;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.9rem}.tools-filter .filter-btn:hover{border-color:#e74c3c;color:#e74c3c;transform:translateY(-2px)}.tools-filter .filter-btn.active{background:#e74c3c;border-color:#e74c3c;color:#fff;box-shadow:0 4px 15px #e74c3c4d}.tools-filter .filter-btn svg{transition:all .3s ease}.pdf-tools{padding:5rem 0;background:#f8f9fa}.pdf-tools .tools-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}@media (max-width: 1200px){.pdf-tools .tools-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 992px){.pdf-tools .tools-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.pdf-tools .tools-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 480px){.pdf-tools .tools-grid{grid-template-columns:1fr}}.pdf-tools .tool-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 10px #0000000d;text-align:center;transition:all .3s ease;cursor:pointer;border:1px solid transparent;position:relative;overflow:hidden;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}.pdf-tools .tool-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;border-color:#e74c3c}.pdf-tools .tool-card .tool-icon{width:60px;height:60px;background:#e74c3c;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.pdf-tools .tool-card .tool-icon svg{color:#fff}.pdf-tools .tool-card h3{font-size:1.1rem;margin-bottom:.75rem;color:#2c3e50;line-height:1.3}.pdf-tools .tool-card p{color:#666;line-height:1.5;margin-bottom:1rem;font-size:.85rem;flex-grow:1}.pdf-tools .tool-card .tool-category{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pdf-tools .tool-card .tool-category.convert{background:#3498db1a;color:#3498db;border:1px solid rgba(52,152,219,.3)}.pdf-tools .tool-card .tool-category.organize{background:#27ae601a;color:#27ae60;border:1px solid rgba(39,174,96,.3)}.pdf-tools .tool-card .tool-category.security{background:#9b59b61a;color:#9b59b6;border:1px solid rgba(155,89,182,.3)}.pdf-tools .tool-card .tool-category.edit{background:#f39c121a;color:#f39c12;border:1px solid rgba(243,156,18,.3)}.features{padding:5rem 0;background:#fff}.features .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.features .feature-card{background:#fff;padding:2rem;border-radius:8px;text-align:center;box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.features .feature-card:hover{transform:translateY(-3px)}.features .feature-card .feature-icon{width:60px;height:60px;background:#e74c3c;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.features .feature-card .feature-icon svg{color:#fff}.features .feature-card h3{font-size:1.3rem;margin-bottom:1rem;color:#2c3e50}.features .feature-card p{color:#666;line-height:1.6}.cta-section{padding:5rem 0;background:#f8f9fa;text-align:center}.cta-section .cta-content h2{font-size:2rem;margin-bottom:1rem;color:#2c3e50}@media (max-width: 768px){.cta-section .cta-content h2{font-size:1.8rem}}.cta-section .cta-content p{font-size:1.1rem;margin-bottom:2rem;color:#666}footer{background:#2c3e50;color:#fff;padding:3rem 0 1rem}footer .footer-content{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-bottom:2rem}@media (max-width: 768px){footer .footer-content{grid-template-columns:1fr;gap:2rem}}footer .footer-brand .logo{display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;margin-bottom:1rem}footer .footer-brand .logo .logo-icon{margin-right:.5rem}footer .footer-brand p{margin-bottom:1.5rem;opacity:.8}footer .footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media (max-width: 768px){footer .footer-links{grid-template-columns:1fr}}footer .footer-column h4{margin-bottom:1rem;font-size:1.1rem}footer .footer-column ul{list-style:none}footer .footer-column ul li{margin-bottom:.5rem}footer .footer-column ul li a{color:#fffc;text-decoration:none;transition:all .3s ease}footer .footer-column ul li a:hover{color:#e74c3c}footer .footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:#fff9}.converter-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:2.5rem;margin-bottom:3rem;border:1px solid #e0e0e0;max-width:1200px;margin-left:auto;margin-right:auto;transition:all .3s ease}@media (max-width: 768px){.converter-card{padding:1.5rem;margin:0 1rem 2rem}}.converter-card:hover{box-shadow:0 8px 25px #0000001a}.converter-card .upload-section{margin-bottom:2rem}.converter-card .upload-section .drop-zone{border:2px dashed #e0e0e0;border-radius:8px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#f8f9fa80;position:relative}.converter-card .upload-section .drop-zone:hover,.converter-card .upload-section .drop-zone.dragging{border-color:#e74c3c;background:#e74c3c0d;transform:translateY(-2px)}.converter-card .upload-section .drop-zone:hover .upload-icon,.converter-card .upload-section .drop-zone.dragging .upload-icon{transform:scale(1.1);color:#e74c3c}.converter-card .upload-section .drop-zone .drop-zone-content .upload-icon{font-size:3rem;margin-bottom:1rem;display:block;transition:all .3s ease}.converter-card .upload-section .drop-zone .drop-zone-content h3{font-size:1.3rem;margin-bottom:.5rem;color:#2c3e50;font-weight:600}.converter-card .upload-section .drop-zone .drop-zone-content p{color:#666;margin-bottom:.5rem;line-height:1.6}.converter-card .upload-section .drop-zone .drop-zone-content .file-types{font-size:.9rem;color:#666;background:#f8f9fa;padding:.25rem .75rem;border-radius:15px;display:inline-block;margin-bottom:1rem;border:1px solid #e0e0e0}.converter-card .upload-section .drop-zone .drop-zone-content .files-count{margin-top:1rem;padding:.75rem 1.5rem;background:#e74c3c;color:#fff;border-radius:6px;font-weight:600;display:inline-block;box-shadow:0 2px 8px #e74c3c4d}.converter-card .upload-section .drop-zone .drop-zone-content .files-count .pages-count{font-size:.8rem;opacity:.9;margin-top:.25rem;font-weight:500}.converter-card .selected-files{margin:2rem 0;background:#f8f9fa;border-radius:8px;padding:1.5rem;border:1px solid #e0e0e0}.converter-card .selected-files .files-title{color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.converter-card .selected-files .files-title:before{content:"\1f4c1";font-size:1.5rem}.converter-card .selected-files .files-list{max-height:300px;overflow-y:auto;margin-bottom:1.5rem;border:1px solid #e0e0e0;border-radius:6px;background:#fff}.converter-card .selected-files .files-list .file-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e0e0e0;transition:all .3s ease}.converter-card .selected-files .files-list .file-item:last-child{border-bottom:none}.converter-card .selected-files .files-list .file-item:hover{background:#e74c3c0d}.converter-card .selected-files .files-list .file-item .file-info{display:flex;align-items:center;gap:1rem;flex:1}.converter-card .selected-files .files-list .file-item .file-info .file-icon{font-size:1.5rem;color:#e74c3c}.converter-card .selected-files .files-list .file-item .file-info .file-details .file-name{display:block;font-weight:600;color:#2c3e50;margin-bottom:.25rem;word-break:break-word}.converter-card .selected-files .files-list .file-item .file-info .file-details .file-size{font-size:.9rem;color:#666}.converter-card .selected-files .files-list .file-item .remove-file-btn{background:#e74c3c1a;border:1px solid rgba(231,76,60,.2);color:#e74c3c;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.2rem;font-weight:700}.converter-card .selected-files .files-list .file-item .remove-file-btn:hover{background:#e74c3c;color:#fff;transform:scale(1.1)}.converter-card .selected-files .files-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.converter-card .selected-files .files-summary .summary-item{background:#fff;padding:1rem;border-radius:6px;text-align:center;border:1px solid #e0e0e0;transition:all .3s ease}.converter-card .selected-files .files-summary .summary-item:hover{transform:translateY(-2px);box-shadow:0 2px 10px #0000000d}.converter-card .selected-files .files-summary .summary-item strong{color:#2c3e50;display:block;margin-bottom:.5rem;font-size:.9rem}.converter-card .selected-files .files-summary .summary-item span{color:#e74c3c;font-weight:600;font-size:1rem}.converter-card .selected-files .clear-all-btn{width:100%;padding:.75rem;background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.3);border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:600}.converter-card .selected-files .clear-all-btn:hover{background:#e74c3c;color:#fff;transform:translateY(-2px)}.converter-card .merge-settings{margin:2rem 0;background:#f8f9fa;border-radius:8px;padding:1.5rem;border:1px solid #e0e0e0}.converter-card .merge-settings .settings-title{color:#2c3e50;font-size:1.2rem;margin-bottom:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.converter-card .merge-settings .settings-title:before{content:"\2699\fe0f";font-size:1.5rem}.converter-card .merge-settings .setting-group{margin-bottom:1.5rem}.converter-card .merge-settings .setting-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50}.converter-card .merge-settings .setting-group .text-input{width:100%;max-width:400px;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .3s ease}.converter-card .merge-settings .setting-group .text-input:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.converter-card .merge-settings .setting-group .text-input::placeholder{color:#666}.converter-card .merge-settings .setting-group .setting-info{display:block;margin-top:.5rem;color:#666;font-size:.85rem;font-style:italic}.converter-card .merge-settings .conversion-info{background:#fff;border-radius:8px;padding:1.5rem;margin:1.5rem 0;border:1px solid #e0e0e0}.converter-card .merge-settings .conversion-info .info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e0e0e0}.converter-card .merge-settings .conversion-info .info-item:last-child{border-bottom:none}.converter-card .merge-settings .conversion-info .info-item strong{color:#2c3e50;font-weight:600}.converter-card .merge-settings .conversion-info .info-item span{color:#e74c3c;font-weight:500}.converter-card .merge-settings .convert-btn{width:100%;padding:1rem 2rem;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.converter-card .merge-settings .convert-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.converter-card .merge-settings .convert-btn:hover:not(:disabled){background:#c0392b;transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66}.converter-card .merge-settings .convert-btn:hover:not(:disabled):before{left:100%}.converter-card .merge-settings .convert-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.converter-card .merge-settings .progress-section{margin-top:1.5rem;text-align:center}.converter-card .merge-settings .progress-section .progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:.75rem;box-shadow:inset 0 1px 3px #0000001a}.converter-card .merge-settings .progress-section .progress-fill{height:100%;background:linear-gradient(90deg,#e74c3c,#3498db);border-radius:4px;transition:width .3s ease;position:relative;overflow:hidden}.converter-card .merge-settings .progress-section .progress-fill: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}.converter-card .merge-settings .progress-section .progress-text{font-weight:600;color:#2c3e50;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.converter-card .merge-settings .progress-section .progress-text:before{content:"\1f4ca"}.converter-card .status-message{padding:1rem 1.5rem;border-radius:8px;margin:1.5rem 0;text-align:center;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease}.converter-card .status-message.error-message{background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.2)}.converter-card .status-message.error-message:before{content:"\26a0\fe0f";font-size:1.2rem}.converter-card .status-message:not(.error-message){background:#27ae601a;color:#27ae60;border:1px solid rgba(39,174,96,.2)}.converter-card .status-message:not(.error-message):before{content:"\2139\fe0f";font-size:1.2rem}.converter-card .action-buttons{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.converter-card .action-buttons .reset-btn{padding:.75rem 1.5rem;background:#6666661a;color:#666;border:1px solid #e0e0e0;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.converter-card .action-buttons .reset-btn:hover{background:#e74c3c;color:#fff;border-color:#e74c3c;transform:translateY(-2px)}.converter-card .action-buttons .reset-btn:before{content:"\1f5d1\fe0f"}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.animate-spin{animation:spin 1s linear infinite}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideIn{animation:slideIn .3s ease-out}.animate-bounce{animation:bounce 1s ease-in-out}.security-notice{background:#e74c3c0d;border:1px solid rgba(231,76,60,.2);border-radius:8px;padding:1.5rem;margin:2rem 0;display:flex;align-items:flex-start;gap:1rem}.security-notice .security-icon{font-size:1.5rem;flex-shrink:0;margin-top:.25rem}.security-notice .notice-text h3{color:#2c3e50;margin-bottom:.5rem;font-size:1.1rem}.security-notice .notice-text p{color:#666;line-height:1.6;margin:0}.password-section{background:#fff;border-radius:8px;padding:2rem;margin:2rem 0;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0}.password-section .section-title{font-size:1.5rem;margin-bottom:1.5rem;color:#2c3e50;text-align:left}.password-section .password-form .form-group{margin-bottom:1.5rem}.password-section .password-form .form-group .form-label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50}.password-section .password-form .form-group .password-input-container{position:relative;display:flex;align-items:center}.password-section .password-form .form-group .password-input-container .form-input{width:100%;padding:.75rem;border:1px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .3s ease}.password-section .password-form .form-group .password-input-container .form-input:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.password-section .password-form .form-group .password-input-container .form-input.error{border-color:#e74c3c}.password-section .password-form .form-group .password-input-container .password-toggle{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;font-size:1.2rem;color:#666;transition:all .3s ease}.password-section .password-form .form-group .password-input-container .password-toggle:hover{color:#e74c3c}.password-section .password-form .form-group .password-strength{margin-top:.5rem}.password-section .password-form .form-group .password-strength .strength-bar{height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden;margin-bottom:.25rem}.password-section .password-form .form-group .password-strength .strength-bar .strength-fill{height:100%;width:0;transition:width .3s ease}.password-section .password-form .form-group .password-strength .strength-bar .strength-fill.weak{width:33.33%;background:#e74c3c}.password-section .password-form .form-group .password-strength .strength-bar .strength-fill.medium{width:66.66%;background:#3498db}.password-section .password-form .form-group .password-strength .strength-bar .strength-fill.strong{width:100%;background:#27ae60}.password-section .password-form .form-group .password-strength .strength-text{font-size:.8rem;color:#666}.password-section .password-form .form-group .error-message{color:#e74c3c;font-size:.8rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.password-section .password-form .conversion-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.password-section .password-form .conversion-info .info-item strong{color:#2c3e50;display:block;margin-bottom:.25rem;font-size:.9rem}.password-section .password-form .conversion-info .info-item span{color:#666;font-size:.9rem}.password-section .password-form .convert-btn{width:100%;padding:1rem;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.password-section .password-form .convert-btn:hover:not(:disabled){background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 15px #e74c3c4d}.password-section .password-form .convert-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.password-section .password-form .progress-section{text-align:center;margin-top:1.5rem}.password-section .password-form .progress-section .progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.password-section .password-form .progress-section .progress-bar .progress-fill{height:100%;background:#e74c3c;border-radius:4px;transition:width .3s ease}.password-section .password-form .progress-section .progress-text{font-weight:600;color:#2c3e50;font-size:.9rem}.batch-conversion-banner{background:#f8f9fa;padding:2rem 0;border-bottom:1px solid #e0e0e0;text-align:center}.batch-conversion-banner .banner-content h2{font-size:1.8rem;font-weight:700;color:#2c3e50;margin:0}@media (max-width: 768px){.batch-conversion-banner .banner-content h2{font-size:1.5rem}}@media (max-width: 768px){.container{padding:0 15px}.hero{padding:120px 0 60px}.quick-stats{padding:2rem 0}.pdf-tools,.features,.cta-section{padding:3rem 0}.auth-buttons{flex-direction:column;gap:.5rem}.tools-filter{gap:.5rem}.tools-filter .filter-btn{padding:.5rem 1rem;font-size:.8rem}.converter-card .selected-files .files-summary{grid-template-columns:1fr}.converter-card .merge-settings .conversion-info .info-item{flex-direction:column;align-items:flex-start;gap:.25rem}.compression-settings{padding:1.5rem;margin:1.5rem 0}.compression-settings .compression-levels .level-option{padding:1rem;flex-direction:column}.compression-settings .compression-levels .level-option input[type=radio]{margin-right:0;margin-bottom:1rem;align-self:flex-start}.compression-settings .compression-levels .level-option .level-label strong{font-size:1rem}.compression-settings .compression-levels .level-option .level-label .level-features li{font-size:.85rem}.compression-settings .conversion-info{padding:1rem}.compression-settings .conversion-info .info-item{flex-direction:column;align-items:flex-start;gap:.25rem;text-align:left}.watermark-settings{padding:1.5rem;margin:1.5rem 0}.watermark-settings .settings-grid{grid-template-columns:1fr;gap:1rem}.watermark-settings .setting-group{padding:1rem}.watermark-settings .appearance-settings{grid-template-columns:1fr}.watermark-settings .specific-pages .pages-header{flex-direction:column;gap:1rem;align-items:stretch}.watermark-settings .specific-pages .pages-header .add-page-btn{text-align:center}.watermark-settings .specific-pages .pages-list .page-item{flex-direction:column;align-items:flex-start;gap:.5rem}.watermark-settings .specific-pages .pages-list .page-item .page-input{width:100%}}@media (max-width: 480px){.converter-card .upload-section .drop-zone{padding:2rem 1rem}.converter-card .selected-files{padding:1rem}.converter-card .selected-files .files-list .file-item{flex-direction:column;align-items:flex-start;gap:1rem}.converter-card .selected-files .files-list .file-item .file-info{width:100%}.converter-card .selected-files .files-list .file-item .remove-file-btn{align-self:flex-end}.converter-card .merge-settings,.compression-settings{padding:1rem}.compression-settings .settings-title{font-size:1.1rem}.compression-settings .compression-levels .level-option{padding:.75rem}.compression-settings .compression-levels .level-option .level-label .level-features li{font-size:.8rem}.watermark-settings{padding:1rem}.watermark-settings .settings-title{font-size:1.1rem}.watermark-settings .image-drop-zone{padding:1.5rem 1rem}.watermark-settings .preview-section{padding:1rem}}.text-warning{color:#f39c12!important}.bg-danger{background:#e74c3c!important}.bg-warning{background:#f39c12!important}.mt-3{margin-top:1rem!important}.mb-3{margin-bottom:1rem!important}.pt-3{padding-top:1rem!important}.pb-3{padding-bottom:1rem!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}@media (max-width: 768px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}}@media (max-width: 480px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}}.converter-container{padding:120px 0 80px;min-height:100vh;background:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.converter-container .header{text-align:center;margin-bottom:3rem}.converter-container .header .title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#2c3e50;display:flex;align-items:center;justify-content:center;gap:1rem}@media (max-width: 768px){.converter-container .header .title{font-size:2rem;flex-direction:column;gap:.5rem}}.converter-container .header .title .icon{font-size:3rem}.converter-container .header .subtitle{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.converter-container .converter-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:2.5rem;margin-bottom:3rem;border:1px solid #e0e0e0;max-width:1200px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.converter-container .converter-card{padding:1.5rem;margin:0 1rem 2rem}}.converter-container .upload-section{margin-bottom:2rem}.converter-container .upload-section .drop-zone{border:2px dashed #e0e0e0;border-radius:8px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#f8f9fa80}.converter-container .upload-section .drop-zone:hover,.converter-container .upload-section .drop-zone.dragging{border-color:#e74c3c;background:#e74c3c0d;transform:translateY(-2px)}.converter-container .upload-section .drop-zone .drop-zone-content .upload-icon{font-size:3rem;margin-bottom:1rem;display:block}.converter-container .upload-section .drop-zone .drop-zone-content h3{font-size:1.3rem;margin-bottom:.5rem;color:#2c3e50}.converter-container .upload-section .drop-zone .drop-zone-content p{color:#666;margin-bottom:.5rem;line-height:1.6}.converter-container .upload-section .drop-zone .drop-zone-content .file-types{font-size:.9rem;color:#666;background:#f8f9fa;padding:.25rem .75rem;border-radius:15px;display:inline-block;margin-bottom:1rem}.converter-container .upload-section .drop-zone .drop-zone-content .files-count{margin-top:1rem;padding:.75rem;background:#e74c3c;color:#fff;border-radius:6px;font-weight:600;display:inline-block}.converter-container .upload-section .selected-files{margin-top:2rem}.converter-container .upload-section .selected-files .files-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 .5rem}.converter-container .upload-section .selected-files .files-header h4{color:#2c3e50;font-size:1.1rem;margin:0}.converter-container .upload-section .selected-files .files-header .clear-all-btn{background:none;border:1px solid #e0e0e0;color:#666;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.converter-container .upload-section .selected-files .files-header .clear-all-btn:hover{border-color:#e74c3c;color:#e74c3c}.converter-container .upload-section .selected-files .files-list .file-item{display:flex;align-items:center;padding:1rem;background:#f8f9fa;border-radius:6px;margin-bottom:.5rem;transition:all .3s ease;border:1px solid transparent}.converter-container .upload-section .selected-files .files-list .file-item:hover{background:#f2f4f6;border-color:#e0e0e0}.converter-container .upload-section .selected-files .files-list .file-item .file-icon{font-size:1.5rem;margin-right:1rem;flex-shrink:0}.converter-container .upload-section .selected-files .files-list .file-item .file-details{flex:1;min-width:0}.converter-container .upload-section .selected-files .files-list .file-item .file-details .file-name{display:block;font-weight:600;color:#2c3e50;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.converter-container .upload-section .selected-files .files-list .file-item .file-details .file-size{font-size:.9rem;color:#666}.converter-container .upload-section .selected-files .files-list .file-item .remove-btn{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .3s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.converter-container .upload-section .selected-files .files-list .file-item .remove-btn:hover{color:#e74c3c;background:#e74c3c1a}.converter-container .settings-section .conversion-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.converter-container .settings-section .conversion-info .info-item{text-align:center;padding:1rem;background:#fff;border-radius:6px;box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.converter-container .settings-section .conversion-info .info-item:hover{transform:translateY(-2px)}.converter-container .settings-section .conversion-info .info-item strong{color:#2c3e50;display:block;margin-bottom:.5rem;font-size:.9rem}.converter-container .settings-section .conversion-info .info-item span{color:#e74c3c;font-weight:600;font-size:1.1rem}.converter-container .settings-section .convert-btn{width:100%;padding:1rem 2rem;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.converter-container .settings-section .convert-btn:hover:not(:disabled){background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 15px #e74c3c4d}.converter-container .settings-section .convert-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.converter-container .settings-section .progress-section{text-align:center;margin-top:1.5rem}.converter-container .settings-section .progress-section .progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.converter-container .settings-section .progress-section .progress-bar .progress-fill{height:100%;background:#e74c3c;border-radius:4px;transition:width .3s ease;box-shadow:0 2px 4px #e74c3c4d}.converter-container .settings-section .progress-section .progress-text{font-weight:600;color:#2c3e50;font-size:.9rem}.converter-container .status-message,.converter-container .error-message{padding:1rem;border-radius:6px;margin-bottom:1rem;text-align:center;font-weight:500}.converter-container .status-message{background:#3498db1a;color:#3498db;border:1px solid rgba(52,152,219,.2)}.converter-container .error-message{background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.2);display:flex;align-items:center;justify-content:center;gap:.5rem}.converter-container .result-section{margin-top:2rem}.converter-container .result-section .success-card,.converter-container .result-section .error-card{padding:2rem;border-radius:8px;text-align:center;border:1px solid}.converter-container .result-section .success-card{background:#27ae601a;border-color:#27ae6033}.converter-container .result-section .error-card{background:#e74c3c1a;border-color:#e74c3c33}.converter-container .result-section .result-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.converter-container .result-section .result-header .result-icon{font-size:2rem}.converter-container .result-section .result-header h4{color:#2c3e50;margin:0;font-size:1.3rem}.converter-container .result-section .result-header h4 .result-stats{color:#666;font-weight:400;font-size:.9rem}.converter-container .result-section .result-details .conversion-summary{margin-bottom:2rem;text-align:left;background:#fff;padding:1.5rem;border-radius:6px;border:1px solid #e0e0e0}.converter-container .result-section .result-details .conversion-summary p{margin-bottom:.5rem;line-height:1.6}.converter-container .result-section .result-details .conversion-summary p strong{color:#2c3e50}.converter-container .result-section .result-details .action-buttons{text-align:center}.converter-container .result-section .result-details .action-buttons .reset-btn{padding:.75rem 1.5rem;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.converter-container .result-section .result-details .action-buttons .reset-btn:hover{background:#c0392b;transform:translateY(-2px)}.converter-container .info-section{margin-bottom:3rem;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 1rem}.converter-container .info-section .info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.converter-container .info-section .info-cards .info-card{background:#fff;padding:2rem;border-radius:8px;text-align:center;box-shadow:0 2px 10px #0000000d;transition:all .3s ease;border:1px solid #e0e0e0}.converter-container .info-section .info-cards .info-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.converter-container .info-section .info-cards .info-card .info-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.converter-container .info-section .info-cards .info-card h4{font-size:1.2rem;margin-bottom:1rem;color:#2c3e50}.converter-container .info-section .info-cards .info-card p{color:#666;line-height:1.6;margin:0}.converter-container .faq-section{max-width:800px;margin:0 auto 3rem;padding:0 1rem}.converter-container .faq-section .faq-title{text-align:center;font-size:2rem;margin-bottom:2rem;color:#2c3e50;font-weight:700}@media (max-width: 768px){.converter-container .faq-section .faq-title{font-size:1.8rem}}.converter-container .faq-section .faq-list .faq-item{background:#fff;border-radius:8px;margin-bottom:1rem;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0;overflow:hidden}.converter-container .faq-section .faq-list .faq-item .faq-question{padding:1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#2c3e50;transition:all .3s ease;list-style:none;margin:0}.converter-container .faq-section .faq-list .faq-item .faq-question::-webkit-details-marker{display:none}.converter-container .faq-section .faq-list .faq-item .faq-question:hover{background:#f8f9fa}.converter-container .faq-section .faq-list .faq-item .faq-question .faq-icon{transition:all .3s ease;font-size:1.2rem}.converter-container .faq-section .faq-list .faq-item .faq-answer{padding:0 1.5rem;max-height:0;overflow:hidden;transition:all .3s ease}.converter-container .faq-section .faq-list .faq-item .faq-answer p{padding-bottom:1.5rem;color:#666;line-height:1.6;margin:0}.converter-container .faq-section .faq-list .faq-item[open] .faq-question{background:#f8f9fa}.converter-container .faq-section .faq-list .faq-item[open] .faq-question .faq-icon{transform:rotate(45deg)}.converter-container .faq-section .faq-list .faq-item[open] .faq-answer{max-height:500px}.compression-settings{background:#f8f9fa;border-radius:8px;padding:2rem;margin:2rem 0;border:1px solid #e0e0e0;transition:all .3s ease}.compression-settings:hover{box-shadow:0 4px 15px #00000014}.compression-settings .settings-title{color:#2c3e50;font-size:1.3rem;margin-bottom:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.compression-settings .settings-title:before{content:"\26a1";font-size:1.5rem}.compression-settings .compression-levels{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.compression-settings .compression-levels .level-option{display:flex;align-items:flex-start;padding:1.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative}.compression-settings .compression-levels .level-option:hover{border-color:#e74c3c;transform:translateY(-2px);box-shadow:0 2px 10px #0000000d}.compression-settings .compression-levels .level-option input[type=radio]:checked+.level-label:before{content:"\2713";position:absolute;top:-10px;right:-10px;width:25px;height:25px;background:#e74c3c;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;box-shadow:0 2px 5px #e74c3c4d}.compression-settings .compression-levels .level-option input[type=radio]{margin-right:1rem;margin-top:.25rem;accent-color:#e74c3c;transform:scale(1.2)}.compression-settings .compression-levels .level-option .level-label{flex:1}.compression-settings .compression-levels .level-option .level-label strong{color:#2c3e50;font-size:1.1rem;display:block;margin-bottom:.5rem}.compression-settings .compression-levels .level-option .level-label .level-description{color:#666;display:block;margin-bottom:.75rem;line-height:1.5}.compression-settings .compression-levels .level-option .level-label .level-reduction{display:inline-block;background:#27ae601a;color:#27ae60;padding:.4rem .8rem;border-radius:15px;font-size:.85rem;font-weight:600;margin-bottom:.75rem;border:1px solid rgba(39,174,96,.2)}.compression-settings .compression-levels .level-option .level-label .level-features{list-style:none;padding:0;margin:0}.compression-settings .compression-levels .level-option .level-label .level-features li{color:#333;font-size:.9rem;padding:.25rem 0;display:flex;align-items:center;gap:.5rem}.compression-settings .compression-levels .level-option .level-label .level-features li:before{content:"\2022";color:#e74c3c;font-weight:700;font-size:1.2rem}.compression-settings .conversion-info{background:#fff;border-radius:8px;padding:1.5rem;margin:1.5rem 0;border:1px solid #e0e0e0}.compression-settings .conversion-info .info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e0e0e0}.compression-settings .conversion-info .info-item:last-child{border-bottom:none}.compression-settings .conversion-info .info-item strong{color:#2c3e50;font-weight:600}.compression-settings .conversion-info .info-item span{color:#e74c3c;font-weight:500}.compression-settings .convert-btn{width:100%;padding:1rem 2rem;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.compression-settings .convert-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.compression-settings .convert-btn:hover:not(:disabled){background:#c0392b;transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66}.compression-settings .convert-btn:hover:not(:disabled):before{left:100%}.compression-settings .convert-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.compression-settings .progress-section{margin-top:1.5rem;text-align:center}.compression-settings .progress-section .progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:.75rem;box-shadow:inset 0 1px 3px #0000001a}.compression-settings .progress-section .progress-fill{height:100%;background:linear-gradient(90deg,#e74c3c,#3498db);border-radius:4px;transition:width .3s ease;position:relative;overflow:hidden}.compression-settings .progress-section .progress-fill: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}.compression-settings .progress-section .progress-text{font-weight:600;color:#2c3e50;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.compression-settings .progress-section .progress-text:before{content:"\1f4ca"}.watermark-settings{background:#f8f9fa;border-radius:8px;padding:2rem;margin:2rem 0;border:1px solid #e0e0e0;transition:all .3s ease}.watermark-settings:hover{box-shadow:0 4px 15px #00000014}.watermark-settings .settings-title{color:#2c3e50;font-size:1.3rem;margin-bottom:1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.watermark-settings .settings-title:before{content:"\1f4a7";font-size:1.5rem}.watermark-settings .settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.watermark-settings .settings-grid{grid-template-columns:1fr;gap:1.5rem}}.watermark-settings .setting-group{background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e0e0e0;transition:all .3s ease}.watermark-settings .setting-group:hover{box-shadow:0 2px 10px #0000000d}.watermark-settings .setting-group .setting-label{display:block;margin-bottom:1rem;font-weight:600;color:#2c3e50;font-size:1rem}.watermark-settings .setting-group .radio-group{display:flex;flex-direction:column;gap:1rem}.watermark-settings .setting-group .radio-group .radio-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .3s ease}.watermark-settings .setting-group .radio-group .radio-option:hover{border-color:#e74c3c;background:#e74c3c0d}.watermark-settings .setting-group .radio-group .radio-option input[type=radio]{accent-color:#e74c3c;transform:scale(1.2)}.watermark-settings .setting-group .radio-group .radio-option .radio-label{font-weight:500;color:#333}.watermark-settings .setting-group .text-input,.watermark-settings .setting-group .select-input{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .3s ease;margin-bottom:1rem}.watermark-settings .setting-group .text-input:focus,.watermark-settings .setting-group .select-input:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.watermark-settings .setting-group .text-input::placeholder,.watermark-settings .setting-group .select-input::placeholder{color:#666}.watermark-settings .setting-group .preview-btn{padding:.5rem 1rem;background:#3498db1a;color:#3498db;border:1px solid rgba(52,152,219,.3);border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.watermark-settings .setting-group .preview-btn:hover{background:#3498db;color:#fff;transform:translateY(-1px)}.watermark-settings .image-drop-zone{border:2px dashed #e0e0e0;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#f8f9fa80;margin-bottom:1rem}.watermark-settings .image-drop-zone:hover,.watermark-settings .image-drop-zone.dragging{border-color:#e74c3c;background:#e74c3c0d;transform:translateY(-2px)}.watermark-settings .image-drop-zone:hover .upload-icon,.watermark-settings .image-drop-zone.dragging .upload-icon{transform:scale(1.1);color:#e74c3c}.watermark-settings .image-drop-zone .drop-zone-content .upload-icon{font-size:2.5rem;margin-bottom:1rem;display:block;transition:all .3s ease}.watermark-settings .image-drop-zone .drop-zone-content h4{font-size:1.1rem;margin-bottom:.5rem;color:#2c3e50}.watermark-settings .image-drop-zone .drop-zone-content p{color:#666;margin-bottom:.5rem;line-height:1.6}.watermark-settings .image-drop-zone .drop-zone-content .file-types{font-size:.8rem;color:#666;background:#f8f9fa;padding:.25rem .75rem;border-radius:15px;display:inline-block;margin-bottom:1rem;border:1px solid #e0e0e0}.watermark-settings .image-drop-zone .drop-zone-content .files-count{margin-top:1rem;padding:.5rem 1rem;background:#e74c3c;color:#fff;border-radius:6px;font-weight:600;display:inline-block}.watermark-settings .appearance-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1rem}.watermark-settings .appearance-settings .setting-group{margin-bottom:0}.watermark-settings .appearance-settings .slider-input{width:100%;margin:.5rem 0;accent-color:#e74c3c}.watermark-settings .appearance-settings .color-input{width:60px;height:40px;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .3s ease}.watermark-settings .appearance-settings .color-input:focus{outline:none;border-color:#e74c3c}.watermark-settings .specific-pages{margin-top:1rem;padding:1rem;background:#f8f9fa80;border-radius:6px;border:1px solid #e0e0e0}.watermark-settings .specific-pages .pages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.watermark-settings .specific-pages .pages-header span{font-weight:600;color:#2c3e50}.watermark-settings .specific-pages .pages-header .add-page-btn{padding:.5rem 1rem;background:#27ae601a;color:#27ae60;border:1px solid rgba(39,174,96,.3);border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.watermark-settings .specific-pages .pages-header .add-page-btn:hover{background:#27ae60;color:#fff}.watermark-settings .specific-pages .pages-list{display:flex;flex-direction:column;gap:.75rem}.watermark-settings .specific-pages .pages-list .page-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.watermark-settings .specific-pages .pages-list .page-item .page-label{font-weight:600;color:#2c3e50;font-size:.9rem}.watermark-settings .specific-pages .pages-list .page-item .page-input{width:80px;padding:.5rem;border:1px solid #e0e0e0;border-radius:4px;text-align:center}.watermark-settings .specific-pages .pages-list .page-item .page-input:focus{outline:none;border-color:#e74c3c}.watermark-settings .specific-pages .pages-list .page-item .remove-page-btn{width:24px;height:24px;background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:700}.watermark-settings .specific-pages .pages-list .page-item .remove-page-btn:hover{background:#e74c3c;color:#fff}.watermark-settings .preview-section{margin:2rem 0;padding:1.5rem;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.watermark-settings .preview-section h4{color:#2c3e50;margin-bottom:1rem;font-weight:600}.watermark-settings .preview-section .preview-box{width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#f8f9fa 25%,transparent 25%),linear-gradient(-45deg,#f8f9fa 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f9fa 75%),linear-gradient(-45deg,transparent 75%,#f8f9fa 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;border:2px dashed #e0e0e0;border-radius:6px;font-weight:600;color:#333;text-align:center}.watermark-settings .convert-btn{width:100%;padding:1rem 2rem;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.watermark-settings .convert-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.watermark-settings .convert-btn:hover:not(:disabled){background:#c0392b;transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66}.watermark-settings .convert-btn:hover:not(:disabled):before{left:100%}.watermark-settings .convert-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.watermark-settings .progress-section{margin-top:1.5rem;text-align:center}.watermark-settings .progress-section .progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:.75rem;box-shadow:inset 0 1px 3px #0000001a}.watermark-settings .progress-section .progress-fill{height:100%;background:linear-gradient(90deg,#e74c3c,#3498db);border-radius:4px;transition:width .3s ease;position:relative;overflow:hidden}.watermark-settings .progress-section .progress-fill: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}.watermark-settings .progress-section .progress-text{font-weight:600;color:#2c3e50;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.watermark-settings .progress-section .progress-text:before{content:"\1f4ca"}@keyframes shimmer{0%{left:-100%}to{left:100%}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:#e74c3c;color:#fff}.btn-primary:hover{background:#c0392b;transform:translateY(-2px)}.conversions-container{padding:2rem;max-width:1400px;margin:0 auto}@media (max-width: 768px){.conversions-container{padding:1rem}}.conversions-container .page-header{margin-bottom:2rem}.conversions-container .page-header .page-title{display:flex;align-items:center;gap:.75rem;font-size:1.8rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.conversions-container .page-header .page-title i{color:#e74c3c;font-size:1.5rem}.conversions-container .page-header p{color:#666;font-size:1.1rem;margin:0}.user-dashboard{padding:2rem;max-width:1400px;margin:0 auto}@media (max-width: 768px){.user-dashboard{padding:1rem}}.user-dashboard .dashboard-header{display:grid;grid-template-columns:1fr auto;gap:2rem;margin-bottom:2rem;align-items:start}@media (max-width: 768px){.user-dashboard .dashboard-header{grid-template-columns:1fr;gap:1.5rem}}.user-dashboard .dashboard-header .welcome-section h1{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}@media (max-width: 768px){.user-dashboard .dashboard-header .welcome-section h1{font-size:1.6rem}}.user-dashboard .dashboard-header .welcome-section p{color:#666;font-size:1.1rem;margin:0}.user-dashboard .dashboard-header .user-info-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0;min-width:280px}@media (max-width: 768px){.user-dashboard .dashboard-header .user-info-card{min-width:auto}}.user-dashboard .dashboard-header .user-info-card .subscription-badge{display:inline-block;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600;margin-bottom:1rem}.user-dashboard .dashboard-header .user-info-card .subscription-badge.badge-Free,.user-dashboard .dashboard-header .user-info-card .subscription-badge.badge-free{background:#6666661a;color:#666}.user-dashboard .dashboard-header .user-info-card .subscription-badge.badge-Basic,.user-dashboard .dashboard-header .user-info-card .subscription-badge.badge-basic{background:#3498db1a;color:#3498db}.user-dashboard .dashboard-header .user-info-card .subscription-badge.badge-Premium,.user-dashboard .dashboard-header .user-info-card .subscription-badge.badge-premium{background:#9b59b61a;color:#9b59b6}.user-dashboard .dashboard-header .user-info-card .subscription-badge.badge-Enterprise,.user-dashboard .dashboard-header .user-info-card .subscription-badge.badge-enterprise{background:#27ae601a;color:#27ae60}.user-dashboard .dashboard-header .user-info-card p{color:#333;margin:.5rem 0;font-size:.9rem}.user-dashboard .dashboard-header .user-info-card p:last-child{margin-bottom:0}.filters-section{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0;padding:1.5rem;margin-bottom:2rem}.filters-section .filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}@media (max-width: 768px){.filters-section .filter-grid{grid-template-columns:1fr}}.filters-section .filter-grid .filter-group .filter-label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50;font-size:.9rem}.filters-section .filter-grid .filter-group input,.filters-section .filter-grid .filter-group select{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .3s ease;background:#fff}.filters-section .filter-grid .filter-group input:focus,.filters-section .filter-grid .filter-group select:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.filters-section .filter-grid .filter-actions{display:flex;align-items:end;height:100%}.filters-section .filter-grid .filter-actions .btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.filters-section .filter-grid .filter-actions .btn.btn-secondary{background:#6666661a;color:#333;border:1px solid #e0e0e0}.filters-section .filter-grid .filter-actions .btn.btn-secondary:hover{background:#6663;border-color:#666}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stats-grid .stat-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stats-grid .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.stats-grid .stat-card .stat-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.stats-grid .stat-card .stat-icon.text-primary{background:#e74c3c}.stats-grid .stat-card .stat-icon.text-success{background:#27ae60}.stats-grid .stat-card .stat-icon.text-warning{background:#f39c12}.stats-grid .stat-card .stat-icon.text-info{background:#3498db}.stats-grid .stat-card .stat-content{flex:1}.stats-grid .stat-card .stat-content h3{font-size:1.8rem;font-weight:700;color:#2c3e50;margin:0 0 .25rem;line-height:1}.stats-grid .stat-card .stat-content p{color:#666;margin:0;font-weight:500}.recent-conversions,.quick-tools{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0;padding:1.5rem;margin-bottom:2rem}.recent-conversions h2,.quick-tools h2{font-size:1.3rem;font-weight:600;color:#2c3e50;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.recent-conversions h2 i,.quick-tools h2 i{color:#e74c3c}.conversions-list .conversion-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e0e0e0;transition:all .3s ease}.conversions-list .conversion-item:last-child{border-bottom:none}.conversions-list .conversion-item:hover{background:#e74c3c05}.conversions-list .conversion-item .conversion-info h4{font-size:1rem;font-weight:600;color:#2c3e50;margin-bottom:.25rem}.conversions-list .conversion-item .conversion-info p{color:#666;margin:0;font-size:.9rem}.conversions-list .conversion-item .conversion-status{padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.conversions-list .conversion-item .conversion-status.status-success{background:#27ae601a;color:#27ae60;border:1px solid rgba(39,174,96,.2)}.conversions-list .conversion-item .conversion-status.status-warning{background:#f39c121a;color:#f39c12;border:1px solid rgba(243,156,18,.2)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.tools-grid .tool-card{background:#f8f9fa;border-radius:8px;padding:1.5rem;text-align:center;text-decoration:none;color:inherit;transition:all .3s ease;border:1px solid transparent}.tools-grid .tool-card:hover{background:#fff;border-color:#e74c3c;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.tools-grid .tool-card i{font-size:2rem;color:#e74c3c;margin-bottom:.75rem;display:block}.tools-grid .tool-card span{font-weight:600;color:#2c3e50;display:block}.conversions-list-section .list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.conversions-list-section .list-header h3{font-size:1.2rem;font-weight:600;color:#2c3e50;margin:0}.conversion-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}@media (max-width: 768px){.conversion-cards{grid-template-columns:1fr}}.conversion-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0;overflow:hidden;transition:all .3s ease}.conversion-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.conversion-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid #e0e0e0}.conversion-card .card-header .file-info{display:flex;align-items:flex-start;gap:1rem;flex:1}.conversion-card .card-header .file-info .file-icon{font-size:1.5rem;color:#e74c3c;margin-top:.25rem}.conversion-card .card-header .file-info .file-details h4{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:.25rem;word-break:break-word}.conversion-card .card-header .file-info .file-details p{color:#666;margin:0;font-size:.9rem}.conversion-card .card-header .conversion-status .badge{padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}.conversion-card .card-header .conversion-status .badge.badge-completed{background:#27ae601a;color:#27ae60;border:1px solid rgba(39,174,96,.2)}.conversion-card .card-header .conversion-status .badge.badge-processing{background:#f39c121a;color:#f39c12;border:1px solid rgba(243,156,18,.2)}.conversion-card .card-header .conversion-status .badge.badge-failed{background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.2)}.conversion-card .card-body{padding:1.5rem}.conversion-card .card-body .conversion-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.conversion-card .card-body .conversion-details .detail-item label{display:block;font-weight:600;color:#666;font-size:.8rem;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.conversion-card .card-body .conversion-details .detail-item span{color:#2c3e50;font-weight:500;font-size:.9rem}.conversion-card .card-actions{padding:1rem 1.5rem;background:#f8f9fa;display:flex;gap:.75rem;border-top:1px solid #e0e0e0}.conversion-card .card-actions .btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;text-decoration:none}.conversion-card .card-actions .btn.btn-sm{font-size:.75rem;padding:.4rem .75rem}.conversion-card .card-actions .btn.btn-primary{background:#e74c3c;color:#fff}.conversion-card .card-actions .btn.btn-primary:hover{background:#c0392b;transform:translateY(-1px)}.conversion-card .card-actions .btn.btn-danger{background:#e74c3c1a;color:#e74c3c}.conversion-card .card-actions .btn.btn-danger:hover{background:#e74c3c;color:#fff;transform:translateY(-1px)}.loading-state{text-align:center;padding:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666}.loading-state .spinner{width:3rem;height:3rem;border:3px solid #e0e0e0;border-top:3px solid #e74c3c;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-state p{font-size:1.1rem;margin:0}.empty-state{text-align:center;padding:3rem;color:#666}.empty-state i{font-size:4rem;margin-bottom:1rem;color:#e0e0e0}.empty-state h3{font-size:1.5rem;margin-bottom:.5rem;color:#2c3e50}.empty-state p{margin:0 0 1.5rem;font-size:1rem}.empty-state .btn{padding:.75rem 1.5rem;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.empty-state .btn:hover{background:#c0392b;transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c4d}@media (max-width: 768px){.conversions-container,.user-dashboard{padding:1rem}.dashboard-header,.conversion-cards{grid-template-columns:1fr}.conversion-card .card-header{flex-direction:column;gap:1rem;align-items:flex-start}.conversion-card .card-actions{flex-direction:column}.conversion-card .card-actions .btn{width:100%;justify-content:center}.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-grid,.tools-grid,.conversion-card .card-body .conversion-details{grid-template-columns:1fr}}@media (max-width: 768px){.converter-container{padding:100px 0 40px}.converter-container .header .title{font-size:1.8rem}.converter-container .converter-card{padding:1.5rem;margin:0 .5rem 2rem}.converter-container .upload-section .drop-zone{padding:2rem 1rem}.converter-container .settings-section .conversion-info{grid-template-columns:1fr;padding:1rem}.converter-container .info-section .info-cards{grid-template-columns:1fr}.converter-container .faq-section .faq-title{font-size:1.6rem}.compression-settings{padding:1.5rem;margin:1.5rem 0}.compression-settings .compression-levels .level-option{padding:1rem;flex-direction:column}.compression-settings .compression-levels .level-option input[type=radio]{margin-right:0;margin-bottom:1rem;align-self:flex-start}.compression-settings .compression-levels .level-option .level-label strong{font-size:1rem}.compression-settings .compression-levels .level-option .level-label .level-features li{font-size:.85rem}.compression-settings .conversion-info{padding:1rem}.compression-settings .conversion-info .info-item{flex-direction:column;align-items:flex-start;gap:.25rem;text-align:left}.watermark-settings{padding:1.5rem;margin:1.5rem 0}.watermark-settings .settings-grid{grid-template-columns:1fr;gap:1rem}.watermark-settings .setting-group{padding:1rem}.watermark-settings .appearance-settings{grid-template-columns:1fr}.watermark-settings .specific-pages .pages-header{flex-direction:column;gap:1rem;align-items:stretch}.watermark-settings .specific-pages .pages-header .add-page-btn{text-align:center}.watermark-settings .specific-pages .pages-list .page-item{flex-direction:column;align-items:flex-start;gap:.5rem}.watermark-settings .specific-pages .pages-list .page-item .page-input{width:100%}}@media (max-width: 480px){.converter-container .header .title{font-size:1.5rem}.converter-container .converter-card{padding:1rem}.converter-container .upload-section .selected-files .files-header{flex-direction:column;gap:1rem;align-items:stretch}.converter-container .upload-section .selected-files .files-header .clear-all-btn{text-align:center}.converter-container .result-section .result-header{flex-direction:column;gap:.5rem}.compression-settings{padding:1rem}.compression-settings .settings-title{font-size:1.1rem}.compression-settings .compression-levels .level-option{padding:.75rem}.compression-settings .compression-levels .level-option .level-label .level-features li{font-size:.8rem}.watermark-settings{padding:1rem}.watermark-settings .settings-title{font-size:1.1rem}.watermark-settings .image-drop-zone{padding:1.5rem 1rem}.watermark-settings .preview-section{padding:1rem}}.text-primary{color:#e74c3c!important}.text-secondary{color:#3498db!important}.text-success{color:#27ae60!important}.text-danger{color:#e74c3c!important}.text-muted{color:#666!important}.bg-primary{background:#e74c3c!important}.bg-secondary{background:#3498db!important}.bg-success{background:#27ae60!important}.bg-light{background:#f8f9fa!important}.m-0{margin:0!important}.mt-1{margin-top:.25rem!important}.mb-1{margin-bottom:.25rem!important}.mt-2{margin-top:.5rem!important}.mb-2{margin-bottom:.5rem!important}.p-0{padding:0!important}.pt-1{padding-top:.25rem!important}.pb-1{padding-bottom:.25rem!important}.pt-2{padding-top:.5rem!important}.pb-2{padding-bottom:.5rem!important}.d-flex{display:flex!important}.d-none{display:none!important}.d-block{display:block!important}@media (max-width: 768px){.d-md-none{display:none!important}.d-md-block{display:block!important}}@media (max-width: 480px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}}.register-container{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#fff);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.register-container .register-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:2.5rem;width:100%;max-width:450px;border:1px solid #e0e0e0}@media (max-width: 768px){.register-container .register-card{padding:2rem 1.5rem;margin:1rem}}.register-container .register-card .register-header{text-align:center;margin-bottom:2rem}.register-container .register-card .register-header .logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.register-container .register-card .register-header .logo i{font-size:2rem;color:#e74c3c}.register-container .register-card .register-header .logo h1{font-size:1.8rem;font-weight:700;color:#2c3e50;margin:0}.register-container .register-card .register-header h2{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.register-container .register-card .register-header p{color:#666;margin:0}.auth-container{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#fff);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-container .auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:2.5rem;width:100%;max-width:400px;border:1px solid #e0e0e0}@media (max-width: 768px){.auth-container .auth-card{padding:2rem 1.5rem;margin:1rem}}.auth-container .auth-card .auth-header{text-align:center;margin-bottom:2rem}.auth-container .auth-card .auth-header .logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.auth-container .auth-card .auth-header .logo i{font-size:2rem;color:#e74c3c}.auth-container .auth-card .auth-header .logo h1{font-size:1.8rem;font-weight:700;color:#2c3e50;margin:0}.auth-container .auth-card .auth-header h2{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.auth-container .auth-card .auth-header p{color:#666;margin:0}.register-form .form-group,.auth-form .form-group{margin-bottom:1.5rem}.register-form .form-group .form-label,.auth-form .form-group .form-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem;font-size:.9rem}.register-form .form-group .form-label i,.auth-form .form-group .form-label i{color:#e74c3c;width:16px}.register-form .form-group .form-control,.auth-form .form-group .form-control{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .3s ease;background:#fff}.register-form .form-group .form-control:focus,.auth-form .form-group .form-control:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.register-form .form-group .form-control.is-invalid,.auth-form .form-group .form-control.is-invalid{border-color:#e74c3c}.register-form .form-group .invalid-feedback,.auth-form .form-group .invalid-feedback{color:#e74c3c;font-size:.8rem;margin-top:.25rem;display:block}.register-form .btn,.auth-form .btn{width:100%;padding:.75rem 1.5rem;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.register-form .btn:hover:not(:disabled),.auth-form .btn:hover:not(:disabled){background:#c0392b;transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c4d}.register-form .btn:disabled,.auth-form .btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.register-form .btn i,.auth-form .btn i{transition:all .3s ease}.alert{padding:1rem;border-radius:6px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:500}.alert i{font-size:1.1rem}.login-link,.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.login-link p,.auth-footer p{color:#666;margin:0}.login-link p a,.auth-footer p a{color:#e74c3c;text-decoration:none;font-weight:600;transition:all .3s ease;cursor:pointer}.login-link p a:hover,.auth-footer p a:hover{color:#c0392b;text-decoration:underline}.demo-credentials{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.demo-credentials h4{color:#2c3e50;margin-bottom:1rem;font-size:1rem;font-weight:600}.demo-credentials p{color:#666;margin-bottom:.5rem;font-size:.9rem}.demo-credentials p strong{color:#2c3e50}@media (max-width: 768px){.register-container,.auth-container{padding:1rem}.register-container .register-card,.register-container .auth-card,.auth-container .register-card,.auth-container .auth-card{padding:2rem 1.5rem;margin:.5rem}.register-header .logo h1,.auth-header .logo h1,.register-header .logo i,.auth-header .logo i{font-size:1.5rem}}@media (max-width: 480px){.register-container,.auth-container{padding:.5rem}.register-container .register-card,.register-container .auth-card,.auth-container .register-card,.auth-container .auth-card{padding:1.5rem 1rem;border-radius:8px}.register-header h2,.auth-header h2{font-size:1.3rem}.register-form .form-group,.auth-form .form-group{margin-bottom:1.25rem}.demo-credentials{padding:1rem}.demo-credentials h4{font-size:.9rem}.demo-credentials p{font-size:.8rem}}.register-card,.auth-card{animation:fadeInUp .5s ease-out}.dashboard-container{padding:2rem;max-width:1400px;margin:0 auto}@media (max-width: 768px){.dashboard-container{padding:1rem}}.dashboard-container .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.dashboard-container .page-header{flex-direction:column;align-items:stretch}}.dashboard-container .page-header .header-info .page-title{display:flex;align-items:center;gap:.75rem;font-size:1.8rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}@media (max-width: 768px){.dashboard-container .page-header .header-info .page-title{font-size:1.5rem}}.dashboard-container .page-header .header-info .page-title i{color:#e74c3c}.dashboard-container .page-header .header-info .user-welcome{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.dashboard-container .page-header .header-info .user-welcome span{color:#333;font-size:1rem}.dashboard-container .page-header .header-info .user-welcome span strong{color:#2c3e50}.dashboard-container .page-header .header-info .user-welcome .user-role{padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600}.dashboard-container .page-header .header-info .user-welcome .user-role.role-admin{background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.2)}.dashboard-container .page-header .header-info .user-welcome .user-role.role-user{background:#3498db1a;color:#3498db;border:1px solid rgba(52,152,219,.2)}.dashboard-container .page-header .refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.dashboard-container .page-header .refresh-btn:hover:not(:disabled){background:#c0392b;transform:translateY(-1px)}.dashboard-container .page-header .refresh-btn:disabled{opacity:.7;cursor:not-allowed}.dashboard-container .page-header .refresh-btn .fa-spin{animation:spin 1s linear infinite}.dashboard-container .loading-state{text-align:center;padding:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666}.dashboard-container .loading-state .spinner{width:3rem;height:3rem;border:3px solid #e0e0e0;border-top:3px solid #e74c3c;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.dashboard-container .loading-state p{font-size:1.1rem;margin:0}.dashboard-container .admin-alert{margin-bottom:2rem}.dashboard-container .admin-alert .alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#3498db1a;color:#3498db;border:1px solid rgba(52,152,219,.2);border-radius:6px}.dashboard-container .admin-alert .alert i{font-size:1.2rem}.dashboard-container .admin-alert .alert strong{font-weight:600}.dashboard-container .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}@media (max-width: 768px){.dashboard-container .stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 480px){.dashboard-container .stats-grid{grid-template-columns:1fr}}.dashboard-container .stats-grid .stat-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.dashboard-container .stats-grid .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.dashboard-container .stats-grid .stat-card .stat-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.dashboard-container .stats-grid .stat-card .stat-icon.views{background:#e74c3c}.dashboard-container .stats-grid .stat-card .stat-icon.visitors{background:#3498db}.dashboard-container .stats-grid .stat-card .stat-icon.conversion{background:#27ae60}.dashboard-container .stats-grid .stat-card .stat-icon.subscriptions{background:#9b59b6}.dashboard-container .stats-grid .stat-card .stat-info{flex:1}.dashboard-container .stats-grid .stat-card .stat-info .stat-value{font-size:1.8rem;font-weight:700;color:#2c3e50;margin:0 0 .25rem;line-height:1}.dashboard-container .stats-grid .stat-card .stat-info .stat-label{color:#666;margin:0;font-weight:500}.dashboard-container .subscription-breakdown{margin-bottom:3rem}.dashboard-container .subscription-breakdown .section-title{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:1.5rem;text-align:right}.dashboard-container .subscription-breakdown .subscription-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}@media (max-width: 768px){.dashboard-container .subscription-breakdown .subscription-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.dashboard-container .subscription-breakdown .subscription-cards{grid-template-columns:1fr}}.dashboard-container .subscription-breakdown .subscription-cards .subscription-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0;text-align:center;transition:all .3s ease}.dashboard-container .subscription-breakdown .subscription-cards .subscription-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.dashboard-container .subscription-breakdown .subscription-cards .subscription-card.free{border-top:4px solid #666666}.dashboard-container .subscription-breakdown .subscription-cards .subscription-card.basic{border-top:4px solid #3498db}.dashboard-container .subscription-breakdown .subscription-cards .subscription-card.premium{border-top:4px solid #9b59b6}.dashboard-container .subscription-breakdown .subscription-cards .subscription-card.enterprise{border-top:4px solid #27ae60}.dashboard-container .subscription-breakdown .subscription-cards .subscription-card .subscription-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.dashboard-container .subscription-breakdown .subscription-cards .subscription-card .subscription-header i{font-size:1.5rem}.free .dashboard-container .subscription-breakdown .subscription-cards .subscription-card .subscription-header i{color:#666}.basic .dashboard-container .subscription-breakdown .subscription-cards .subscription-card .subscription-header i{color:#3498db}.premium .dashboard-container .subscription-breakdown .subscription-cards .subscription-card .subscription-header i{color:#9b59b6}.enterprise .dashboard-container .subscription-breakdown .subscription-cards .subscription-card .subscription-header i{color:#27ae60}.dashboard-container .subscription-breakdown .subscription-cards .subscription-card .subscription-header h3{font-size:1.2rem;font-weight:600;color:#2c3e50;margin:0}.dashboard-container .subscription-breakdown .subscription-cards .subscription-card .subscription-count{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.dashboard-container .subscription-breakdown .subscription-cards .subscription-card .subscription-percentage{font-size:1rem;color:#666;font-weight:500}.dashboard-container .quick-actions{margin-bottom:3rem}.dashboard-container .quick-actions .section-title{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:1.5rem;text-align:right}.dashboard-container .quick-actions .actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}@media (max-width: 768px){.dashboard-container .quick-actions .actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.dashboard-container .quick-actions .actions-grid{grid-template-columns:1fr}}.dashboard-container .quick-actions .actions-grid .action-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0;text-decoration:none;color:inherit;transition:all .3s ease;display:block}.dashboard-container .quick-actions .actions-grid .action-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#e74c3c}.dashboard-container .quick-actions .actions-grid .action-card .action-icon{width:50px;height:50px;background:#e74c3c1a;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.dashboard-container .quick-actions .actions-grid .action-card .action-icon i{font-size:1.5rem;color:#e74c3c}.dashboard-container .quick-actions .actions-grid .action-card h3{font-size:1.2rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.dashboard-container .quick-actions .actions-grid .action-card p{color:#666;margin:0;line-height:1.5}.dashboard-container .system-info .section-title{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:1.5rem;text-align:right}.dashboard-container .system-info .info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}@media (max-width: 480px){.dashboard-container .system-info .info-cards{grid-template-columns:1fr}}.dashboard-container .system-info .info-cards .info-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0;text-align:center;transition:all .3s ease}.dashboard-container .system-info .info-cards .info-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.dashboard-container .system-info .info-cards .info-card i{font-size:2rem;color:#e74c3c;margin-bottom:1rem;display:block}.dashboard-container .system-info .info-cards .info-card h4{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.dashboard-container .system-info .info-cards .info-card p{color:#666;margin:0}.analytics-container{padding:2rem;max-width:1400px;margin:0 auto}.analytics-container .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.analytics-container .page-header{flex-direction:column;align-items:stretch}}.analytics-container .page-header .page-title{display:flex;align-items:center;gap:.75rem;font-size:1.8rem;font-weight:700;color:#2c3e50;margin:0}.analytics-container .page-header .page-title i{color:#e74c3c;font-size:1.5rem}.analytics-container .page-header .date-range-selector{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}@media (max-width: 480px){.analytics-container .page-header .date-range-selector{flex-direction:column;align-items:stretch;gap:.5rem}}.analytics-container .page-header .date-range-selector label{font-weight:600;color:#2c3e50;white-space:nowrap}.analytics-container .page-header .date-range-selector input{padding:.5rem .75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:.9rem;transition:all .3s ease}.analytics-container .page-header .date-range-selector input:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}@media (max-width: 480px){.analytics-container .page-header .date-range-selector input{width:100%}}.analytics-container .loading-state{text-align:center;padding:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666}.analytics-container .loading-state .spinner{width:3rem;height:3rem;border:3px solid #e0e0e0;border-top:3px solid #e74c3c;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.analytics-container .loading-state p{font-size:1.1rem;margin:0}.analytics-container .analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.analytics-container .analytics-summary .summary-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.analytics-container .analytics-summary .summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.analytics-container .analytics-summary .summary-card .summary-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.analytics-container .analytics-summary .summary-card .summary-icon.total-views{background:#e74c3c}.analytics-container .analytics-summary .summary-card .summary-icon.unique-visitors{background:#3498db}.analytics-container .analytics-summary .summary-card .summary-icon.conversion-rate{background:#27ae60}.analytics-container .analytics-summary .summary-card .summary-content{flex:1}.analytics-container .analytics-summary .summary-card .summary-content h3{font-size:1.8rem;font-weight:700;color:#2c3e50;margin:0 0 .25rem;line-height:1}.analytics-container .analytics-summary .summary-card .summary-content p{color:#666;margin:0;font-weight:500}.analytics-container .analytics-table{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0;overflow:hidden}.analytics-container .analytics-table h2{padding:1.5rem;margin:0;font-size:1.3rem;font-weight:600;color:#2c3e50;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.analytics-container .analytics-table .table-responsive{overflow-x:auto}.analytics-container .analytics-table .data-table{width:100%;border-collapse:collapse}.analytics-container .analytics-table .data-table th,.analytics-container .analytics-table .data-table td{padding:1rem;text-align:center;border-bottom:1px solid #e0e0e0;white-space:nowrap}@media (max-width: 768px){.analytics-container .analytics-table .data-table th,.analytics-container .analytics-table .data-table td{padding:.75rem .5rem;font-size:.9rem}}.analytics-container .analytics-table .data-table th{background:#f8f9fa;font-weight:600;color:#2c3e50;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.analytics-container .analytics-table .data-table td{color:#333}.analytics-container .analytics-table .data-table tbody tr{transition:all .3s ease}.analytics-container .analytics-table .data-table tbody tr:hover{background:#e74c3c05}.analytics-container .analytics-table .data-table tbody tr:last-child td{border-bottom:none}.analytics-container .empty-state{text-align:center;padding:3rem;color:#666}.analytics-container .empty-state i{font-size:3rem;margin-bottom:1rem;color:#e0e0e0}.analytics-container .empty-state h3{font-size:1.3rem;margin-bottom:.5rem;color:#2c3e50}.analytics-container .empty-state p{margin:0;font-size:1rem}.change-password-container{padding:2rem;max-width:600px;margin:0 auto}.change-password-container .card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0;overflow:hidden}.change-password-container .card .card-title{padding:1.5rem;margin:0;font-size:1.5rem;font-weight:600;color:#2c3e50;border-bottom:1px solid #e0e0e0;background:#f8f9fa;display:flex;align-items:center;gap:.75rem}.change-password-container .card .card-title i{color:#e74c3c}.change-password-container .password-section{padding:1.5rem}.change-password-container .password-section:not(:last-child){border-bottom:1px solid #e0e0e0}.change-password-container .password-section .section-title{font-size:1.2rem;font-weight:600;color:#2c3e50;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.change-password-container .password-section .section-title:before{content:"";width:4px;height:20px;background:#e74c3c;border-radius:2px}.change-password-container .password-section .form-group{margin-bottom:1.5rem}.change-password-container .password-section .form-group .form-label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50;font-size:.9rem}.change-password-container .password-section .form-group .form-control{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .3s ease;background:#fff}.change-password-container .password-section .form-group .form-control:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.change-password-container .password-section .form-group .form-control.is-invalid{border-color:#e74c3c}.change-password-container .password-section .form-group .invalid-feedback{color:#e74c3c;font-size:.8rem;margin-top:.25rem;display:block}.change-password-container .password-section .user-info{margin-bottom:1.5rem}.change-password-container .password-section .user-info .user-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0}.change-password-container .password-section .user-info .user-card .user-avatar{width:50px;height:50px;background:#e74c3c;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.change-password-container .password-section .user-info .user-card .user-details{flex:1}.change-password-container .password-section .user-info .user-card .user-details h4{margin:0 0 .25rem;font-size:1.1rem;color:#2c3e50}.change-password-container .password-section .user-info .user-card .user-details p{margin:0 0 .5rem;color:#666;font-size:.9rem}.change-password-container .password-section .user-info .user-card .user-details .badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.change-password-container .password-section .user-info .user-card .user-details .badge.badge-primary{background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.2)}.change-password-container .password-section .user-info .user-card .user-details .badge.badge-secondary{background:#3498db1a;color:#3498db;border:1px solid rgba(52,152,219,.2)}.change-password-container .password-section .btn{width:100%;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.change-password-container .password-section .btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0003}.change-password-container .password-section .btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.change-password-container .password-section .btn.btn-primary{background:#e74c3c;color:#fff}.change-password-container .password-section .btn.btn-primary:hover:not(:disabled){background:#c0392b}.change-password-container .password-section .btn.btn-warning{background:#f39c12;color:#fff}.change-password-container .password-section .btn.btn-warning:hover:not(:disabled){background:#e67e22}.change-password-container .password-section .btn i{transition:all .3s ease}.change-password-container .alert{padding:1rem 1.5rem;border-radius:6px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:500}.change-password-container .alert.alert-success{background:#27ae601a;color:#27ae60;border:1px solid rgba(39,174,96,.2)}.change-password-container .alert.alert-danger{background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.2)}.change-password-container .alert i{font-size:1.1rem}@media (max-width: 768px){.analytics-container,.change-password-container{padding:1rem}.analytics-container .page-header .page-title,.change-password-container .page-header .page-title{font-size:1.5rem}.analytics-container .analytics-summary,.change-password-container .analytics-summary{grid-template-columns:1fr}.change-password-container .card .card-title{font-size:1.3rem;padding:1rem 1.5rem}.change-password-container .password-section{padding:1rem 1.5rem}}@media (max-width: 480px){.analytics-container .analytics-summary .summary-card{padding:1rem;flex-direction:column;text-align:center}.analytics-container .analytics-summary .summary-card .summary-icon{width:50px;height:50px;font-size:1.2rem}.analytics-container .analytics-summary .summary-card .summary-content h3{font-size:1.5rem}.analytics-container .analytics-table .data-table th,.analytics-container .analytics-table .data-table td{padding:.5rem .25rem;font-size:.8rem}.change-password-container{padding:.5rem}.change-password-container .password-section .user-card{flex-direction:column;text-align:center;gap:.75rem}}.analytics-container,.change-password-container{animation:fadeIn .5s ease-out}.fa-spin{animation:spin 1s linear infinite}.admin-layout,.user-layout{min-height:100vh;display:flex;flex-direction:column;background:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.admin-layout .admin-header,.admin-layout .user-header,.user-layout .admin-header,.user-layout .user-header{background:#fff;box-shadow:0 2px 10px #0000000d;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:1000;transition:all .3s ease}@media (max-width: 768px){.admin-layout .admin-header,.admin-layout .user-header,.user-layout .admin-header,.user-layout .user-header{padding:1rem}}.admin-layout .admin-header .header-left,.admin-layout .user-header .header-left,.user-layout .admin-header .header-left,.user-layout .user-header .header-left{display:flex;align-items:center;gap:1rem;flex:1}.admin-layout .admin-header .header-left .sidebar-toggle,.admin-layout .user-header .header-left .sidebar-toggle,.user-layout .admin-header .header-left .sidebar-toggle,.user-layout .user-header .header-left .sidebar-toggle{background:none;border:none;font-size:1.2rem;color:#333;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.admin-layout .admin-header .header-left .sidebar-toggle:hover,.admin-layout .user-header .header-left .sidebar-toggle:hover,.user-layout .admin-header .header-left .sidebar-toggle:hover,.user-layout .user-header .header-left .sidebar-toggle:hover{background:#f8f9fa;color:#e74c3c}.admin-layout .admin-header .header-left .page-title,.admin-layout .user-header .header-left .page-title,.user-layout .admin-header .header-left .page-title,.user-layout .user-header .header-left .page-title{font-size:1.5rem;font-weight:700;color:#2c3e50;display:flex;align-items:center;gap:.5rem;margin:0}@media (max-width: 768px){.admin-layout .admin-header .header-left .page-title,.admin-layout .user-header .header-left .page-title,.user-layout .admin-header .header-left .page-title,.user-layout .user-header .header-left .page-title{font-size:1.25rem}}.admin-layout .admin-header .header-left .page-title i,.admin-layout .user-header .header-left .page-title i,.user-layout .admin-header .header-left .page-title i,.user-layout .user-header .header-left .page-title i{color:#e74c3c}.admin-layout .admin-header .header-right .user-info,.admin-layout .user-header .header-right .user-info,.user-layout .admin-header .header-right .user-info,.user-layout .user-header .header-right .user-info{display:flex;align-items:center;gap:1rem}.admin-layout .admin-header .header-right .user-info .user-details,.admin-layout .user-header .header-right .user-info .user-details,.user-layout .admin-header .header-right .user-info .user-details,.user-layout .user-header .header-right .user-info .user-details{text-align:right}@media (max-width: 480px){.admin-layout .admin-header .header-right .user-info .user-details,.admin-layout .user-header .header-right .user-info .user-details,.user-layout .admin-header .header-right .user-info .user-details,.user-layout .user-header .header-right .user-info .user-details{display:none}}.admin-layout .admin-header .header-right .user-info .user-details .welcome-text,.admin-layout .user-header .header-right .user-info .user-details .welcome-text,.user-layout .admin-header .header-right .user-info .user-details .welcome-text,.user-layout .user-header .header-right .user-info .user-details .welcome-text{display:block;font-weight:600;color:#2c3e50;font-size:.9rem;margin-bottom:.25rem}.admin-layout .admin-header .header-right .user-info .user-details .user-role,.admin-layout .admin-header .header-right .user-info .user-details .admin-badge,.admin-layout .user-header .header-right .user-info .user-details .user-role,.admin-layout .user-header .header-right .user-info .user-details .admin-badge,.user-layout .admin-header .header-right .user-info .user-details .user-role,.user-layout .admin-header .header-right .user-info .user-details .admin-badge,.user-layout .user-header .header-right .user-info .user-details .user-role,.user-layout .user-header .header-right .user-info .user-details .admin-badge{font-size:.75rem;padding:.2rem .6rem;border-radius:12px;font-weight:600}.admin-layout .admin-header .header-right .user-info .user-details .user-role.role-Free,.admin-layout .admin-header .header-right .user-info .user-details .user-role.role-free,.admin-layout .admin-header .header-right .user-info .user-details .admin-badge.role-Free,.admin-layout .admin-header .header-right .user-info .user-details .admin-badge.role-free,.admin-layout .user-header .header-right .user-info .user-details .user-role.role-Free,.admin-layout .user-header .header-right .user-info .user-details .user-role.role-free,.admin-layout .user-header .header-right .user-info .user-details .admin-badge.role-Free,.admin-layout .user-header .header-right .user-info .user-details .admin-badge.role-free,.user-layout .admin-header .header-right .user-info .user-details .user-role.role-Free,.user-layout .admin-header .header-right .user-info .user-details .user-role.role-free,.user-layout .admin-header .header-right .user-info .user-details .admin-badge.role-Free,.user-layout .admin-header .header-right .user-info .user-details .admin-badge.role-free,.user-layout .user-header .header-right .user-info .user-details .user-role.role-Free,.user-layout .user-header .header-right .user-info .user-details .user-role.role-free,.user-layout .user-header .header-right .user-info .user-details .admin-badge.role-Free,.user-layout .user-header .header-right .user-info .user-details .admin-badge.role-free{background:#6666661a;color:#666}.admin-layout .admin-header .header-right .user-info .user-details .user-role.role-Basic,.admin-layout .admin-header .header-right .user-info .user-details .user-role.role-basic,.admin-layout .admin-header .header-right .user-info .user-details .admin-badge.role-Basic,.admin-layout .admin-header .header-right .user-info .user-details .admin-badge.role-basic,.admin-layout .user-header .header-right .user-info .user-details .user-role.role-Basic,.admin-layout .user-header .header-right .user-info .user-details .user-role.role-basic,.admin-layout .user-header .header-right .user-info .user-details .admin-badge.role-Basic,.admin-layout .user-header .header-right .user-info .user-details .admin-badge.role-basic,.user-layout .admin-header .header-right .user-info .user-details .user-role.role-Basic,.user-layout .admin-header .header-right .user-info .user-details .user-role.role-basic,.user-layout .admin-header .header-right .user-info .user-details .admin-badge.role-Basic,.user-layout .admin-header .header-right .user-info .user-details .admin-badge.role-basic,.user-layout .user-header .header-right .user-info .user-details .user-role.role-Basic,.user-layout .user-header .header-right .user-info .user-details .user-role.role-basic,.user-layout .user-header .header-right .user-info .user-details .admin-badge.role-Basic,.user-layout .user-header .header-right .user-info .user-details .admin-badge.role-basic{background:#3498db1a;color:#3498db}.admin-layout .admin-header .header-right .user-info .user-details .user-role.role-Premium,.admin-layout .admin-header .header-right .user-info .user-details .user-role.role-premium,.admin-layout .admin-header .header-right .user-info .user-details .admin-badge.role-Premium,.admin-layout .admin-header .header-right .user-info .user-details .admin-badge.role-premium,.admin-layout .user-header .header-right .user-info .user-details .user-role.role-Premium,.admin-layout .user-header .header-right .user-info .user-details .user-role.role-premium,.admin-layout .user-header .header-right .user-info .user-details .admin-badge.role-Premium,.admin-layout .user-header .header-right .user-info .user-details .admin-badge.role-premium,.user-layout .admin-header .header-right .user-info .user-details .user-role.role-Premium,.user-layout .admin-header .header-right .user-info .user-details .user-role.role-premium,.user-layout .admin-header .header-right .user-info .user-details .admin-badge.role-Premium,.user-layout .admin-header .header-right .user-info .user-details .admin-badge.role-premium,.user-layout .user-header .header-right .user-info .user-details .user-role.role-Premium,.user-layout .user-header .header-right .user-info .user-details .user-role.role-premium,.user-layout .user-header .header-right .user-info .user-details .admin-badge.role-Premium,.user-layout .user-header .header-right .user-info .user-details .admin-badge.role-premium{background:#9b59b61a;color:#9b59b6}.admin-layout .admin-header .header-right .user-info .user-details .user-role.role-Enterprise,.admin-layout .admin-header .header-right .user-info .user-details .user-role.role-enterprise,.admin-layout .admin-header .header-right .user-info .user-details .admin-badge.role-Enterprise,.admin-layout .admin-header .header-right .user-info .user-details .admin-badge.role-enterprise,.admin-layout .user-header .header-right .user-info .user-details .user-role.role-Enterprise,.admin-layout .user-header .header-right .user-info .user-details .user-role.role-enterprise,.admin-layout .user-header .header-right .user-info .user-details .admin-badge.role-Enterprise,.admin-layout .user-header .header-right .user-info .user-details .admin-badge.role-enterprise,.user-layout .admin-header .header-right .user-info .user-details .user-role.role-Enterprise,.user-layout .admin-header .header-right .user-info .user-details .user-role.role-enterprise,.user-layout .admin-header .header-right .user-info .user-details .admin-badge.role-Enterprise,.user-layout .admin-header .header-right .user-info .user-details .admin-badge.role-enterprise,.user-layout .user-header .header-right .user-info .user-details .user-role.role-Enterprise,.user-layout .user-header .header-right .user-info .user-details .user-role.role-enterprise,.user-layout .user-header .header-right .user-info .user-details .admin-badge.role-Enterprise,.user-layout .user-header .header-right .user-info .user-details .admin-badge.role-enterprise{background:#27ae601a;color:#27ae60}.admin-layout .admin-header .header-right .user-info .user-details .user-role.role-Admin,.admin-layout .admin-header .header-right .user-info .user-details .user-role.role-admin,.admin-layout .admin-header .header-right .user-info .user-details .admin-badge.role-Admin,.admin-layout .admin-header .header-right .user-info .user-details .admin-badge.role-admin,.admin-layout .user-header .header-right .user-info .user-details .user-role.role-Admin,.admin-layout .user-header .header-right .user-info .user-details .user-role.role-admin,.admin-layout .user-header .header-right .user-info .user-details .admin-badge.role-Admin,.admin-layout .user-header .header-right .user-info .user-details .admin-badge.role-admin,.user-layout .admin-header .header-right .user-info .user-details .user-role.role-Admin,.user-layout .admin-header .header-right .user-info .user-details .user-role.role-admin,.user-layout .admin-header .header-right .user-info .user-details .admin-badge.role-Admin,.user-layout .admin-header .header-right .user-info .user-details .admin-badge.role-admin,.user-layout .user-header .header-right .user-info .user-details .user-role.role-Admin,.user-layout .user-header .header-right .user-info .user-details .user-role.role-admin,.user-layout .user-header .header-right .user-info .user-details .admin-badge.role-Admin,.user-layout .user-header .header-right .user-info .user-details .admin-badge.role-admin{background:#e74c3c1a;color:#e74c3c}.admin-layout .admin-header .header-right .user-info .user-dropdown,.admin-layout .user-header .header-right .user-info .user-dropdown,.user-layout .admin-header .header-right .user-info .user-dropdown,.user-layout .user-header .header-right .user-info .user-dropdown{position:relative}.admin-layout .admin-header .header-right .user-info .user-dropdown .user-btn,.admin-layout .user-header .header-right .user-info .user-dropdown .user-btn,.user-layout .admin-header .header-right .user-info .user-dropdown .user-btn,.user-layout .user-header .header-right .user-info .user-dropdown .user-btn{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid #e0e0e0;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .3s ease;min-width:120px}.admin-layout .admin-header .header-right .user-info .user-dropdown .user-btn:hover,.admin-layout .user-header .header-right .user-info .user-dropdown .user-btn:hover,.user-layout .admin-header .header-right .user-info .user-dropdown .user-btn:hover,.user-layout .user-header .header-right .user-info .user-dropdown .user-btn:hover{border-color:#e74c3c}.admin-layout .admin-header .header-right .user-info .user-dropdown .user-btn .user-avatar,.admin-layout .user-header .header-right .user-info .user-dropdown .user-btn .user-avatar,.user-layout .admin-header .header-right .user-info .user-dropdown .user-btn .user-avatar,.user-layout .user-header .header-right .user-info .user-dropdown .user-btn .user-avatar{font-size:1.5rem;color:#e74c3c}.admin-layout .admin-header .header-right .user-info .user-dropdown .user-btn .dropdown-arrow,.admin-layout .user-header .header-right .user-info .user-dropdown .user-btn .dropdown-arrow,.user-layout .admin-header .header-right .user-info .user-dropdown .user-btn .dropdown-arrow,.user-layout .user-header .header-right .user-info .user-dropdown .user-btn .dropdown-arrow{font-size:.8rem;transition:all .3s ease}.admin-layout .admin-header .header-right .user-info .user-dropdown .dropdown-menu,.admin-layout .user-header .header-right .user-info .user-dropdown .dropdown-menu,.user-layout .admin-header .header-right .user-info .user-dropdown .dropdown-menu,.user-layout .user-header .header-right .user-info .user-dropdown .dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 10px #0000000d;min-width:200px;display:none;z-index:1000;margin-top:.5rem}.admin-layout .admin-header .header-right .user-info .user-dropdown .dropdown-menu.show,.admin-layout .user-header .header-right .user-info .user-dropdown .dropdown-menu.show,.user-layout .admin-header .header-right .user-info .user-dropdown .dropdown-menu.show,.user-layout .user-header .header-right .user-info .user-dropdown .dropdown-menu.show{display:block}.admin-layout .admin-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-item,.admin-layout .user-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-item,.user-layout .admin-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-item,.user-layout .user-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#333;text-decoration:none;transition:all .3s ease;border:none;background:none;width:100%;text-align:right;cursor:pointer;font-size:.9rem}.admin-layout .admin-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-item:hover,.admin-layout .user-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-item:hover,.user-layout .admin-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-item:hover,.user-layout .user-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-item:hover{background:#f8f9fa;color:#e74c3c}.admin-layout .admin-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-item i,.admin-layout .user-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-item i,.user-layout .admin-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-item i,.user-layout .user-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-item i{width:16px;font-size:.9rem}.admin-layout .admin-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-item.logout-btn,.admin-layout .user-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-item.logout-btn,.user-layout .admin-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-item.logout-btn,.user-layout .user-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-item.logout-btn{color:#e74c3c;font-weight:600}.admin-layout .admin-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-item.logout-btn:hover,.admin-layout .user-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-item.logout-btn:hover,.user-layout .admin-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-item.logout-btn:hover,.user-layout .user-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-item.logout-btn:hover{background:#e74c3c1a}.admin-layout .admin-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-divider,.admin-layout .user-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-divider,.user-layout .admin-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-divider,.user-layout .user-header .header-right .user-info .user-dropdown .dropdown-menu .dropdown-divider{height:1px;background:#e0e0e0;margin:.5rem 0}.admin-layout .admin-header .header-right .user-info .user-dropdown:hover .dropdown-menu,.admin-layout .user-header .header-right .user-info .user-dropdown:hover .dropdown-menu,.user-layout .admin-header .header-right .user-info .user-dropdown:hover .dropdown-menu,.user-layout .user-header .header-right .user-info .user-dropdown:hover .dropdown-menu{display:block}.admin-layout .admin-sidebar,.admin-layout .user-sidebar,.user-layout .admin-sidebar,.user-layout .user-sidebar{background:#fff;border-right:1px solid #e0e0e0;width:280px;transition:all .3s ease;display:flex;flex-direction:column;height:calc(100vh - 80px);position:fixed;top:80px;right:0;z-index:900}@media (max-width: 1024px){.admin-layout .admin-sidebar,.admin-layout .user-sidebar,.user-layout .admin-sidebar,.user-layout .user-sidebar{width:250px}}@media (max-width: 768px){.admin-layout .admin-sidebar,.admin-layout .user-sidebar,.user-layout .admin-sidebar,.user-layout .user-sidebar{width:100%;height:auto;position:fixed;inset:auto 0 0;z-index:1000;border-right:none;border-top:1px solid #e0e0e0}}.admin-layout .admin-sidebar.sidebar-collapsed,.admin-layout .user-sidebar.sidebar-collapsed,.user-layout .admin-sidebar.sidebar-collapsed,.user-layout .user-sidebar.sidebar-collapsed{width:70px}.admin-layout .admin-sidebar.sidebar-collapsed .logo-text,.admin-layout .admin-sidebar.sidebar-collapsed .logo-subtitle,.admin-layout .admin-sidebar.sidebar-collapsed .nav-text,.admin-layout .admin-sidebar.sidebar-collapsed .sidebar-footer,.admin-layout .user-sidebar.sidebar-collapsed .logo-text,.admin-layout .user-sidebar.sidebar-collapsed .logo-subtitle,.admin-layout .user-sidebar.sidebar-collapsed .nav-text,.admin-layout .user-sidebar.sidebar-collapsed .sidebar-footer,.user-layout .admin-sidebar.sidebar-collapsed .logo-text,.user-layout .admin-sidebar.sidebar-collapsed .logo-subtitle,.user-layout .admin-sidebar.sidebar-collapsed .nav-text,.user-layout .admin-sidebar.sidebar-collapsed .sidebar-footer,.user-layout .user-sidebar.sidebar-collapsed .logo-text,.user-layout .user-sidebar.sidebar-collapsed .logo-subtitle,.user-layout .user-sidebar.sidebar-collapsed .nav-text,.user-layout .user-sidebar.sidebar-collapsed .sidebar-footer{display:none}@media (max-width: 768px){.admin-layout .admin-sidebar.sidebar-collapsed,.admin-layout .user-sidebar.sidebar-collapsed,.user-layout .admin-sidebar.sidebar-collapsed,.user-layout .user-sidebar.sidebar-collapsed{width:100%}.admin-layout .admin-sidebar.sidebar-collapsed .nav-text,.admin-layout .user-sidebar.sidebar-collapsed .nav-text,.user-layout .admin-sidebar.sidebar-collapsed .nav-text,.user-layout .user-sidebar.sidebar-collapsed .nav-text{display:block;font-size:.7rem}}.admin-layout .admin-sidebar .sidebar-header,.admin-layout .user-sidebar .sidebar-header,.user-layout .admin-sidebar .sidebar-header,.user-layout .user-sidebar .sidebar-header{padding:1.5rem;border-bottom:1px solid #e0e0e0}@media (max-width: 768px){.admin-layout .admin-sidebar .sidebar-header,.admin-layout .user-sidebar .sidebar-header,.user-layout .admin-sidebar .sidebar-header,.user-layout .user-sidebar .sidebar-header{display:none}}.admin-layout .admin-sidebar .sidebar-header .logo,.admin-layout .user-sidebar .sidebar-header .logo,.user-layout .admin-sidebar .sidebar-header .logo,.user-layout .user-sidebar .sidebar-header .logo{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.admin-layout .admin-sidebar .sidebar-header .logo i,.admin-layout .user-sidebar .sidebar-header .logo i,.user-layout .admin-sidebar .sidebar-header .logo i,.user-layout .user-sidebar .sidebar-header .logo i{font-size:1.5rem;color:#e74c3c}.admin-layout .admin-sidebar .sidebar-header .logo .logo-text,.admin-layout .user-sidebar .sidebar-header .logo .logo-text,.user-layout .admin-sidebar .sidebar-header .logo .logo-text,.user-layout .user-sidebar .sidebar-header .logo .logo-text{font-size:1.25rem;font-weight:700;color:#2c3e50}.admin-layout .admin-sidebar .sidebar-header .logo-subtitle,.admin-layout .user-sidebar .sidebar-header .logo-subtitle,.user-layout .admin-sidebar .sidebar-header .logo-subtitle,.user-layout .user-sidebar .sidebar-header .logo-subtitle{font-size:.85rem;color:#666}.admin-layout .admin-sidebar .sidebar-nav,.admin-layout .user-sidebar .sidebar-nav,.user-layout .admin-sidebar .sidebar-nav,.user-layout .user-sidebar .sidebar-nav{flex:1;padding:1rem 0}@media (max-width: 768px){.admin-layout .admin-sidebar .sidebar-nav,.admin-layout .user-sidebar .sidebar-nav,.user-layout .admin-sidebar .sidebar-nav,.user-layout .user-sidebar .sidebar-nav{display:flex;overflow-x:auto;padding:.5rem;gap:.5rem}}.admin-layout .admin-sidebar .sidebar-nav .nav-item,.admin-layout .user-sidebar .sidebar-nav .nav-item,.user-layout .admin-sidebar .sidebar-nav .nav-item,.user-layout .user-sidebar .sidebar-nav .nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:#333;text-decoration:none;transition:all .3s ease;border-right:3px solid transparent;white-space:nowrap}@media (max-width: 768px){.admin-layout .admin-sidebar .sidebar-nav .nav-item,.admin-layout .user-sidebar .sidebar-nav .nav-item,.user-layout .admin-sidebar .sidebar-nav .nav-item,.user-layout .user-sidebar .sidebar-nav .nav-item{flex-direction:column;padding:.5rem .75rem;min-width:70px;text-align:center;border-right:none;border-top:3px solid transparent}}.admin-layout .admin-sidebar .sidebar-nav .nav-item:hover,.admin-layout .user-sidebar .sidebar-nav .nav-item:hover,.user-layout .admin-sidebar .sidebar-nav .nav-item:hover,.user-layout .user-sidebar .sidebar-nav .nav-item:hover{background:#f8f9fa;color:#e74c3c;border-right-color:#e74c3c}@media (max-width: 768px){.admin-layout .admin-sidebar .sidebar-nav .nav-item:hover,.admin-layout .user-sidebar .sidebar-nav .nav-item:hover,.user-layout .admin-sidebar .sidebar-nav .nav-item:hover,.user-layout .user-sidebar .sidebar-nav .nav-item:hover{border-right-color:transparent;border-top-color:#e74c3c}}.admin-layout .admin-sidebar .sidebar-nav .nav-item.active,.admin-layout .user-sidebar .sidebar-nav .nav-item.active,.user-layout .admin-sidebar .sidebar-nav .nav-item.active,.user-layout .user-sidebar .sidebar-nav .nav-item.active{background:#e74c3c1a;color:#e74c3c;border-right-color:#e74c3c;font-weight:600}@media (max-width: 768px){.admin-layout .admin-sidebar .sidebar-nav .nav-item.active,.admin-layout .user-sidebar .sidebar-nav .nav-item.active,.user-layout .admin-sidebar .sidebar-nav .nav-item.active,.user-layout .user-sidebar .sidebar-nav .nav-item.active{border-right-color:transparent;border-top-color:#e74c3c}}.admin-layout .admin-sidebar .sidebar-nav .nav-item i,.admin-layout .user-sidebar .sidebar-nav .nav-item i,.user-layout .admin-sidebar .sidebar-nav .nav-item i,.user-layout .user-sidebar .sidebar-nav .nav-item i{width:20px;text-align:center;font-size:1.1rem}@media (max-width: 768px){.admin-layout .admin-sidebar .sidebar-nav .nav-item i,.admin-layout .user-sidebar .sidebar-nav .nav-item i,.user-layout .admin-sidebar .sidebar-nav .nav-item i,.user-layout .user-sidebar .sidebar-nav .nav-item i{font-size:1.25rem;margin-bottom:.25rem}}.admin-layout .admin-sidebar .sidebar-nav .nav-item .nav-text,.admin-layout .user-sidebar .sidebar-nav .nav-item .nav-text,.user-layout .admin-sidebar .sidebar-nav .nav-item .nav-text,.user-layout .user-sidebar .sidebar-nav .nav-item .nav-text{font-weight:500}@media (max-width: 768px){.admin-layout .admin-sidebar .sidebar-nav .nav-item .nav-text,.admin-layout .user-sidebar .sidebar-nav .nav-item .nav-text,.user-layout .admin-sidebar .sidebar-nav .nav-item .nav-text,.user-layout .user-sidebar .sidebar-nav .nav-item .nav-text{font-size:.7rem}}.admin-layout .admin-sidebar .sidebar-footer,.admin-layout .user-sidebar .sidebar-footer,.user-layout .admin-sidebar .sidebar-footer,.user-layout .user-sidebar .sidebar-footer{padding:1rem 1.5rem;border-top:1px solid #e0e0e0}@media (max-width: 768px){.admin-layout .admin-sidebar .sidebar-footer,.admin-layout .user-sidebar .sidebar-footer,.user-layout .admin-sidebar .sidebar-footer,.user-layout .user-sidebar .sidebar-footer{display:none}}.admin-layout .admin-sidebar .sidebar-footer .system-info .info-item,.admin-layout .admin-sidebar .sidebar-footer .quick-actions .info-item,.admin-layout .user-sidebar .sidebar-footer .system-info .info-item,.admin-layout .user-sidebar .sidebar-footer .quick-actions .info-item,.user-layout .admin-sidebar .sidebar-footer .system-info .info-item,.user-layout .admin-sidebar .sidebar-footer .quick-actions .info-item,.user-layout .user-sidebar .sidebar-footer .system-info .info-item,.user-layout .user-sidebar .sidebar-footer .quick-actions .info-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#666;margin-bottom:.5rem}.admin-layout .admin-sidebar .sidebar-footer .system-info .info-item i,.admin-layout .admin-sidebar .sidebar-footer .quick-actions .info-item i,.admin-layout .user-sidebar .sidebar-footer .system-info .info-item i,.admin-layout .user-sidebar .sidebar-footer .quick-actions .info-item i,.user-layout .admin-sidebar .sidebar-footer .system-info .info-item i,.user-layout .admin-sidebar .sidebar-footer .quick-actions .info-item i,.user-layout .user-sidebar .sidebar-footer .system-info .info-item i,.user-layout .user-sidebar .sidebar-footer .quick-actions .info-item i{width:16px}.admin-layout .admin-sidebar .sidebar-footer .system-info h4,.admin-layout .admin-sidebar .sidebar-footer .quick-actions h4,.admin-layout .user-sidebar .sidebar-footer .system-info h4,.admin-layout .user-sidebar .sidebar-footer .quick-actions h4,.user-layout .admin-sidebar .sidebar-footer .system-info h4,.user-layout .admin-sidebar .sidebar-footer .quick-actions h4,.user-layout .user-sidebar .sidebar-footer .system-info h4,.user-layout .user-sidebar .sidebar-footer .quick-actions h4{font-size:.9rem;margin-bottom:.75rem;color:#2c3e50}.admin-layout .admin-sidebar .sidebar-footer .system-info .action-buttons,.admin-layout .admin-sidebar .sidebar-footer .quick-actions .action-buttons,.admin-layout .user-sidebar .sidebar-footer .system-info .action-buttons,.admin-layout .user-sidebar .sidebar-footer .quick-actions .action-buttons,.user-layout .admin-sidebar .sidebar-footer .system-info .action-buttons,.user-layout .admin-sidebar .sidebar-footer .quick-actions .action-buttons,.user-layout .user-sidebar .sidebar-footer .system-info .action-buttons,.user-layout .user-sidebar .sidebar-footer .quick-actions .action-buttons{display:flex;gap:.5rem}.admin-layout .admin-sidebar .sidebar-footer .system-info .action-buttons .action-btn,.admin-layout .admin-sidebar .sidebar-footer .quick-actions .action-buttons .action-btn,.admin-layout .user-sidebar .sidebar-footer .system-info .action-buttons .action-btn,.admin-layout .user-sidebar .sidebar-footer .quick-actions .action-buttons .action-btn,.user-layout .admin-sidebar .sidebar-footer .system-info .action-buttons .action-btn,.user-layout .admin-sidebar .sidebar-footer .quick-actions .action-buttons .action-btn,.user-layout .user-sidebar .sidebar-footer .system-info .action-buttons .action-btn,.user-layout .user-sidebar .sidebar-footer .quick-actions .action-buttons .action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;color:#333;text-decoration:none;transition:all .3s ease}.admin-layout .admin-sidebar .sidebar-footer .system-info .action-buttons .action-btn:hover,.admin-layout .admin-sidebar .sidebar-footer .quick-actions .action-buttons .action-btn:hover,.admin-layout .user-sidebar .sidebar-footer .system-info .action-buttons .action-btn:hover,.admin-layout .user-sidebar .sidebar-footer .quick-actions .action-buttons .action-btn:hover,.user-layout .admin-sidebar .sidebar-footer .system-info .action-buttons .action-btn:hover,.user-layout .admin-sidebar .sidebar-footer .quick-actions .action-buttons .action-btn:hover,.user-layout .user-sidebar .sidebar-footer .system-info .action-buttons .action-btn:hover,.user-layout .user-sidebar .sidebar-footer .quick-actions .action-buttons .action-btn:hover{background:#e74c3c;color:#fff;border-color:#e74c3c}.admin-layout .admin-main,.admin-layout .user-main,.user-layout .admin-main,.user-layout .user-main{flex:1;margin-right:280px;transition:all .3s ease;padding:2rem;min-height:calc(100vh - 80px)}@media (max-width: 1024px){.admin-layout .admin-main,.admin-layout .user-main,.user-layout .admin-main,.user-layout .user-main{margin-right:250px}}@media (max-width: 768px){.admin-layout .admin-main,.admin-layout .user-main,.user-layout .admin-main,.user-layout .user-main{margin-right:0;margin-bottom:80px;padding:1rem}}.admin-layout .admin-main.sidebar-collapsed,.admin-layout .user-main.sidebar-collapsed,.user-layout .admin-main.sidebar-collapsed,.user-layout .user-main.sidebar-collapsed{margin-right:70px}@media (max-width: 768px){.admin-layout .admin-main.sidebar-collapsed,.admin-layout .user-main.sidebar-collapsed,.user-layout .admin-main.sidebar-collapsed,.user-layout .user-main.sidebar-collapsed{margin-right:0}}.admin-layout .admin-main .main-content,.admin-layout .user-main .main-content,.user-layout .admin-main .main-content,.user-layout .user-main .main-content{max-width:1400px;margin:0 auto;width:100%}.system-settings-container{padding:2rem;max-width:1400px;margin:0 auto}.system-settings-container .page-header{margin-bottom:2rem}.system-settings-container .page-header h1{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.system-settings-container .page-header h1 i{color:#e74c3c}.system-settings-container .page-header p{color:#666;font-size:1.1rem;margin:0}.system-settings-container .settings-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem}@media (max-width: 1024px){.system-settings-container .settings-layout{grid-template-columns:1fr;gap:1.5rem}}.system-settings-container .settings-sidebar{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0;padding:1.5rem;height:fit-content;position:sticky;top:2rem}@media (max-width: 1024px){.system-settings-container .settings-sidebar{position:static}}.system-settings-container .settings-sidebar .sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.system-settings-container .settings-sidebar .sidebar-nav .nav-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background:none;border-radius:6px;cursor:pointer;transition:all .3s ease;text-align:right;font-size:.95rem;color:#333;font-weight:500}.system-settings-container .settings-sidebar .sidebar-nav .nav-btn:hover{background:#f8f9fa;color:#e74c3c}.system-settings-container .settings-sidebar .sidebar-nav .nav-btn.active{background:#e74c3c1a;color:#e74c3c;font-weight:600}.system-settings-container .settings-sidebar .sidebar-nav .nav-btn i{font-size:1.1rem;width:20px}.system-settings-container .settings-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0;overflow:hidden}.system-settings-container .settings-content .tab-content{padding:2rem}@media (max-width: 768px){.system-settings-container .settings-content .tab-content{padding:1.5rem}}.system-settings-container .settings-content .tab-content .tab-pane{display:none}.system-settings-container .settings-content .tab-content .tab-pane.active{display:block;animation:fadeIn .3s ease-out}.system-settings-container .settings-content .tab-content .tab-pane h2{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.system-settings-container .settings-content .tab-content .tab-pane h2 i{color:#e74c3c}.system-settings-container .settings-form .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.system-settings-container .settings-form .form-group{margin-bottom:1.5rem}.system-settings-container .settings-form .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50;font-size:.9rem}.system-settings-container .settings-form .form-group .form-control{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .3s ease;background:#fff}.system-settings-container .settings-form .form-group .form-control:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.system-settings-container .settings-form .form-group .form-control.is-invalid{border-color:#e74c3c}.system-settings-container .settings-form .form-group .invalid-feedback{color:#e74c3c;font-size:.8rem;margin-top:.25rem;display:block}.system-settings-container .settings-form .form-group .form-text{color:#666;font-size:.8rem;margin-top:.25rem;display:block}.system-settings-container .settings-form .checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.system-settings-container .settings-form .checkbox-group .checkbox-item{display:flex;align-items:center;gap:.75rem;padding:1rem;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .3s ease}.system-settings-container .settings-form .checkbox-group .checkbox-item:hover{border-color:#e74c3c;background:#e74c3c0d}.system-settings-container .settings-form .checkbox-group .checkbox-item input[type=checkbox]{accent-color:#e74c3c;transform:scale(1.2)}.system-settings-container .settings-form .checkbox-group .checkbox-item .checkbox-label{font-weight:500;color:#333;flex:1}.system-settings-container .settings-form .toggle-group{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:1rem}.system-settings-container .settings-form .toggle-group .toggle-content{flex:1}.system-settings-container .settings-form .toggle-group .toggle-content h3{font-size:1rem;font-weight:600;color:#2c3e50;margin-bottom:.25rem}.system-settings-container .settings-form .toggle-group .toggle-content p{color:#666;font-size:.85rem;margin:0}.system-settings-container .settings-form .toggle-group .toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.system-settings-container .settings-form .toggle-group .toggle-switch input{opacity:0;width:0;height:0}.system-settings-container .settings-form .toggle-group .toggle-switch input:checked+.slider{background:#e74c3c}.system-settings-container .settings-form .toggle-group .toggle-switch input:checked+.slider:before{transform:translate(26px)}.system-settings-container .settings-form .toggle-group .toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background:#e0e0e0;transition:all .3s ease;border-radius:34px}.system-settings-container .settings-form .toggle-group .toggle-switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background:#fff;transition:all .3s ease;border-radius:50%}.system-settings-container .action-buttons{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid #e0e0e0;margin-top:2rem;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.system-settings-container .action-buttons{flex-direction:column;align-items:stretch}}.system-settings-container .action-buttons .btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem}.system-settings-container .action-buttons .btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.system-settings-container .action-buttons .btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.system-settings-container .action-buttons .btn.btn-secondary{background:#fff;color:#333;border:1px solid #e0e0e0}.system-settings-container .action-buttons .btn.btn-secondary:hover:not(:disabled){background:#f8f9fa;border-color:#666}.system-settings-container .action-buttons .btn.btn-primary{background:#e74c3c;color:#fff}.system-settings-container .action-buttons .btn.btn-primary:hover:not(:disabled){background:#c0392b}.system-settings-container .action-buttons .btn.btn-success{background:#27ae60;color:#fff}.system-settings-container .action-buttons .btn.btn-success:hover:not(:disabled){background:#1e8449}.system-settings-container .action-buttons .btn i{transition:all .3s ease}.system-settings-container .action-buttons .btn-group{display:flex;gap:1rem}@media (max-width: 768px){.system-settings-container .action-buttons .btn-group{width:100%;justify-content:stretch}.system-settings-container .action-buttons .btn-group .btn{flex:1;justify-content:center}}.system-settings-container .loading-state{text-align:center;padding:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666}.system-settings-container .loading-state .spinner{width:3rem;height:3rem;border:3px solid #e0e0e0;border-top:3px solid #e74c3c;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.system-settings-container .loading-state p{font-size:1.1rem;margin:0}.user-management-container{padding:2rem;max-width:1400px;margin:0 auto}.user-management-container .page-header{margin-bottom:2rem}.user-management-container .page-header h1{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.user-management-container .page-header h1 i{color:#e74c3c}.user-management-container .page-header p{color:#666;font-size:1.1rem;margin:0}.user-management-container .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.user-management-container .stats-grid .stat-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.user-management-container .stats-grid .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.user-management-container .stats-grid .stat-card .stat-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.user-management-container .stats-grid .stat-card .stat-icon.total-users{background:#e74c3c}.user-management-container .stats-grid .stat-card .stat-icon.active-users{background:#27ae60}.user-management-container .stats-grid .stat-card .stat-icon.free-users{background:#666}.user-management-container .stats-grid .stat-card .stat-icon.basic-users{background:#3498db}.user-management-container .stats-grid .stat-card .stat-icon.premium-users{background:#9b59b6}.user-management-container .stats-grid .stat-card .stat-icon.enterprise-users{background:#27ae60}.user-management-container .stats-grid .stat-card .stat-content{flex:1}.user-management-container .stats-grid .stat-card .stat-content h3{font-size:1.8rem;font-weight:700;color:#2c3e50;margin:0 0 .25rem;line-height:1}.user-management-container .stats-grid .stat-card .stat-content p{color:#666;margin:0;font-weight:500;font-size:.9rem}.user-management-container .filters-section{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0;padding:1.5rem;margin-bottom:2rem}.user-management-container .filters-section .filters-grid{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center}@media (max-width: 1024px){.user-management-container .filters-section .filters-grid{grid-template-columns:1fr;gap:1rem}}.user-management-container .filters-section .filters-grid .search-box{position:relative}.user-management-container .filters-section .filters-grid .search-box .search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .3s ease}.user-management-container .filters-section .filters-grid .search-box .search-input:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.user-management-container .filters-section .filters-grid .search-box .search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#666}.user-management-container .filters-section .filters-grid .filter-group{display:flex;gap:1rem}@media (max-width: 768px){.user-management-container .filters-section .filters-grid .filter-group{flex-direction:column}}.user-management-container .filters-section .filters-grid .filter-group select{padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:6px;font-size:.9rem;background:#fff;cursor:pointer;transition:all .3s ease;min-width:150px}.user-management-container .filters-section .filters-grid .filter-group select:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.user-management-container .filters-section .filters-grid .export-btn{padding:.75rem 1.5rem;background:#27ae60;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.user-management-container .filters-section .filters-grid .export-btn:hover{background:#1e8449;transform:translateY(-1px);box-shadow:0 4px 12px #27ae604d}.user-management-container .filters-section .filters-grid .export-btn i{font-size:1.1rem}.user-management-container .users-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0;overflow:hidden}.user-management-container .users-table-container .table-responsive{overflow-x:auto}.user-management-container .users-table-container table{width:100%;border-collapse:collapse}.user-management-container .users-table-container table th,.user-management-container .users-table-container table td{padding:1rem;text-align:right;border-bottom:1px solid #e0e0e0;white-space:nowrap}@media (max-width: 768px){.user-management-container .users-table-container table th,.user-management-container .users-table-container table td{padding:.75rem .5rem;font-size:.9rem}}.user-management-container .users-table-container table th{background:#f8f9fa;font-weight:600;color:#2c3e50;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.user-management-container .users-table-container table td{color:#333}.user-management-container .users-table-container table tbody tr{transition:all .3s ease}.user-management-container .users-table-container table tbody tr:hover{background:#e74c3c05}.user-management-container .users-table-container table tbody tr:last-child td{border-bottom:none}.user-management-container .users-table-container .user-avatar{display:flex;align-items:center;gap:1rem}.user-management-container .users-table-container .user-avatar .avatar{width:40px;height:40px;border-radius:50%;background:#e74c3c;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.user-management-container .users-table-container .user-avatar .user-details .username{display:block;font-weight:600;color:#2c3e50;margin-bottom:.25rem}.user-management-container .users-table-container .user-avatar .user-details .email{display:block;color:#666;font-size:.85rem}.user-management-container .users-table-container .status-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-align:center;min-width:80px}.user-management-container .users-table-container .status-badge.active{background:#27ae601a;color:#27ae60;border:1px solid rgba(39,174,96,.2)}.user-management-container .users-table-container .status-badge.inactive{background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.2)}.user-management-container .users-table-container .role-badge{display:inline-block;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600}.user-management-container .users-table-container .role-badge.role-free{background:#6666661a;color:#666}.user-management-container .users-table-container .role-badge.role-basic{background:#3498db1a;color:#3498db}.user-management-container .users-table-container .role-badge.role-premium{background:#9b59b61a;color:#9b59b6}.user-management-container .users-table-container .role-badge.role-enterprise{background:#27ae601a;color:#27ae60}.user-management-container .users-table-container .role-badge.role-admin{background:#e74c3c1a;color:#e74c3c}.user-management-container .users-table-container .subscription-select{padding:.4rem .75rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.85rem;background:#fff;cursor:pointer;transition:all .3s ease;min-width:120px}.user-management-container .users-table-container .subscription-select:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 2px #e74c3c1a}.user-management-container .users-table-container .subscription-select.subscription-free{background:#6666660d;border-color:#6666664d}.user-management-container .users-table-container .subscription-select.subscription-basic{background:#3498db0d;border-color:#3498db4d}.user-management-container .users-table-container .subscription-select.subscription-premium{background:#9b59b60d;border-color:#9b59b64d}.user-management-container .users-table-container .subscription-select.subscription-enterprise{background:#27ae600d;border-color:#27ae604d}.user-management-container .users-table-container .action-buttons{display:flex;gap:.5rem}.user-management-container .users-table-container .action-buttons .btn{padding:.4rem .75rem;border:none;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.user-management-container .users-table-container .action-buttons .btn.btn-info{background:#3498db1a;color:#3498db}.user-management-container .users-table-container .action-buttons .btn.btn-info:hover{background:#3498db;color:#fff}.user-management-container .users-table-container .action-buttons .btn.btn-danger{background:#e74c3c1a;color:#e74c3c}.user-management-container .users-table-container .action-buttons .btn.btn-danger:hover{background:#e74c3c;color:#fff}.user-management-container .empty-state{text-align:center;padding:3rem;color:#666}.user-management-container .empty-state i{font-size:3rem;margin-bottom:1rem;color:#e0e0e0}.user-management-container .empty-state h3{font-size:1.3rem;margin-bottom:.5rem;color:#2c3e50}.user-management-container .empty-state p{margin:0;font-size:1rem}.user-management-container .loading-state{text-align:center;padding:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666}.user-management-container .loading-state .spinner{width:3rem;height:3rem;border:3px solid #e0e0e0;border-top:3px solid #e74c3c;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.user-management-container .loading-state p{font-size:1.1rem;margin:0}@media (max-width: 768px){.admin-layout .admin-header .header-left .page-title,.admin-layout .user-header .header-left .page-title,.user-layout .admin-header .header-left .page-title,.user-layout .user-header .header-left .page-title{font-size:1.1rem}.admin-layout .admin-header .header-right .user-info .user-dropdown .user-btn,.admin-layout .user-header .header-right .user-info .user-dropdown .user-btn,.user-layout .admin-header .header-right .user-info .user-dropdown .user-btn,.user-layout .user-header .header-right .user-info .user-dropdown .user-btn{min-width:auto;padding:.4rem .6rem}.admin-layout .admin-header .header-right .user-info .user-dropdown .user-btn .user-avatar,.admin-layout .user-header .header-right .user-info .user-dropdown .user-btn .user-avatar,.user-layout .admin-header .header-right .user-info .user-dropdown .user-btn .user-avatar,.user-layout .user-header .header-right .user-info .user-dropdown .user-btn .user-avatar{font-size:1.25rem}.admin-layout .admin-sidebar .sidebar-nav .nav-item,.admin-layout .user-sidebar .sidebar-nav .nav-item,.user-layout .admin-sidebar .sidebar-nav .nav-item,.user-layout .user-sidebar .sidebar-nav .nav-item{padding:.5rem .75rem}.admin-layout .admin-sidebar .sidebar-nav .nav-item i,.admin-layout .user-sidebar .sidebar-nav .nav-item i,.user-layout .admin-sidebar .sidebar-nav .nav-item i,.user-layout .user-sidebar .sidebar-nav .nav-item i{font-size:1.1rem}.admin-layout .admin-sidebar .sidebar-nav .nav-item .nav-text,.admin-layout .user-sidebar .sidebar-nav .nav-item .nav-text,.user-layout .admin-sidebar .sidebar-nav .nav-item .nav-text,.user-layout .user-sidebar .sidebar-nav .nav-item .nav-text{font-size:.65rem}}@media (max-width: 480px){.admin-layout .admin-header,.admin-layout .user-header,.user-layout .admin-header,.user-layout .user-header{padding:.75rem 1rem}.admin-layout .admin-header .header-left .sidebar-toggle,.admin-layout .user-header .header-left .sidebar-toggle,.user-layout .admin-header .header-left .sidebar-toggle,.user-layout .user-header .header-left .sidebar-toggle{padding:.25rem}.admin-layout .admin-header .header-left .page-title,.admin-layout .user-header .header-left .page-title,.user-layout .admin-header .header-left .page-title,.user-layout .user-header .header-left .page-title{font-size:1rem;gap:.25rem}.admin-layout .admin-header .header-left .page-title i,.admin-layout .user-header .header-left .page-title i,.user-layout .admin-header .header-left .page-title i,.user-layout .user-header .header-left .page-title i{font-size:.9rem}.admin-layout .admin-main,.admin-layout .user-main,.user-layout .admin-main,.user-layout .user-main{padding:.75rem}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.admin-sidebar,.user-sidebar{animation:slideInRight .3s ease-out}@media (max-width: 768px){.admin-sidebar,.user-sidebar{animation:slideInBottom .3s ease-out}}.sidebar-collapsed .admin-sidebar,.sidebar-collapsed .user-sidebar{width:70px!important}.sidebar-collapsed .admin-main,.sidebar-collapsed .user-main{margin-right:70px!important}.data-management-container{padding:2rem;max-width:1400px;margin:0 auto}.data-management-container .page-header{margin-bottom:2rem}.data-management-container .page-header .page-title{display:flex;align-items:center;gap:.75rem;font-size:1.8rem;font-weight:700;color:#2c3e50;margin:0}.data-management-container .page-header .page-title i{color:#e74c3c;font-size:1.5rem}.data-management-container .filters-section{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0;padding:1.5rem;margin-bottom:2rem}.data-management-container .filters-section .filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}@media (max-width: 768px){.data-management-container .filters-section .filter-grid{grid-template-columns:1fr}}.data-management-container .filters-section .filter-grid .filter-group .filter-label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50;font-size:.9rem}.data-management-container .filters-section .filter-grid .filter-group .filter-input,.data-management-container .filters-section .filter-grid .filter-group .filter-select{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .3s ease;background:#fff}.data-management-container .filters-section .filter-grid .filter-group .filter-input:focus,.data-management-container .filters-section .filter-grid .filter-group .filter-select:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.data-management-container .filters-section .filter-grid .filter-actions{display:flex;align-items:end;height:100%}.data-management-container .filters-section .filter-grid .filter-actions .btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.data-management-container .filters-section .filter-grid .filter-actions .btn.btn-secondary{background:#6666661a;color:#333;border:1px solid #e0e0e0}.data-management-container .filters-section .filter-grid .filter-actions .btn.btn-secondary:hover{background:#6663;border-color:#666}.data-management-container .loading-state{text-align:center;padding:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666}.data-management-container .loading-state .spinner{width:3rem;height:3rem;border:3px solid #e0e0e0;border-top:3px solid #e74c3c;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.data-management-container .loading-state p{font-size:1.1rem;margin:0}.data-management-container .data-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0;overflow:hidden;margin-bottom:2rem}.data-management-container .data-table-container .table-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.data-management-container .data-table-container .table-header h3{font-size:1.2rem;font-weight:600;color:#2c3e50;margin:0;display:flex;align-items:center;gap:.5rem}.data-management-container .data-table-container .table-responsive{overflow-x:auto}.data-management-container .data-table-container .data-table{width:100%;border-collapse:collapse}.data-management-container .data-table-container .data-table th,.data-management-container .data-table-container .data-table td{padding:1rem;text-align:right;border-bottom:1px solid #e0e0e0;white-space:nowrap}@media (max-width: 768px){.data-management-container .data-table-container .data-table th,.data-management-container .data-table-container .data-table td{padding:.75rem .5rem;font-size:.9rem}}.data-management-container .data-table-container .data-table th{background:#f8f9fa;font-weight:600;color:#2c3e50;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0}.data-management-container .data-table-container .data-table td{color:#333}.data-management-container .data-table-container .data-table tbody tr{transition:all .3s ease}.data-management-container .data-table-container .data-table tbody tr:hover{background:#e74c3c05}.data-management-container .data-table-container .data-table tbody tr:last-child td{border-bottom:none}.data-management-container .user-info{display:flex;align-items:center;gap:1rem}.data-management-container .user-info .avatar{width:40px;height:40px;border-radius:50%;background:#e74c3c;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.data-management-container .user-info .avatar i{font-size:1.2rem}.data-management-container .user-info .user-details .username{display:block;font-weight:600;color:#2c3e50;margin-bottom:.25rem}.data-management-container .user-info .user-details .user-id{display:block;color:#666;font-size:.85rem}.data-management-container .badge{display:inline-block;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600;text-align:center}.data-management-container .badge.badge-admin{background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.2)}.data-management-container .badge.badge-user{background:#3498db1a;color:#3498db;border:1px solid rgba(52,152,219,.2)}.data-management-container .badge.badge-free{background:#6666661a;color:#666;border:1px solid rgba(102,102,102,.2)}.data-management-container .badge.badge-basic{background:#3498db1a;color:#3498db;border:1px solid rgba(52,152,219,.2)}.data-management-container .badge.badge-premium{background:#9b59b61a;color:#9b59b6;border:1px solid rgba(155,89,182,.2)}.data-management-container .badge.badge-enterprise{background:#27ae601a;color:#27ae60;border:1px solid rgba(39,174,96,.2)}.data-management-container .status-badge{display:inline-block;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-align:center;min-width:80px}.data-management-container .status-badge.active{background:#27ae601a;color:#27ae60;border:1px solid rgba(39,174,96,.2)}.data-management-container .status-badge:not(.active){background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.2)}.data-management-container .email-cell{direction:ltr;text-align:left}.data-management-container .ip-address{font-family:Courier New,monospace;background:#f8f9fa;padding:.2rem .5rem;border-radius:4px;font-size:.85rem;direction:ltr}.data-management-container .page-badge{display:inline-block;padding:.3rem .6rem;background:#3498db1a;color:#3498db;border-radius:4px;font-size:.8rem;font-weight:500}.data-management-container .duration-badge{display:inline-block;padding:.3rem .6rem;background:#27ae601a;color:#27ae60;border-radius:4px;font-size:.8rem;font-weight:500;font-family:Courier New,monospace}.data-management-container .timestamp .date{font-weight:600;color:#2c3e50;margin-bottom:.25rem}.data-management-container .timestamp .time{color:#666;font-size:.85rem}.data-management-container .action-buttons{display:flex;gap:.5rem}.data-management-container .action-buttons .btn{padding:.5rem;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.data-management-container .action-buttons .btn.btn-sm{width:28px;height:28px}.data-management-container .action-buttons .btn.btn-primary{background:#3498db1a;color:#3498db}.data-management-container .action-buttons .btn.btn-primary:hover{background:#3498db;color:#fff;transform:scale(1.1)}.data-management-container .action-buttons .btn.btn-danger{background:#e74c3c1a;color:#e74c3c}.data-management-container .action-buttons .btn.btn-danger:hover{background:#e74c3c;color:#fff;transform:scale(1.1)}.data-management-container .pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1.5rem}.data-management-container .pagination .page-btn{padding:.5rem;border:1px solid #e0e0e0;background:#fff;color:#333;border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.data-management-container .pagination .page-btn:hover:not(:disabled){border-color:#e74c3c;color:#e74c3c}.data-management-container .pagination .page-btn:disabled{opacity:.5;cursor:not-allowed}.data-management-container .pagination .page-info{font-weight:600;color:#2c3e50}.data-management-container .empty-state{text-align:center;padding:3rem;color:#666}.data-management-container .empty-state i{font-size:3rem;margin-bottom:1rem;color:#e0e0e0}.data-management-container .empty-state h3{font-size:1.3rem;margin-bottom:.5rem;color:#2c3e50}.data-management-container .empty-state p{margin:0 0 1.5rem;font-size:1rem}.data-management-container .empty-state .btn{padding:.75rem 1.5rem;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.data-management-container .empty-state .btn:hover{background:#c0392b;transform:translateY(-1px)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1040}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;z-index:1050;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.modal .modal-header h3{font-size:1.3rem;font-weight:600;color:#2c3e50;margin:0}.modal .modal-header .close-btn{background:none;border:none;font-size:1.2rem;color:#666;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .3s ease}.modal .modal-header .close-btn:hover{color:#e74c3c;background:#e74c3c1a}.modal .modal-body{padding:1.5rem}.modal .modal-body .modal-form .form-group{margin-bottom:1.5rem}.modal .modal-body .modal-form .form-group .form-label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50;font-size:.9rem}.modal .modal-body .modal-form .form-group .form-control{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .3s ease;background:#fff}.modal .modal-body .modal-form .form-group .form-control:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.modal .modal-body .modal-form .form-group .checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:#333}.modal .modal-body .modal-form .form-group .checkbox-label .checkbox-input{width:18px;height:18px;accent-color:#e74c3c}.modal .modal-body .modal-form .form-group .checkbox-label .checkmark{width:18px;height:18px;border:2px solid #e0e0e0;border-radius:3px;position:relative;transition:all .3s ease}.modal .modal-body .modal-form .form-group .checkbox-label .checkmark:after{content:"";position:absolute;display:none;left:5px;top:2px;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.modal .modal-body .modal-form .form-group .checkbox-label input:checked+.checkmark{background:#e74c3c;border-color:#e74c3c}.modal .modal-body .modal-form .form-group .checkbox-label input:checked+.checkmark:after{display:block}.modal .modal-body .modal-form .modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #e0e0e0}.modal .modal-body .modal-form .modal-actions .btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.modal .modal-body .modal-form .modal-actions .btn.btn-secondary{background:#6666661a;color:#333;border:1px solid #e0e0e0}.modal .modal-body .modal-form .modal-actions .btn.btn-secondary:hover{background:#6663;border-color:#666}.modal .modal-body .modal-form .modal-actions .btn.btn-primary{background:#e74c3c;color:#fff}.modal .modal-body .modal-form .modal-actions .btn.btn-primary:hover{background:#c0392b;transform:translateY(-1px)}@media (max-width: 768px){.data-management-container{padding:1rem}.data-management-container .page-header .page-title{font-size:1.5rem}.data-management-container .filters-section .filter-grid{grid-template-columns:1fr}.data-management-container .filters-section .filter-grid .filter-actions{justify-content:center}.data-management-container .data-table-container .data-table th,.data-management-container .data-table-container .data-table td{padding:.5rem .25rem;font-size:.8rem}.data-management-container .user-info{flex-direction:column;text-align:center;gap:.5rem}.data-management-container .user-info .user-details .username{font-size:.9rem}.data-management-container .action-buttons{flex-direction:column;gap:.25rem}.data-management-container .action-buttons .btn{width:100%}.data-management-container .modal{width:95%;margin:1rem}.data-management-container .modal .modal-body{padding:1rem}}@media (max-width: 480px){.data-management-container{padding:.5rem}.data-management-container .page-header .page-title{font-size:1.3rem;flex-direction:column;gap:.5rem;text-align:center}.data-management-container .pagination{flex-direction:column;gap:.5rem}.data-management-container .modal .modal-actions{flex-direction:column}.data-management-container .modal .modal-actions .btn{width:100%;justify-content:center}}.mobile-menu-active .admin-sidebar,.mobile-menu-active .user-sidebar{transform:translateY(0)!important}.layout-loading{opacity:.7;pointer-events:none}.layout-loading .admin-main,.layout-loading .user-main{position:relative}.layout-loading .admin-main:after,.layout-loading .user-main:after{content:"";position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:1000}.help-center-container{min-height:100vh;background:#f8f9fa;padding:2rem 0}.help-center-container .help-header{text-align:center;margin-bottom:3rem}.help-center-container .help-header h1{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:1rem}@media (max-width: 768px){.help-center-container .help-header h1{font-size:2rem}}.help-center-container .help-header p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.help-center-container .success-message{background:#27ae601a;border:1px solid rgba(39,174,96,.2);border-radius:8px;padding:1rem 1.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;color:#27ae60;font-weight:500}.help-center-container .success-message .success-icon{color:#27ae60;font-size:1.2rem}.help-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 1024px){.help-content{grid-template-columns:1fr;gap:1.5rem}}.contact-form-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:2rem;border:1px solid #e0e0e0}.contact-form-section h2{font-size:1.8rem;font-weight:600;color:#2c3e50;margin-bottom:1.5rem}.contact-form-section .help-form .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.contact-form-section .help-form .form-grid{grid-template-columns:1fr;gap:1rem}}.contact-form-section .help-form .form-grid .form-group.full-width{grid-column:1/-1}.contact-form-section .help-form .form-grid .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50;font-size:.9rem}.contact-form-section .help-form .form-grid .form-group .form-control{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .3s ease;background:#fff}.contact-form-section .help-form .form-grid .form-group .form-control:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.contact-form-section .help-form .form-grid .form-group .form-control.is-invalid{border-color:#e74c3c}.contact-form-section .help-form .form-grid .form-group select.form-control{cursor:pointer}.contact-form-section .help-form .form-grid .form-group textarea.form-control{resize:vertical;min-height:120px}.contact-form-section .help-form .form-grid .form-group .error-message{color:#e74c3c;font-size:.8rem;margin-top:.25rem;display:block}.contact-form-section .help-form .submit-btn{width:100%;padding:1rem 2rem;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.contact-form-section .help-form .submit-btn:hover:not(:disabled){background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 15px #e74c3c4d}.contact-form-section .help-form .submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.contact-form-section .help-form .submit-btn .loading-spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.faq-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:2rem;border:1px solid #e0e0e0;margin-top:2rem}.faq-section h2{font-size:1.8rem;font-weight:600;color:#2c3e50;margin-bottom:1.5rem}.faq-section .faq-list .faq-item{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.faq-section .faq-list .faq-item:hover{border-color:#e74c3c}.faq-section .faq-list .faq-item .faq-question{width:100%;padding:1.5rem;background:none;border:none;text-align:right;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease;font-weight:600;color:#2c3e50;font-size:1rem}.faq-section .faq-list .faq-item .faq-question:hover{background:#e74c3c0d}.faq-section .faq-list .faq-item .faq-question .faq-icon{transition:all .3s ease;color:#666}.faq-section .faq-list .faq-item .faq-question.expanded .faq-icon{transform:rotate(180deg);color:#e74c3c}.faq-section .faq-list .faq-item .faq-answer{padding:0 1.5rem;max-height:0;overflow:hidden;transition:all .3s ease}.faq-section .faq-list .faq-item .faq-answer.expanded{max-height:500px;padding:0 1.5rem 1.5rem}.faq-section .faq-list .faq-item .faq-answer p{color:#333;line-height:1.6;margin:0}.help-sidebar{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 1024px){.help-sidebar{order:-1}}.quick-help-section,.contact-info-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;border:1px solid #e0e0e0}.quick-help-section h3,.contact-info-section h3{font-size:1.3rem;font-weight:600;color:#2c3e50;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.quick-help-links{display:flex;flex-direction:column;gap:.75rem}.quick-help-links .help-link{display:flex;align-items:center;padding:1rem;border-radius:8px;text-decoration:none;color:#333;transition:all .3s ease;gap:.75rem}.quick-help-links .help-link:hover{background:#e74c3c0d;color:#e74c3c;transform:translate(-5px)}.quick-help-links .help-link:hover .link-icon{color:#e74c3c}.quick-help-links .help-link .link-icon{font-size:1.2rem;color:#3498db;transition:all .3s ease}.quick-help-links .help-link span{font-weight:500;flex:1}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-info .contact-item{display:flex;align-items:center;gap:.75rem;color:#333}.contact-info .contact-item .contact-icon{font-size:1.2rem;color:#e74c3c;width:20px}.contact-info .contact-item span{flex:1}.contact-info-section{background:#e74c3c0d;border-color:#e74c3c33}.contact-info-section h3{color:#e74c3c}.profile-container{padding:2rem;max-width:1200px;margin:0 auto}@media (max-width: 768px){.profile-container{padding:1rem}}.profile-container .page-header{margin-bottom:2rem}.profile-container .page-header .page-title{display:flex;align-items:center;gap:.75rem;font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.profile-container .page-header .page-title i{color:#e74c3c;font-size:1.8rem}.profile-container .page-header p{color:#666;font-size:1.1rem;margin:0}.alert{padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;font-weight:500}.alert.alert-success{background:#27ae601a;color:#27ae60;border:1px solid rgba(39,174,96,.2)}.alert.alert-danger{background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.2)}.alert i{font-size:1.2rem}.profile-content{display:grid;grid-template-columns:1fr;gap:2rem}.profile-card,.subscription-card,.stats-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0;overflow:hidden}.profile-card .card-header,.subscription-card .card-header,.stats-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.profile-card .card-header h3,.subscription-card .card-header h3,.stats-card .card-header h3{font-size:1.3rem;font-weight:600;color:#2c3e50;margin:0}.profile-card .card-header .btn,.subscription-card .card-header .btn,.stats-card .card-header .btn{padding:.5rem 1rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.profile-card .card-header .btn.btn-primary,.subscription-card .card-header .btn.btn-primary,.stats-card .card-header .btn.btn-primary{background:#e74c3c;color:#fff}.profile-card .card-header .btn.btn-primary:hover:not(:disabled),.subscription-card .card-header .btn.btn-primary:hover:not(:disabled),.stats-card .card-header .btn.btn-primary:hover:not(:disabled){background:#c0392b;transform:translateY(-1px)}.profile-card .card-header .btn.btn-primary:disabled,.subscription-card .card-header .btn.btn-primary:disabled,.stats-card .card-header .btn.btn-primary:disabled{opacity:.7;cursor:not-allowed}.profile-card .card-header .subscription-badge,.subscription-card .card-header .subscription-badge,.stats-card .card-header .subscription-badge{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.profile-card .card-header .subscription-badge.badge-free,.subscription-card .card-header .subscription-badge.badge-free,.stats-card .card-header .subscription-badge.badge-free{background:#6666661a;color:#666}.profile-card .card-header .subscription-badge.badge-basic,.subscription-card .card-header .subscription-badge.badge-basic,.stats-card .card-header .subscription-badge.badge-basic{background:#3498db1a;color:#3498db}.profile-card .card-header .subscription-badge.badge-premium,.subscription-card .card-header .subscription-badge.badge-premium,.stats-card .card-header .subscription-badge.badge-premium{background:#9b59b61a;color:#9b59b6}.profile-card .card-header .subscription-badge.badge-enterprise,.subscription-card .card-header .subscription-badge.badge-enterprise,.stats-card .card-header .subscription-badge.badge-enterprise{background:#27ae601a;color:#27ae60}.profile-card .card-body,.subscription-card .card-body,.stats-card .card-body{padding:1.5rem}.profile-form .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.profile-form .form-grid{grid-template-columns:1fr;gap:1rem}}.profile-form .form-grid .form-group.full-width{grid-column:1/-1}.profile-form .form-grid .form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50;font-size:.9rem}.profile-form .form-grid .form-group .form-control{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .3s ease;background:#fff}.profile-form .form-grid .form-group .form-control:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.profile-form .form-grid .form-group h4{color:#2c3e50;margin-bottom:.5rem;font-size:1.1rem}.profile-form .form-grid .form-group .form-help{color:#666;font-size:.85rem;margin-bottom:1rem;font-style:italic}.profile-form .form-actions{text-align:left}.profile-form .form-actions .btn{padding:.75rem 2rem;background:#27ae60;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.profile-form .form-actions .btn:hover:not(:disabled){background:#1e8449;transform:translateY(-1px)}.profile-form .form-actions .btn:disabled{opacity:.7;cursor:not-allowed}.profile-form .form-actions .btn .fa-spin{animation:spin 1s linear infinite}.profile-info .info-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #e0e0e0}.profile-info .info-item:last-child{border-bottom:none}.profile-info .info-item label{font-weight:600;color:#2c3e50;min-width:150px}.profile-info .info-item span{color:#333;text-align:left;flex:1}.subscription-info{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start}@media (max-width: 768px){.subscription-info{grid-template-columns:1fr;gap:1.5rem}}.subscription-info .subscription-details h4{color:#2c3e50;margin-bottom:1rem;font-size:1.1rem}.subscription-info .subscription-details .features-list{list-style:none;padding:0;margin:0}.subscription-info .subscription-details .features-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:#333}.subscription-info .subscription-details .features-list li i{color:#27ae60;font-size:.9rem}.subscription-info .upgrade-cta{background:#f39c120d;border:1px solid rgba(243,156,18,.2);border-radius:8px;padding:1.5rem;text-align:center}.subscription-info .upgrade-cta h4{color:#2c3e50;margin-bottom:.5rem;font-size:1.1rem}.subscription-info .upgrade-cta p{color:#666;margin-bottom:1rem;font-size:.9rem}.subscription-info .upgrade-cta .btn{padding:.75rem 1.5rem;background:#f39c12;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.subscription-info .upgrade-cta .btn:hover{background:#e67e22;transform:translateY(-1px)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr;gap:1rem}}.stats-grid .stat-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0;transition:all .3s ease}.stats-grid .stat-item:hover{transform:translateY(-2px);box-shadow:0 2px 10px #0000000d}.stats-grid .stat-item .stat-icon{width:50px;height:50px;background:#e74c3c;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.stats-grid .stat-item .stat-content{flex:1}.stats-grid .stat-item .stat-content h4{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0 0 .25rem;line-height:1}.stats-grid .stat-item .stat-content p{color:#666;margin:0;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.help-center-container{padding:1rem 0}.help-center-container .help-header h1{font-size:1.8rem}.help-center-container .help-header p{font-size:1rem}.contact-form-section,.faq-section{padding:1.5rem}.help-sidebar{gap:1rem}.quick-help-section,.contact-info-section{padding:1rem}.profile-container .page-header .page-title{font-size:1.6rem}.profile-card .card-header,.subscription-card .card-header,.stats-card .card-header{padding:1rem 1.5rem;flex-direction:column;gap:1rem;align-items:flex-start}.profile-card .card-header .btn,.subscription-card .card-header .btn,.stats-card .card-header .btn{width:100%;justify-content:center}.profile-card .card-body,.subscription-card .card-body,.stats-card .card-body{padding:1rem}.profile-info .info-item{flex-direction:column;align-items:flex-start;gap:.5rem}.subscription-info .upgrade-cta{padding:1rem}}@media (max-width: 480px){.contact-form-section,.faq-section{padding:1rem}.form-grid{gap:1rem}.stats-grid .stat-item{flex-direction:column;text-align:center;gap:.75rem}}.subscription-plans-container{min-height:100vh;background:#f8f9fa;padding:2rem 0}.subscription-plans-container .container{max-width:1400px;margin:0 auto;padding:0 20px}.subscription-plans-container .page-header{text-align:center;margin-bottom:3rem}.subscription-plans-container .page-header h1{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:1rem}@media (max-width: 768px){.subscription-plans-container .page-header h1{font-size:2rem}}.subscription-plans-container .page-header .subtitle{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.subscription-plans-container .current-subscription{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:1.5rem 2rem;margin-bottom:2rem;border-right:4px solid #e74c3c;border:1px solid #e0e0e0}.subscription-plans-container .current-subscription .subscription-content{display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.subscription-plans-container .current-subscription .subscription-content{flex-direction:column;gap:1rem;align-items:flex-start}}.subscription-plans-container .current-subscription .subscription-content .subscription-info h2{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.subscription-plans-container .current-subscription .subscription-content .subscription-info p{color:#333;margin-bottom:.25rem}.subscription-plans-container .current-subscription .subscription-content .subscription-info p .plan-name{font-weight:700;color:#e74c3c}.subscription-plans-container .current-subscription .subscription-content .subscription-info .subscription-date{font-size:.9rem;color:#666}.subscription-plans-container .current-subscription .subscription-content .subscription-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#e74c3c1a;color:#e74c3c;border-radius:20px;font-weight:600;font-size:.9rem}.subscription-plans-container .loading-state{text-align:center;padding:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666}.subscription-plans-container .loading-state .spinner{width:3rem;height:3rem;border:3px solid #e0e0e0;border-top:3px solid #e74c3c;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.subscription-plans-container .loading-state p{font-size:1.1rem;margin:0}.subscription-plans-container .plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}@media (max-width: 1200px){.subscription-plans-container .plans-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.subscription-plans-container .plans-grid{grid-template-columns:1fr;gap:1rem}}.subscription-plans-container .plan-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:2rem;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}.subscription-plans-container .plan-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.subscription-plans-container .plan-card.free-plan{border-color:#e0e0e0}.subscription-plans-container .plan-card.free-plan .plan-header .price{color:#666}.subscription-plans-container .plan-card.free-plan .subscribe-btn{background:#666}.subscription-plans-container .plan-card.free-plan .subscribe-btn:hover:not(:disabled){background:color-mix(in srgb,#666666,black 10%)}.subscription-plans-container .plan-card.basic-plan{border-color:#3498db}.subscription-plans-container .plan-card.basic-plan .plan-header .price{color:#3498db}.subscription-plans-container .plan-card.basic-plan .subscribe-btn{background:#3498db}.subscription-plans-container .plan-card.basic-plan .subscribe-btn:hover:not(:disabled){background:color-mix(in srgb,#3498db,black 10%)}.subscription-plans-container .plan-card.premium-plan{border-color:#9b59b6}.subscription-plans-container .plan-card.premium-plan .plan-header .price{color:#9b59b6}.subscription-plans-container .plan-card.premium-plan .subscribe-btn{background:#9b59b6}.subscription-plans-container .plan-card.premium-plan .subscribe-btn:hover:not(:disabled){background:color-mix(in srgb,#9b59b6,black 10%)}.subscription-plans-container .plan-card.enterprise-plan{border-color:#27ae60}.subscription-plans-container .plan-card.enterprise-plan .plan-header .price{color:#27ae60}.subscription-plans-container .plan-card.enterprise-plan .subscribe-btn{background:#27ae60}.subscription-plans-container .plan-card.enterprise-plan .subscribe-btn:hover:not(:disabled){background:color-mix(in srgb,#27ae60,black 10%)}.subscription-plans-container .plan-card.current-plan{border-color:#e74c3c;box-shadow:0 0 0 2px #e74c3c33;transform:scale(1.05)}@media (max-width: 768px){.subscription-plans-container .plan-card.current-plan{transform:scale(1.02)}}.subscription-plans-container .plan-card.current-plan:before{content:"\627\644\628\627\642\629  \627\644\62d\627\644\64a\629";position:absolute;top:1rem;left:1rem;background:#e74c3c;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.subscription-plans-container .plan-card .plan-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e0e0e0}.subscription-plans-container .plan-card .plan-header h3{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:1rem}.subscription-plans-container .plan-card .plan-header .price{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:.5rem}.subscription-plans-container .plan-card .plan-header .price .amount{font-size:2.5rem;font-weight:700;line-height:1}.subscription-plans-container .plan-card .plan-header .price .period{color:#666;font-size:1rem}.subscription-plans-container .plan-card .features-list{list-style:none;padding:0;margin:0 0 2rem}.subscription-plans-container .plan-card .features-list .feature-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;color:#333}.subscription-plans-container .plan-card .features-list .feature-item .feature-icon{color:#27ae60;font-size:1.1rem;margin-top:.1rem;flex-shrink:0}.subscription-plans-container .plan-card .features-list .feature-item .feature-text{font-size:.9rem;line-height:1.4}.subscription-plans-container .plan-card .subscribe-btn{width:100%;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;color:#fff;display:flex;align-items:center;justify-content:center;gap:.5rem}.subscription-plans-container .plan-card .subscribe-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.subscription-plans-container .plan-card .subscribe-btn:disabled{background:#e0e0e0!important;color:#666;cursor:not-allowed;transform:none;box-shadow:none}.subscription-plans-container .plan-card .subscribe-btn .btn-icon{font-size:1.1rem}.subscription-plans-container .features-comparison{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:2rem;border:1px solid #e0e0e0}.subscription-plans-container .features-comparison h2{font-size:1.8rem;font-weight:700;color:#2c3e50;text-align:center;margin-bottom:2rem}.subscription-plans-container .features-comparison .comparison-table{width:100%;border-collapse:collapse;background:#fff}.subscription-plans-container .features-comparison .comparison-table thead tr{border-bottom:2px solid #e0e0e0}.subscription-plans-container .features-comparison .comparison-table thead tr th{padding:1rem;text-align:center;font-weight:600;color:#2c3e50;font-size:1rem}.subscription-plans-container .features-comparison .comparison-table thead tr th:first-child{text-align:right}.subscription-plans-container .features-comparison .comparison-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.subscription-plans-container .features-comparison .comparison-table tbody tr:hover{background:#e74c3c05}.subscription-plans-container .features-comparison .comparison-table tbody tr:last-child{border-bottom:none}.subscription-plans-container .features-comparison .comparison-table tbody tr td{padding:1rem;text-align:center;color:#333}.subscription-plans-container .features-comparison .comparison-table tbody tr td:first-child{text-align:right;font-weight:500;color:#2c3e50}.subscription-plans-container .features-comparison .comparison-table .status-icon{font-size:1.2rem;font-weight:700}.subscription-plans-container .features-comparison .comparison-table .status-icon.available{color:#27ae60}.subscription-plans-container .features-comparison .comparison-table .status-icon.unavailable{color:#e74c3c}@media (max-width: 768px){.subscription-plans-container{padding:1rem 0}.subscription-plans-container .page-header h1{font-size:1.8rem}.subscription-plans-container .page-header .subtitle{font-size:1rem}.subscription-plans-container .current-subscription{padding:1.5rem}.subscription-plans-container .current-subscription .subscription-content .subscription-info h2{font-size:1.3rem}.subscription-plans-container .plans-grid{gap:1rem}.subscription-plans-container .plan-card{padding:1.5rem}.subscription-plans-container .plan-card.current-plan:before{top:.5rem;left:.5rem;font-size:.7rem}.subscription-plans-container .plan-card .plan-header h3{font-size:1.3rem}.subscription-plans-container .plan-card .plan-header .price .amount{font-size:2rem}.subscription-plans-container .features-comparison{padding:1.5rem}.subscription-plans-container .features-comparison h2{font-size:1.5rem}.subscription-plans-container .features-comparison .comparison-table thead th,.subscription-plans-container .features-comparison .comparison-table tbody td{padding:.75rem .5rem;font-size:.9rem}}@media (max-width: 480px){.subscription-plans-container .plan-card{padding:1rem}.subscription-plans-container .plan-card .plan-header .price .amount{font-size:1.8rem}.subscription-plans-container .plan-card .features-list .feature-item .feature-text{font-size:.85rem}.subscription-plans-container .features-comparison{padding:1rem;overflow-x:auto}.subscription-plans-container .features-comparison .comparison-table{min-width:500px}.subscription-plans-container .features-comparison .comparison-table thead th,.subscription-plans-container .features-comparison .comparison-table tbody td{padding:.5rem;font-size:.85rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.plan-card{animation:fadeInUp .5s ease-out}