*{margin:0;padding:0}.sidebar-scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#1ab394 #2f4050}.sidebar-scroll::-webkit-scrollbar{width:"2px"}.sidebar-scroll::-webkit-scrollbar-track{background:#2f4050}.sidebar-scroll::-webkit-scrollbar-thumb{background-color:#1ab394;border-radius:10px;border:1px solid #2f4050}.loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;--color: hsl(0, 0%, 87%);--animation: 2s ease-in-out infinite}.loader .circle{display:flex;align-items:center;justify-content:center;position:relative;width:20px;height:20px;border:solid 2px var(--color);border-radius:50%;margin:0 10px;background-color:transparent;animation:circle-keys var(--animation)}.loader .circle .dot{position:absolute;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background-color:var(--color);animation:dot-keys var(--animation)}.loader .circle .outline{position:absolute;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;animation:outline-keys var(--animation)}.circle:nth-child(2){animation-delay:.3s}.circle:nth-child(3){animation-delay:.6s}.circle:nth-child(4){animation-delay:.9s}.circle:nth-child(5){animation-delay:1.2s}.circle:nth-child(2) .dot{animation-delay:.3s}.circle:nth-child(3) .dot{animation-delay:.6s}.circle:nth-child(4) .dot{animation-delay:.9s}.circle:nth-child(5) .dot{animation-delay:1.2s}.circle:nth-child(1) .outline{animation-delay:.9s}.circle:nth-child(2) .outline{animation-delay:1.2s}.circle:nth-child(3) .outline{animation-delay:1.5s}.circle:nth-child(4) .outline{animation-delay:1.8s}.circle:nth-child(5) .outline{animation-delay:2.1s}@keyframes circle-keys{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes dot-keys{0%{transform:scale(1)}50%{transform:scale(0)}to{transform:scale(1)}}@keyframes outline-keys{0%{transform:scale(0);outline:solid 20px var(--color);outline-offset:0;opacity:1}to{transform:scale(1);outline:solid 0 transparent;outline-offset:20px;opacity:0}}.logobg{position:absolute;top:-19px;left:0;right:0;opacity:.6}.logobg img{width:100%;-moz-filter:hue-rotate(114deg);-o-filter:hue-rotate(114deg);-ms-filter:hue-rotate(114deg);filter:hue-rotate(114deg)}.logoMain{border-bottom:2px solid #1ab3944d;display:block;width:100%;padding:16px 0 0;position:relative}.logowithname{position:relative;z-index:2;text-align:center}.container{min-height:100vh;display:flex}.leftColumn{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:#fff}.formContainer{width:100%;max-width:28rem}.header{text-align:center;margin-bottom:2rem}.logoContainer{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.logoIcon{width:2.5rem;height:2.5rem;background:linear-gradient(to right,#3b82f6,#2563eb);border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff}.logoText{font-size:1.5rem;font-weight:700;color:#111827}.title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.5rem}.subtitle{color:#6b7280;margin-bottom:0}.form{display:flex;flex-direction:column;gap:1.5rem}.inputGroup{display:flex;flex-direction:column;gap:1rem}.fieldContainer{display:flex;flex-direction:column;gap:.5rem}.label{font-size:.875rem;font-weight:500;color:#374151}.inputWrapper{position:relative}.inputIcon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:1.25rem;height:1.25rem}.input{width:100%;height:3rem;padding-left:2.5rem;padding-right:1rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;transition:all .2s ease;box-sizing:border-box}.input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input::placeholder{color:#9ca3af}.passwordInput{padding-right:2.5rem}.passwordToggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.passwordToggle:hover{color:#6b7280}.formOptions{display:flex;align-items:center;justify-content:space-between}.checkboxContainer{display:flex;align-items:center;gap:.5rem}.checkbox{width:1rem;height:1rem;accent-color:#3b82f6}.checkboxLabel{font-size:.875rem;color:#6b7280;cursor:pointer}.forgotLink{font-size:.875rem;color:#3b82f6;text-decoration:none;font-weight:500}.forgotLink:hover{color:#2563eb}.submitButton{width:100%;height:3rem;background:linear-gradient(to right,#3b82f6,#2563eb);color:#fff;border:none;border-radius:.375rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.submitButton:hover{background:linear-gradient(to right,#2563eb,#1d4ed8)}.submitButton:active{transform:translateY(1px)}.divider{position:relative;margin:1.5rem 0}.dividerLine{height:1px;background-color:#e5e7eb}.dividerText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:0 .5rem;font-size:.875rem;color:#6b7280}.socialButtons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.socialButton{height:3rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;text-decoration:none;font-weight:500;transition:all .2s ease;cursor:pointer}.socialButton:hover{background-color:#f9fafb;border-color:#9ca3af}.socialIcon{width:1.25rem;height:1.25rem}.signupLink{text-align:center;margin-top:1.5rem}.signupText{font-size:.875rem;color:#6b7280}.signupLinkText{color:#3b82f6;text-decoration:none;font-weight:500}.signupLinkText:hover{color:#2563eb}.rightColumn{flex:1;background:linear-gradient(135deg,#eff6ff,#dbeafe);display:flex;align-items:center;justify-content:center;padding:2rem}.heroContainer{max-width:32rem;text-align:center}.heroImage{width:100%;height:auto;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;margin-bottom:1.5rem}.center-image-container{display:flex;justify-content:center;align-items:center;height:60vh;text-align:center;flex-direction:column}.heroContent{display:flex;flex-direction:column;gap:1rem}.heroTitle{font-size:1.875rem;font-weight:700;color:#111827}.heroDescription{font-size:1.125rem;color:#6b7280;line-height:1.6}.featureList{display:flex;align-items:center;justify-content:center;gap:2rem;font-size:.875rem;color:#6b7280;margin-top:1rem}.featureItem{display:flex;align-items:center;gap:.5rem}.featureDot{width:.5rem;height:.5rem;border-radius:50%}.featureDotBlue{background-color:#3b82f6}.featureDotOrange{background-color:#f97316}.featureDotRed{background-color:#ef4444}@media (max-width: 1024px){.rightColumn{display:none}}@media (max-width: 640px){.leftColumn{padding:1rem}.socialButtons{grid-template-columns:1fr}.formOptions{flex-direction:column;gap:1rem;align-items:flex-start}}.spinner{font-size:28px;position:relative;display:inline-block;width:1em;height:1em}.spinner.center{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.spinner .spinner-blade{position:absolute;left:.4629em;bottom:0;width:.074em;height:.2777em;border-radius:.0555em;background-color:transparent;-webkit-transform-origin:center -.2222em;-ms-transform-origin:center -.2222em;transform-origin:center -.2222em;animation:spinner-fade9234 1s infinite linear}.spinner .spinner-blade:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}.spinner .spinner-blade:nth-child(2){-webkit-animation-delay:83ms;animation-delay:83ms;-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.spinner .spinner-blade:nth-child(3){-webkit-animation-delay:.166s;animation-delay:.166s;-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.spinner .spinner-blade:nth-child(4){-webkit-animation-delay:.249s;animation-delay:.249s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.spinner .spinner-blade:nth-child(5){-webkit-animation-delay:.332s;animation-delay:.332s;-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.spinner .spinner-blade:nth-child(6){-webkit-animation-delay:.415s;animation-delay:.415s;-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.spinner .spinner-blade:nth-child(7){-webkit-animation-delay:.498s;animation-delay:.498s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.spinner .spinner-blade:nth-child(8){-webkit-animation-delay:.581s;animation-delay:.581s;-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.spinner .spinner-blade:nth-child(9){-webkit-animation-delay:.664s;animation-delay:.664s;-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.spinner .spinner-blade:nth-child(10){-webkit-animation-delay:.747s;animation-delay:.747s;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.spinner .spinner-blade:nth-child(11){-webkit-animation-delay:.83s;animation-delay:.83s;-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.spinner .spinner-blade:nth-child(12){-webkit-animation-delay:.913s;animation-delay:.913s;-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}@keyframes spinner-fade9234{0%{background-color:#69717d}to{background-color:transparent}}.ag-cell-editable:before{content:"✎";color:#1976d2;position:absolute;left:4px;top:50%;transform:translateY(-50%);font-size:16px;opacity:.7}.ag-cell-editable-r:before{content:"✎";color:#1976d2;position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:16px;opacity:.7}.ag-header-wrap .ag-header-cell-text{white-space:normal!important;word-break:normal!important}
