@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
*{font-family:Inter,sans-serif}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.login-wrapper{flex-direction:column;min-height:100vh;display:flex}@media (min-width:992px){.login-wrapper{flex-direction:row}}.hero-section{background-color:#0f172a;display:none;position:relative;overflow:hidden}@media (min-width:992px){.hero-section{justify-content:center;align-items:center;width:50%;display:flex}}.hero-bg-image{-o-object-fit:cover;object-fit:cover;opacity:.6;width:100%;height:100%;position:absolute;inset:0}.hero-gradient{background:linear-gradient(to top right,#0f172acc,#0000);position:absolute;inset:0}.hero-content{z-index:10;opacity:0;flex-direction:column;width:100%;max-width:600px;padding:3rem 8rem 3rem 2rem;display:flex;position:relative;transform:translate(-30px)}.hero-content.loaded{animation:.8s ease-out forwards fadeInLeft}.hero-logo-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:2rem;align-items:center;gap:.5rem;width:fit-content;margin-bottom:2rem;padding:.5rem .875rem;display:inline-flex;box-shadow:0 8px 32px #0003}.hero-logo-icon{background:#0ab099;border-radius:.75rem;padding:.625rem;box-shadow:0 10px 15px -3px #0ab09933}.hero-title{color:#fff;margin-bottom:1.5rem;font-size:3rem;font-weight:800;line-height:1.2}.hero-highlight{color:#0ab099}.hero-description{color:#cbd5e1;max-width:32rem;font-size:1.25rem;line-height:1.75}.hero-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2.5rem;display:grid}.hero-stat{flex-direction:row;align-items:center;gap:.75rem;display:flex}.hero-stat svg{flex-shrink:0;margin-bottom:0}.hero-stat-value{color:#fff;font-size:1.875rem;font-weight:700}.hero-stat-label{color:#e2e8f0;font-size:.9rem;font-weight:400;line-height:1.4}.form-section{background:#f8fafc;flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex}.form-section.dark{background:#0f172a}@media (min-width:640px){.form-section{padding:3rem}}@media (min-width:768px){.form-section{padding:4rem}}@media (min-width:992px){.form-section{padding:6rem}}.form-container{opacity:0;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;width:100%;max-width:440px;padding:2.5rem;transform:scale(.95);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.form-container.dark{background:#1e293b;border-color:#334155}.form-container.loaded{animation:.6s ease-out .2s forwards scaleIn}@media (min-width:640px){.form-container{padding:3rem}}.logo-section{text-align:center;opacity:0;margin-bottom:2.5rem;transform:translateY(20px)}.logo-section.loaded{animation:.6s ease-out .3s forwards fadeInUp}.logo-inner{flex-direction:column;align-items:center;display:inline-flex}.logo-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.logo-icon{width:2.5rem;height:2.5rem}.logo-text{letter-spacing:-.025em;color:#2a4b7c;font-size:1.5rem;font-weight:700}.logo-text.dark{color:#f1f5f9}.crm-badge{letter-spacing:.1em;color:#94a3b8;text-transform:uppercase;font-size:.75rem;font-weight:600}.crm-badge.dark{color:#64748b}.logo-subtitle{color:#64748b;margin-top:1rem;font-size:.875rem}.logo-subtitle.dark{color:#94a3b8}.form-group{opacity:0;margin-bottom:1.5rem;transform:translateY(20px)}.form-group.loaded{animation:.6s ease-out .4s forwards fadeInUp}.form-label{color:#334155;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-label.dark{color:#cbd5e1}.checkbox-row{opacity:0;justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex;transform:translateY(20px)}.checkbox-row.loaded{animation:.6s ease-out .5s forwards fadeInUp}.forgot-link{color:#0ab099;font-size:.875rem;font-weight:500;text-decoration:none}.forgot-link:hover{color:#08917d}.submit-btn{color:#fff;cursor:pointer;opacity:0;background-color:#0ab099;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:100%;padding:.875rem 1rem;font-size:.875rem;font-weight:600;transition:all .15s;display:flex;transform:translateY(20px);box-shadow:0 1px 2px #0000000d}.submit-btn.loaded{animation:.6s ease-out .6s forwards fadeInUp}.submit-btn:hover:not(:disabled){background-color:#08917d}.submit-btn:active:not(:disabled){transform:scale(.98)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.footer-text{text-align:center;color:#64748b;opacity:0;margin-top:2.5rem;font-size:.875rem;transform:translateY(20px)}.footer-text.dark{color:#94a3b8}.footer-text.loaded{animation:.6s ease-out .7s forwards fadeInUp}.footer-link{color:#0ab099;font-weight:600;text-decoration:none}.footer-link:hover{color:#08917d}.dark-mode-toggle{opacity:0;justify-content:center;margin-top:3rem;display:flex;transform:translateY(20px)}.dark-mode-toggle.loaded{animation:.6s ease-out .8s forwards fadeInUp}.toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:9999px;padding:.5rem;transition:all .15s}.toggle-btn.dark{color:#94a3b8;border-color:#334155}.toggle-btn:hover{background:#f1f5f9}.toggle-btn.dark:hover{background:#1e293b}