:root{--color-primary: #1975D2;--color-primary-hover: #1565C0;--color-primary-light: rgba(25, 117, 210, .1);--color-primary-border: rgba(25, 117, 210, .3);--color-bg: #F6F7F8;--color-surface: #FFFFFF;--color-surface-hover: #F1F5F9;--color-input-bg: #F1F5F9;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-divider: #E2E8F0;--color-text-main: #0F172A;--color-text-secondary: #475569;--color-text-muted: #64748B;--color-text-placeholder: #94A3B8;--color-success-bg: #DCFCE7;--color-success: #15803D;--color-success-light: #10B981;--color-warning-bg: #FEF3C7;--color-warning: #B45309;--color-error-bg: #FEE2E2;--color-error: #B91C1C;--color-error-light: #EF4444;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .625rem;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-xl: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-transform: .5s ease;--sidebar-width: 16rem;--header-height: 4rem;--content-max-width: 80rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-main);min-height:100vh;line-height:1.5}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit;border:none;outline:none}img{display:block;max-width:100%}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.md-grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.lg-grid-cols-2{grid-template-columns:repeat(2,1fr)}}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-8{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-6{margin-top:var(--spacing-6)}.mt-auto{margin-top:auto}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.tracking-tighter{letter-spacing:-.05em}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.uppercase{text-transform:uppercase}.leading-tight{line-height:1.25}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-main{color:var(--color-text-main)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-white{color:#fff}.text-success{color:var(--color-success)}.text-error{color:var(--color-error-light)}.text-emerald{color:#10b981}.text-rose{color:var(--color-error-light)}.bg-primary{background-color:var(--color-primary)}.bg-surface{background-color:var(--color-surface)}.bg-bg{background-color:var(--color-bg)}.border{border:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.w-full{width:100%}.h-full{height:100%}.object-cover{object-fit:cover}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease forwards}.animate-slide-in{animation:slideInLeft var(--transition-slow) ease forwards}.animate-scale-in{animation:scaleIn var(--transition-base) ease forwards}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.sidebar{width:var(--sidebar-width);flex-shrink:0;background-color:var(--color-surface);border-right:1px solid var(--color-border);height:100vh;position:sticky;top:0}.sidebar__inner{padding:var(--spacing-6);display:flex;flex-direction:column;height:100%}.sidebar__brand{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-10)}.sidebar__brand-icon{width:2.25rem;height:2.25rem;border-radius:var(--radius-md);background-color:var(--color-primary);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sidebar__brand-icon .material-symbols-outlined{font-size:1.25rem;font-weight:700}.sidebar__brand-title{font-size:var(--font-size-xl);font-weight:900;line-height:1;color:var(--color-text-main);letter-spacing:-.05em}.sidebar__brand-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin-top:2px}.sidebar__nav{flex:1;display:flex;flex-direction:column}.sidebar__nav-main{display:flex;flex-direction:column;gap:var(--spacing-2)}.sidebar__nav-bottom{margin-top:auto;border-top:1px solid var(--color-border);padding-top:var(--spacing-4)}.sidebar__nav-link{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);color:var(--color-text-muted);transition:all var(--transition-base);font-size:var(--font-size-base);font-weight:500}.sidebar__nav-link:hover{background-color:var(--color-surface-hover);color:var(--color-primary)}.sidebar__nav-link--active{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.sidebar__nav-link--active:hover{background-color:var(--color-primary-hover);color:#fff}.sidebar__nav-icon{font-size:1.5rem}.sidebar__nav-label{font-size:var(--font-size-base);font-weight:500}.sidebar__cta{margin-top:var(--spacing-6);width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3);border-radius:var(--radius-lg);background-color:var(--color-primary);color:#fff;font-weight:700;font-size:var(--font-size-base);box-shadow:var(--shadow-sm);transition:background-color var(--transition-base),transform var(--transition-fast)}.sidebar__cta:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.sidebar__cta:active{transform:translateY(0)}.app-layout{display:flex;height:100vh;overflow:hidden}.app-layout__main{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.login-page{display:flex;min-height:100vh;background-color:var(--color-bg)}.login-brand{display:none;position:relative;width:50%;overflow:hidden;background-color:var(--color-primary)}@media(min-width:1024px){.login-brand{display:flex}}.login-brand__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:overlay;opacity:.4}.login-brand__overlay{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:0 5rem;color:#fff;width:100%;height:100%;background:linear-gradient(to top,rgba(25,118,210,.8),transparent)}.login-brand__logo{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;animation:fadeIn .6s ease forwards}.login-brand__logo-icon{width:3.5rem;height:3.5rem;border-radius:var(--radius-xl);background:#fff3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-lg)}.login-brand__logo-icon .material-symbols-outlined{font-size:1.875rem;font-weight:700}.login-brand__logo-title{font-size:var(--font-size-3xl);font-weight:900;line-height:1;letter-spacing:-.05em}.login-brand__logo-subtitle{color:#fffc;font-size:var(--font-size-md);font-weight:500;letter-spacing:.1em;text-transform:uppercase}.login-brand__content{max-width:28rem;animation:fadeIn .8s ease .2s forwards;opacity:0}.login-brand__heading{font-size:2.25rem;font-weight:700;line-height:1.25;margin-bottom:1rem}.login-brand__desc{color:#fffc;font-size:var(--font-size-lg);line-height:1.625;font-weight:300}.login-brand__social{display:flex;align-items:center;gap:1rem;padding-top:1.5rem}.login-brand__avatars{display:flex}.login-brand__avatar{width:2rem;height:2rem;border-radius:var(--radius-full);border:2px solid var(--color-primary)}.login-brand__avatar:nth-child(1){background:#cbd5e1}.login-brand__avatar:nth-child(2){background:#94a3b8;margin-left:-.5rem}.login-brand__avatar:nth-child(3){background:#64748b;margin-left:-.5rem}.login-brand__social-text{font-size:var(--font-size-sm);color:#fffc;font-weight:500}.login-brand__bottom-gradient{position:absolute;bottom:0;left:0;width:100%;height:8rem;background:linear-gradient(to top,rgba(25,118,210,.9),transparent)}.login-form-panel{width:100%;display:flex;align-items:center;justify-content:center;padding:2rem;background:#f8fafc;position:relative}@media(min-width:1024px){.login-form-panel{width:50%}}.login-form-wrapper{width:100%;max-width:28rem;position:relative;z-index:1;animation:scaleIn .5s ease forwards}.login-mobile-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem}@media(min-width:1024px){.login-mobile-logo{display:none}}.login-mobile-logo__icon{width:3rem;height:3rem;border-radius:var(--radius-lg);background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-md)}.login-mobile-logo__title{font-size:var(--font-size-xl);font-weight:900;color:var(--color-text-main);letter-spacing:-.05em;line-height:1}.login-mobile-logo__subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:500;margin-top:2px}.login-card{background:#fff;padding:2.5rem;border-radius:1rem;border:1px solid #F1F5F9;box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005;position:relative;overflow:hidden}.login-card__accent{position:absolute;top:0;left:0;width:100%;height:3px;background:var(--color-primary)}.login-card__header{margin-bottom:2rem;text-align:center}.login-card__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-main)}.login-card__subtitle{color:var(--color-text-muted);margin-top:.5rem;font-size:var(--font-size-sm);font-weight:500}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-field__label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-main);margin-bottom:.375rem}.login-field__label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.login-field__forgot{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);cursor:pointer;transition:color var(--transition-fast);background:none;border:none;padding:0}.login-field__forgot:hover{color:var(--color-primary-hover)}.login-field__input-wrapper{position:relative}.login-field__icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1.125rem;pointer-events:none}.login-field__input{display:block;width:100%;padding:.625rem 1rem .625rem 2.5rem;background:#f8fafc;border:1px solid #E2E8F0;border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--color-text-main);font-weight:500;transition:all var(--transition-fast)}.login-field__input::placeholder{color:#94a3b8}.login-field__input:focus{outline:none;border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px #1976d226}.login-field__input--password{padding-right:3rem}.login-field__toggle-password{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);color:#94a3b8;cursor:pointer;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.login-field__toggle-password:hover{color:var(--color-text-main)}.login-field__toggle-password .material-symbols-outlined{font-size:1.125rem}.login-remember{display:flex;align-items:center;margin-top:.25rem}.login-remember__checkbox{width:1rem;height:1rem;accent-color:var(--color-primary);cursor:pointer;border-radius:3px}.login-remember__label{margin-left:.5rem;font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.login-remember__label:hover{color:var(--color-text-main)}.login-submit{width:100%;padding:.75rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:700;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.login-submit:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-lg)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-submit .material-symbols-outlined{font-size:1.125rem;transition:transform var(--transition-fast)}.login-submit:hover:not(:disabled) .material-symbols-outlined{transform:translate(4px)}.login-submit__spinner{width:1.125rem;height:1.125rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-error{background:var(--color-error-bg);border:1px solid rgba(185,28,28,.2);border-radius:var(--radius-md);padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;animation:fadeIn .3s ease forwards}.login-error__icon{color:var(--color-error);font-size:1.125rem;flex-shrink:0}.login-error__text{font-size:var(--font-size-sm);color:var(--color-error);font-weight:500}.login-card__footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #F1F5F9;display:flex;flex-direction:column;align-items:center;gap:1rem}.login-card__policy{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;font-weight:500}.login-card__policy a{color:var(--color-primary);font-weight:600;text-decoration:none}.login-card__policy a:hover{text-decoration:underline}.login-card__badges{display:flex;gap:1.5rem}.login-card__badge{display:flex;align-items:center;gap:.375rem;font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500}.login-card__badge .material-symbols-outlined{font-size:var(--font-size-sm)}.login-card__badge--secure .material-symbols-outlined{color:#22c55e}.login-card__badge--fast .material-symbols-outlined{color:var(--color-primary)}.login-copyright{margin-top:2rem;text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500}.login-form-panel__blob{position:absolute;border-radius:50%;background:#1976d20d;filter:blur(48px);pointer-events:none}.login-form-panel__blob--top{top:-5rem;right:-5rem;width:20rem;height:20rem}.login-form-panel__blob--bottom{bottom:-5rem;left:-5rem;width:16rem;height:16rem}