@import"https://fonts.googleapis.com/css2?family=Hanuman:wght@400;700&family=Poppins:wght@400;500;600&display=swap";.user-profile-menu{position:relative;z-index:10}.profile-button{background-color:#fff;border:1px solid var(--border-color);border-radius:20px;padding:.4rem 1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;color:var(--text-dark);transition:all .2s}.profile-button:hover{background-color:#f8fafc;box-shadow:0 2px 8px #0000000d}.profile-button .fa-user-circle{font-size:1.2rem;color:var(--primary-color)}.profile-button .fa-chevron-down{transition:transform .2s ease-in-out}.profile-button .fa-chevron-down.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:120%;right:0;background-color:#fff;border-radius:8px;box-shadow:0 5px 20px #0000001a;border:1px solid var(--border-color);width:220px;padding:.5rem 0;overflow:hidden}.dropdown-item{display:block;width:100%;padding:.75rem 1.25rem;background:none;border:none;text-align:left;font-size:.9rem;color:var(--text-dark);text-decoration:none;cursor:pointer}.dropdown-item:hover{background-color:#f8fafc}.dropdown-item.logout{color:#ef4444;display:flex;align-items:center;gap:.5rem}.dropdown-divider{height:1px;background-color:var(--border-color);margin:.5rem 0}.dark-theme .profile-button{background-color:#374151;border-color:#4b5563;color:var(--text-dark)}.dark-theme .profile-button:hover{background-color:#4b5563}.dark-theme .dropdown-menu{background-color:#334155;border-color:#4b5563}.dark-theme .dropdown-item{color:var(--text-dark)}.dark-theme .dropdown-item:hover,.dark-theme .dropdown-divider{background-color:#4b5563}.dark-theme .dropdown-item.logout{color:#f87171}.app-footer{background-color:var(--background-white);border-top:1px solid var(--border-color);padding:1.5rem 2rem;text-align:center;color:var(--text-light);font-size:.9rem;transition:all var(--transition-speed)}.dark-theme .app-footer{background-color:var(--background-light)}.footer-content{display:flex;justify-content:center;align-items:center;gap:1rem}.footer-separator{width:1px;height:16px;background-color:var(--border-color)}.app-footer a{color:var(--text-dark);font-weight:500;text-decoration:none;transition:color var(--transition-speed)}.app-footer a:hover{color:var(--primary-color);text-decoration:underline}@media (max-width: 600px){.footer-content{flex-direction:column;gap:.5rem}.footer-separator{display:none}}.editor-header{padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.editor-header nav{display:flex;gap:1.5rem}.editor-header nav a{text-decoration:none;color:var(--text-light);padding-bottom:1rem;border-bottom:2px solid transparent;font-weight:500;transition:color .2s,border-color .2s}.editor-header nav a.active,.editor-header nav a:hover{color:var(--primary-color);border-bottom-color:var(--primary-color)}.form-section{margin-top:2rem}.form-section h2{font-size:2rem;margin-bottom:.5rem}.form-section p{color:var(--text-light);margin-bottom:2.5rem}.form-row{display:flex;gap:1.5rem}.form-group{display:flex;flex-direction:column;margin-bottom:1.5rem;width:100%}.form-group label{font-size:.9rem;font-weight:500;color:var(--text-light);margin-bottom:.5rem}.form-group input{padding:.8rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff26}.form-section-item{border:1px solid var(--border-color);padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.form-section-header{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.add-button,.delete-button{background-color:transparent;border:1px solid var(--border-color);color:var(--text-light);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.add-button:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.delete-button{color:#ef4444;border-color:#ef4444;margin-top:1rem}.delete-button:hover{background-color:#ef4444;color:#fff}.form-group textarea{padding:.8rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;transition:border-color .2s,box-shadow .2s}.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff26}.editor-header nav a[data-disabled=true]{color:#ccc;cursor:not-allowed;pointer-events:none}.editor-header nav a[data-disabled=true]:hover{border-bottom-color:transparent}.photo-upload-section{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding:1.5rem;background-color:#f8fafc;border-radius:8px}.photo-preview img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}#photo-upload{display:none}.photo-upload-button{background-color:var(--primary-color);color:#fff;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s}.photo-upload-button:hover{background-color:var(--primary-hover)}.photo-upload-hint{font-size:.8rem;color:var(--text-light);margin-top:.75rem}.dark-theme .form-group input,.dark-theme .form-group textarea{background-color:#374151;border-color:#4b5563;color:var(--text-dark)}.dark-theme .form-group input::placeholder,.dark-theme .form-group textarea::placeholder{color:var(--text-light)}.dark-theme .form-group input:focus,.dark-theme .form-group textarea:focus{background-color:#4b5563;border-color:var(--primary-color);box-shadow:0 0 0 3px #38bdf826}.dark-theme .editor-header{border-bottom-color:var(--border-color)}.dark-theme .add-button,.dark-theme .delete-button{background-color:transparent;border-color:var(--border-color);color:var(--text-light)}.dark-theme .add-button:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#111827}.dark-theme .delete-button{color:#f87171;border-color:#f87171}.dark-theme .delete-button:hover{background-color:#f87171;color:#111827}.dark-theme .photo-upload-section{background-color:#1f2937;border:1px solid var(--border-color)}.color-swatch-container{display:flex;gap:1rem}.color-swatch{width:40px;height:40px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s}.color-swatch.selected{border-color:var(--primary-color);transform:scale(1.1);box-shadow:0 0 10px #0003}.color-picker-container{display:flex;align-items:center;gap:.75rem}.color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s}.dark-theme .color-swatch{border-color:var(--background-white)}.color-swatch.selected{border-color:var(--primary-color);transform:scale(1.2)}.additional-info-toggle button{background:none;border:none;color:var(--primary-color);font-weight:500;cursor:pointer;margin:1rem 0}.additional-info-toggle .fa-chevron-down{transition:transform .2s}.additional-info-toggle .fa-chevron-down.open{transform:rotate(180deg)}.additional-fields{animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.skill-slider{-webkit-appearance:none;width:100%;height:8px;border-radius:5px;background:#ddd;outline:none;opacity:.7;transition:opacity .2s}.dark-theme .skill-slider{background:#4b5563}.delete-button-small{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1rem;padding:.5rem}.dark-theme .delete-button-small{color:#f87171}.form-section-item{display:flex;align-items:center;gap:1rem}.form-section-item.multi-row{display:flex;align-items:flex-start;gap:1rem}.form-content{flex-grow:1}.delete-action{padding-top:2rem}html,body{margin:0;padding:0;width:100%}.preview-contact-summary-grid{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;margin-bottom:1.2rem}.summary-section{border-left:1px solid #eee;padding-left:1.5rem}.preview-summary-text{font-size:.9rem;color:var(--text-light);line-height:1.6}.preview-skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background-color:var(--background-light);color:var(--primary-color);font-weight:500;padding:.3rem .8rem;border-radius:6px;font-size:.85rem}.classic-skills-list{list-style-type:disc;padding-left:1.2rem;font-size:.95rem;color:var(--text-light);line-height:1.6}.preview-section{margin-top:1.5rem}.dark-theme .resume-preview{background-color:var(--background-white);box-shadow:var(--shadow);color:var(--text-dark)}.dark-theme .resume-preview.classic .preview-header{border-bottom-color:var(--border-color)}.dark-theme .resume-preview.classic .preview-section-title{color:var(--primary-color);border-bottom-color:var(--border-color)}.dark-theme .resume-preview.classic .preview-item-title{color:var(--text-dark)}.dark-theme .resume-preview.classic .preview-item-date,.dark-theme .resume-preview.classic .preview-item-body,.dark-theme .resume-preview.classic .preview-summary-text{color:var(--text-light)}.dark-theme .resume-preview.classic .skill-tag{background-color:#374151;color:var(--primary-color)}.dark-theme .resume-preview.classic .summary-section{border-left-color:var(--border-color)}.dark-theme .modern-sidebar .left-column{background-color:#494e57;color:var(--text-dark)}.dark-theme .modern-sidebar .right-column{background-color:var(--background-white);color:var(--text-dark)}.dark-theme .modern-sidebar .left-column .preview-section-title,.dark-theme .modern-sidebar .right-column .preview-section-title{border-bottom-color:#4b5563}.modern-sidebar{padding:0;font-family:Poppins,sans-serif}.preview-container{display:flex;width:100%;height:100%}.left-column{width:35%;background-color:#f0f2f5;padding:2.5rem 2rem;color:#333}.profile-picture-container{width:140px;height:140px;border-radius:50%;overflow:hidden;margin:0 auto 2rem;border:5px solid white;box-shadow:0 0 15px #0000001a}.profile-picture-container img{width:100%;height:100%;object-fit:cover}.left-column .preview-section-title{font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-top:2rem;margin-bottom:1rem;border-bottom:2px solid #d1d5db;padding-bottom:.5rem}.left-column .preview-contact-info p{font-size:.9rem;margin-bottom:.5rem}.left-column .skills-list{list-style-type:none;padding:0;font-size:.9rem}.left-column .skills-list li{margin-bottom:.5rem}.right-column{width:65%;padding:2.5rem 3rem;color:#333}.right-column .preview-header-modern{margin-bottom:2rem}.right-column .preview-name-modern{font-size:3rem;font-weight:700;text-transform:uppercase;letter-spacing:2px}.right-column .preview-job-title-modern{font-size:1.2rem;font-weight:400;color:#000}.right-column .preview-section-title{font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-top:2rem;margin-bottom:1rem;border-bottom:2px solid #d1d5db;padding-bottom:.5rem}.right-column .preview-summary-text{font-size:.95rem;line-height:1.6;color:#555}.right-column .preview-item{margin-bottom:1.5rem}.right-column .preview-item-title{font-size:1.1rem;font-weight:600}.right-column .preview-item-subtitle{font-size:.95rem;font-weight:500;color:#555;margin-bottom:.5rem}.right-column .preview-item-date{font-size:.9rem;color:#777;font-style:italic;margin-bottom:.5rem}.right-column .preview-item-body ul{padding-left:1.2rem;font-size:.95rem;color:#555;line-height:1.6}.sidebar-list{list-style-type:disc;padding-left:1.2rem;font-size:.9rem}.sidebar-list li{margin-bottom:.5rem}.modern-sidebar .preview-item .preview-item-title,.modern-sidebar .preview-item .preview-item-subtitle,.modern-sidebar .preview-item .preview-item-date{font-size:.9rem;line-height:1.5}.modern-sidebar .preview-item .preview-item-title{font-weight:600}.modern-sidebar .left-column .sidebar-list{padding-left:1.2rem}.modern-sidebar .left-column .preview-item .preview-item-title,.modern-sidebar .left-column .preview-item .preview-item-subtitle,.modern-sidebar .left-column .preview-item .preview-item-date{line-height:1.5;margin-bottom:.2rem}.modern-sidebar .left-column .preview-item,.modern-sidebar .left-column .sidebar-list{padding-left:0}.modern-sidebar .left-column .sidebar-list{padding-left:0rem}.progress-circle{width:70px;height:70px;border-radius:50%;font-size:10pt;font-weight:600;margin:0 auto;display:flex;justify-content:center;align-items:center}.elegant-sidebar{padding:0;font-family:Poppins,sans-serif;color:#333;background-color:#fff}.elegant-sidebar .preview-container{display:flex;grid-template-columns:35% 65%;width:100%;align-items:start}.elegant-sidebar .left-column{width:35%;background-color:#343a40;color:#f8f9fa;padding:2.5rem 2rem;box-sizing:border-box}.elegant-sidebar .profile-photo{width:140px;height:140px;border-radius:50%;border:5px solid #495057;margin:0 auto 1.5rem;overflow:hidden}.elegant-sidebar .profile-photo img{width:100%;height:100%;object-fit:cover}.elegant-sidebar .sidebar-section{margin-bottom:2rem;page-break-inside:avoid}.elegant-sidebar .sidebar-title{font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #495057}.elegant-sidebar .sidebar-content p,.elegant-sidebar .sidebar-content li{font-size:.9rem;line-height:1.6;color:#ced4da}.elegant-sidebar .sidebar-content ul{list-style:disc;padding-left:1.2rem}.elegant-sidebar .sidebar-content li{margin-bottom:.5rem}.elegant-sidebar .right-column{width:65%;padding:2.5rem 3rem;box-sizing:border-box}.elegant-sidebar .main-header{text-align:left;margin-bottom:2.5rem;border-bottom:2px solid #e9ecef;padding-bottom:1.5rem}.elegant-sidebar .main-header .name{font-size:2.8rem;font-weight:700;letter-spacing:1px;line-height:1.1;color:var(--accent-color)}.elegant-sidebar .main-header .job-title{font-size:1.2rem;font-weight:400;color:#555;margin-top:.5rem}.elegant-sidebar .main-section{margin-bottom:2rem;page-break-inside:avoid}.elegant-sidebar .main-title{font-size:1.3rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;color:var(--accent-color)}.elegant-sidebar .timeline-item{position:relative;padding-left:1.5rem;margin-bottom:1.5rem;border-left:2px solid #e9ecef}.elegant-sidebar .timeline-item:last-child{margin-bottom:0}.elegant-sidebar .timeline-item:before{content:"";position:absolute;left:-6px;top:5px;width:10px;height:10px;border-radius:50%;background-color:#343a40;border:2px solid white}.elegant-sidebar .timeline-item-header{margin-bottom:.25rem}.elegant-sidebar .timeline-item-title{font-size:1.1rem;font-weight:600}.elegant-sidebar .timeline-item-date{font-size:.9rem;color:#6c757d;font-weight:500;margin-top:.2rem}.elegant-sidebar .timeline-item-subtitle{font-size:1rem;font-weight:500;color:#495057;margin-bottom:.5rem}.elegant-sidebar .timeline-item-body ul{list-style:disc;padding-left:1.2rem;font-size:.95rem;color:#495057;line-height:1.7}.computer-skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center}.progress-circle{position:relative;width:80px;height:80px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;background:conic-gradient(var(--accent-color) calc(var(--percent) * 1%),#e9ecef 0);margin:0 auto}.progress-circle-label{margin-top:.5rem;font-weight:500;font-size:.9rem}.elegant-sidebar .timeline-item{page-break-inside:avoid}.landing-page{font-family:Poppins,sans-serif;color:#334155;background-color:#fff}.landing-container{max-width:1200px;margin:0 auto;padding:0 2rem}.dark-theme .landing-page{background-color:#111827;color:#f9fafb}.landing-header{padding:1.5rem 0;position:sticky;top:0;background-color:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid #e2e8f0}.dark-theme .landing-header{background-color:#111827cc;border-bottom-color:#374151}.landing-header .landing-container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700}.landing-nav{display:flex;align-items:center;gap:1.5rem}.landing-nav a{text-decoration:none;color:var(--text-light);font-weight:500;transition:color .2s}.dark-theme .landing-nav a{color:#9ca3af}.landing-nav a:hover{color:var(--primary-color)}.cta-button,.cta-button-small{background-color:var(--primary-color);color:#fff!important;border:none;border-radius:8px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s}.cta-button-small{padding:.6rem 1.2rem}.cta-button{padding:1rem 2rem;font-size:1.1rem}.cta-button:hover,.cta-button-small:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.login-button{background:none!important}.hero-section{padding:6rem 0}.hero-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem}.hero-text h1{font-size:3.5rem;line-height:1.2;font-weight:700;margin-bottom:1.5rem}.hero-text p{font-size:1.2rem;color:var(--text-light);margin-bottom:2rem}.hero-image img{width:100%;max-width:500px;height:auto}.features-section{padding:6rem 0;background-color:#f8fafc}.dark-theme .features-section{background-color:#1f2937}.features-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{text-align:center;padding:2rem}.feature-card i{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.feature-card h3{font-size:1.3rem;margin-bottom:.5rem}.feature-card p{color:var(--text-light)}.how-it-works-section{padding:6rem 0}.how-it-works-section h2{text-align:center;font-size:2.5rem;margin-bottom:4rem}.steps-timeline{display:flex;justify-content:space-between;position:relative}.steps-timeline:before{content:"";position:absolute;top:25px;left:10%;right:10%;height:2px;background-color:var(--border-color)}.step-item{width:30%;text-align:center;position:relative}.step-number{width:50px;height:50px;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem;border:4px solid var(--background-light)}.dark-theme .step-number{border-color:#1f2937}.step-item h3{font-size:1.3rem;margin-bottom:.5rem}.step-item p{color:var(--text-light)}.final-cta-section{padding:6rem 0;background-color:var(--primary-color);color:#fff;text-align:center}.final-cta-section h2{font-size:2.5rem;margin-bottom:1rem}.final-cta-section p{font-size:1.1rem;opacity:.9;margin-bottom:2rem}.final-cta-section .cta-button{background-color:#fff;color:var(--primary-color)!important}.landing-footer{padding:4rem 0;background-color:#1f2937;color:#9ca3af;text-align:center}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.footer-links a{color:#9ca3af;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.social-icons{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;font-size:1.5rem}.social-icons a{color:#9ca3af;transition:color .2s}.social-icons a:hover{color:#fff}.landing-footer p{font-size:.9rem}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-image{order:-1;margin-bottom:2rem}.hero-text h1{font-size:2.5rem}.steps-timeline{flex-direction:column;gap:3rem}.steps-timeline:before{display:none}.step-item{width:100%}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:#3a7bd5;background:-webkit-linear-gradient(to right,#3a6073,#3a7bd5);background:linear-gradient(to right,#3a6073,#3a7bd5);overflow:hidden}.auth-card{width:100%;max-width:900px;min-height:550px;display:grid;grid-template-columns:1fr 1fr;border-radius:1.5rem;box-shadow:0 15px 35px #00000040;background:#ffffff1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2)}.auth-promo-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem;text-align:center;color:#fff;border-right:1px solid rgba(255,255,255,.2)}.auth-promo-panel .promo-icon{font-size:6rem;margin-bottom:2rem;text-shadow:0 5px 15px rgba(0,0,0,.2)}.auth-promo-panel h2{font-weight:300;font-size:1.5rem;line-height:1.6}.auth-form-panel{padding:3rem;display:flex;flex-direction:column;justify-content:center;color:#fff}.auth-form-panel h1{text-align:center;font-weight:500;font-size:2rem;margin-bottom:2.5rem}.input-group{position:relative;margin-bottom:1.5rem}.input-group .input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#fff9}.auth-form input{width:100%;padding:.8rem 1rem .8rem 2.5rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}.auth-form input::placeholder{color:#fff9}.auth-form input:focus{outline:none;background:#ffffff40;border-color:#ffffffb3}.auth-button{width:100%;padding:.9rem;border:none;border-radius:8px;background-color:#2c3e50;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:all .3s ease}.auth-button:hover{background-color:#34495e;transform:translateY(-2px)}.auth-switch-text{margin-top:1.5rem;text-align:center;color:#fffc}.auth-switch-text a{color:#fff;font-weight:600;text-decoration:none}.auth-switch-text a:hover{text-decoration:underline}@media (max-width: 850px){.auth-card{grid-template-columns:1fr;max-width:450px}.auth-promo-panel{display:none}}.google-button{display:flex;justify-content:center;align-items:center;width:100%;padding:.8rem;border:1px solid rgba(255,255,255,.3);border-radius:8px;background-color:transparent;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;margin-top:1rem;text-decoration:none;transition:all .3s ease}.google-button:hover{background:linear-gradient(90deg,#4285f4,#ea4335,#fbbc05,#34a853);color:#fff;transition:background .3s ease-in-out}.google-button .fa-google{margin-right:.75rem;font-size:1.2rem}.login-options-remember{text-align:right;margin-bottom:.1rem}.remember-me{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;color:#fff;font-size:.9rem;cursor:pointer}.remember-me input{margin:0}.login-options-forgot{text-align:left;margin-top:1rem}.login-options-forgot a{color:#fff;text-decoration:none;font-size:.9rem}.login-options-forgot a:hover{text-decoration:underline}.auth-form input.input-error{border-color:#f87171;box-shadow:0 0 0 3px #f8717126}.form-error{color:#f87171;font-size:.9rem;font-weight:500;text-align:left;margin-top:-1rem;margin-bottom:1rem}.auth-header{position:absolute;top:0;left:0;width:100%;padding:1.5rem 2rem;display:flex;justify-content:center}.auth-logo-link{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;font-size:1.5rem;font-weight:700;color:#fff}.logo-icon{font-size:1.8rem}.dashboard-container{padding:2rem;max-width:1200px;margin:auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 4px 12px #00000014;text-align:center}.stat-card h2{margin-bottom:.5rem;color:#64748b}.stat-card p{font-size:2.5rem;font-weight:600}.dashboard-section{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 4px 12px #00000014;margin-bottom:1.5rem}.failed-login{color:#ef4444}.dark-theme .template-selection-container{background-color:var(--background-light)}.template-selection-container{max-width:1200px;margin:0 auto;padding:2rem 4rem;text-align:center}.step-indicator{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:3rem;color:var(--text-light)}.step{display:flex;align-items:center;gap:.5rem}.step span{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--border-color);font-size:.9rem;font-weight:500}.step.active{color:var(--primary-color);font-weight:600}.step.active span{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.page-header h1{font-size:2.5rem;margin-bottom:1rem}.page-header p{font-size:1.1rem;color:var(--text-light);margin-bottom:3rem}.filter-bar{display:flex;justify-content:center;gap:1.5rem;border-bottom:1px solid var(--border-color);margin-bottom:3rem}.filter-bar button{background:none;border:none;padding:0 .5rem 1rem;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;color:var(--text-light);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.filter-bar button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem}.template-card{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow);text-align:left}.template-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.dark-theme .template-card:hover{box-shadow:0 8px 25px #00000040}.template-card img{width:100%;height:auto;display:block}.template-card h3{padding:1rem 1.25rem;font-size:1.1rem;font-weight:500;background-color:var(--background-white)}.dark-theme .page-header h1,.dark-theme .page-header p{color:var(--text-dark)}.dark-theme .page-header p,.dark-theme .step-indicator{color:var(--text-light)}.dark-theme .step span{border-color:var(--border-color)}.dark-theme .step.active{color:var(--primary-color)}.dark-theme .step.active span{background-color:var(--primary-color);color:#111827;border-color:var(--primary-color)}.dark-theme .filter-bar{border-bottom-color:var(--border-color)}.dark-theme .filter-bar button{color:var(--text-light)}.dark-theme .filter-bar button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.dark-theme .template-card{border-color:var(--border-color)}.dark-theme .template-card h3{background-color:var(--background-white);color:var(--text-dark)}.dark-theme .template-card:hover{box-shadow:0 8px 25px #0000004d}.legal-container{max-width:800px;margin:2rem auto;padding:2rem;background-color:var(--background-white);border-radius:8px;line-height:1.7}.legal-container h1{font-size:2.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.legal-container h2{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem}.legal-container p{margin-bottom:1rem}:root,.light-theme{--primary-color: #007bff;--primary-hover: #0056b3;--background-light: #f4f7f9;--background-white: #ffffff;--border-color: #e2e8f0;--text-dark: #334155;--text-light: #64748b;--shadow: 0 4px 12px rgba(0, 0, 0, .08);--transition-speed: .3s}.dark-theme{--primary-color: #38bdf8;--primary-hover: #0ea5e9;--background-light: #111827;--background-white: #1f2937;--border-color: #374151;--text-dark: #f9fafb;--text-light: #9ca3af;--shadow: 0 4px 12px rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--background-light);color:var(--text-dark);transition:background-color var(--transition-speed),color var(--transition-speed)}.app-container{display:flex;width:100%;min-height:100vh}