:root{--kh-login-max-width:1440px;--kh-login-card-width:460px;--kh-login-radius:24px;--kh-login-shadow:0 24px 60px #0000002e}.kh-login-loading{background:var(--kh-color-background,#f5f7fb);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.kh-login-loading__spinner{border:5px solid #00000014;border-top-color:var(--kh-brand-primary,#5b2b82);border-radius:50%;width:56px;height:56px;animation:.8s linear infinite kh-spin}@keyframes kh-spin{to{transform:rotate(360deg)}}.kh-login{background:var(--kh-color-background,#f5f7fb);width:100%;min-height:100vh;position:relative;overflow:hidden}.kh-login__background{z-index:0;background:radial-gradient(circle at 100% 0,#5b2b8224,#0000 40%),radial-gradient(circle at 0 100%,#5b2b8214,#0000 45%);position:absolute;inset:0}.kh-login__container{z-index:1;width:min(100%,var(--kh-login-max-width));grid-template-columns:1.2fr .8fr;min-height:100vh;margin:auto;display:grid;position:relative}.kh-login__hero{display:flex;position:relative;overflow:hidden}.kh-login-hero__background{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.kh-login-hero__overlay{background:linear-gradient(#00000059,#0000008c);position:absolute;inset:0}.kh-login-hero__content{z-index:2;color:#fff;max-width:560px;margin-top:auto;padding:72px;position:relative}.kh-login-hero__logo{object-fit:contain;width:88px;height:88px;margin-bottom:24px}.kh-login-hero__eyebrow{letter-spacing:.15em;text-transform:uppercase;opacity:.8;margin-bottom:14px;font-size:.82rem;display:inline-block}.kh-login-hero__title{margin:0 0 18px;font-size:3rem;font-weight:700;line-height:1.1}.kh-login-hero__subtitle{opacity:.92;font-size:1.05rem;line-height:1.8}.kh-login-hero__footer{z-index:2;color:#fff;gap:8px;font-size:.9rem;display:flex;position:absolute;bottom:42px;left:72px}.kh-login__panel{justify-content:center;align-items:center;padding:48px;display:flex}.kh-login__card{width:min(100%, var(--kh-login-card-width));border-radius:var(--kh-login-radius);box-shadow:var(--kh-login-shadow);background:#fff;padding:42px}.kh-login__header{text-align:center;margin-bottom:34px}.kh-login__logo{object-fit:contain;width:72px;height:72px;margin-bottom:18px}.kh-login__title{margin:0;font-size:1.8rem;font-weight:700}.kh-login__subtitle{color:#6b7280;margin-top:12px;line-height:1.7}.kh-login__body{margin-top:24px}.kh-login__footer{color:#6b7280;border-top:1px solid #00000014;justify-content:center;gap:10px;margin-top:34px;padding-top:20px;font-size:.88rem;display:flex}.kh-login-form{flex-direction:column;gap:22px;display:flex}.kh-login-field{flex-direction:column;gap:10px;display:flex}.kh-login-field label{font-size:.92rem;font-weight:600}.kh-login-field__header{justify-content:space-between;align-items:center;display:flex}.kh-login-field__header a{color:var(--kh-brand-primary,#5b2b82);font-size:.88rem;text-decoration:none}.kh-login-input{background:#fff;border:1px solid #0000001f;border-radius:14px;align-items:center;gap:12px;height:54px;padding:0 16px;transition:all .2s;display:flex}.kh-login-input:focus-within{border-color:var(--kh-brand-primary,#5b2b82);box-shadow:0 0 0 4px #5b2b821f}.kh-login-input input{background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.kh-login-password-toggle{cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.kh-login-checkbox{align-items:center;gap:10px;font-size:.92rem;display:flex}.kh-login-error{color:#991b1b;background:#fee2e2;border-radius:12px;padding:14px;font-size:.92rem}@media (width<=991px){.kh-login__container{grid-template-columns:1fr}.kh-login__hero{min-height:320px}.kh-login__panel{padding:24px}.kh-login-hero__content{padding:32px}.kh-login-hero__title{font-size:2.1rem}.kh-login-hero__footer{bottom:24px;left:32px}}@media (width<=640px){.kh-login__panel{padding:18px}.kh-login__card{padding:26px}.kh-login-hero__content{padding:24px}.kh-login__title{font-size:1.45rem}.kh-login-hero__title{font-size:1.8rem}}@media (width>=1800px){.kh-login__container{max-width:1700px}}.kh-dashboard{width:100%;min-height:100%;padding:var(--kh-spacing-lg) var(--kh-spacing-xl);color:var(--kh-typography-text-primary);background:var(--kh-app-background)}.kh-dashboard__content{gap:var(--kh-spacing-xl);display:grid}.kh-dashboard__section{gap:var(--kh-spacing-md);flex-direction:column;display:flex}.kh-dashboard__section-header{justify-content:space-between;align-items:flex-start;gap:var(--kh-spacing-md);display:flex}.kh-dashboard__section-header h2{color:var(--kh-typography-text-primary);font-family:var(--kh-typography-font-family-heading);font-size:var(--kh-typography-heading-sm);font-weight:var(--kh-typography-font-weight-semibold);line-height:var(--kh-typography-line-height-tight);margin:0}.kh-dashboard__section-header p{margin:var(--kh-spacing-xs) 0 0;color:var(--kh-typography-text-secondary);font-size:var(--kh-typography-body-sm);line-height:var(--kh-typography-line-height-normal)}.kh-dashboard__grid{grid-template-columns:repeat(auto-fit, minmax(var(--kh-content-width-xs), 1fr));gap:var(--kh-spacing-md);display:grid}.kh-dashboard__card{gap:var(--kh-spacing-xs);min-width:0;padding:var(--kh-spacing-lg);background:var(--kh-app-surface);border:var(--kh-border-width-thin) solid var(--kh-border-color);border-radius:var(--kh-radius-lg);box-shadow:var(--kh-shadow-sm);transition:var(--kh-transition-standard);flex-direction:column;display:flex}.kh-dashboard__card:hover{box-shadow:var(--kh-shadow-md);transform:translateY(var(--kh-motion-hover-distance))}.kh-dashboard__card-label{color:var(--kh-typography-text-secondary);font-size:var(--kh-typography-body-sm);font-weight:var(--kh-typography-font-weight-medium)}.kh-dashboard__card-value{color:var(--kh-brand-primary);font-size:var(--kh-typography-display-sm);font-weight:var(--kh-typography-font-weight-bold);line-height:var(--kh-typography-line-height-tight)}.kh-dashboard__card-meta{color:var(--kh-typography-text-tertiary);font-size:var(--kh-typography-caption);line-height:var(--kh-typography-line-height-normal)}.kh-dashboard__empty{justify-content:center;align-items:center;gap:var(--kh-spacing-sm);padding:var(--kh-spacing-2xl);background:var(--kh-app-surface);border:var(--kh-border-width-thin) solid var(--kh-border-color);border-radius:var(--kh-radius-lg);box-shadow:var(--kh-shadow-sm);text-align:center;flex-direction:column;display:flex}.kh-dashboard__empty-icon{width:var(--kh-component-icon-container-lg);height:var(--kh-component-icon-container-lg);border-radius:var(--kh-radius-full);background:var(--kh-brand-accent-surface);color:var(--kh-brand-primary);justify-content:center;align-items:center;display:flex}.kh-dashboard__empty h3{color:var(--kh-typography-text-primary);font-size:var(--kh-typography-heading-xs);font-weight:var(--kh-typography-font-weight-semibold);margin:0}.kh-dashboard__empty p{max-width:var(--kh-content-width-sm);color:var(--kh-typography-text-secondary);font-size:var(--kh-typography-body-sm);line-height:var(--kh-typography-line-height-normal);margin:0}.kh-dashboard-action{color:var(--kh-typography-text-primary);transition:var(--kh-transition-standard);text-decoration:none;display:block}.kh-dashboard-action:hover{box-shadow:var(--kh-shadow-md);transform:translateY(var(--kh-motion-hover-distance))}.kh-dashboard-action:focus-visible{outline:var(--kh-border-width-medium) solid var(--kh-border-color-focus);outline-offset:var(--kh-spacing-xs)}.kh-dashboard-action__content{align-items:center;gap:var(--kh-spacing-md);min-width:0;display:flex}.kh-dashboard-action__content>div:last-child{flex:1;min-width:0}.kh-dashboard-action__title{color:var(--kh-typography-text-primary);font-size:var(--kh-typography-body-md);font-weight:var(--kh-typography-font-weight-semibold);line-height:var(--kh-typography-line-height-tight);margin:0}.kh-dashboard-action__description{margin:var(--kh-spacing-xs) 0 0;color:var(--kh-typography-text-secondary);font-size:var(--kh-typography-body-sm);line-height:var(--kh-typography-line-height-normal)}.kh-dashboard-action:hover .kh-dashboard-action__title{color:var(--kh-brand-primary)}.kh-dashboard__loading{min-height:var(--kh-layout-min-content-height);padding:var(--kh-spacing-xl);color:var(--kh-typography-text-secondary);font-size:var(--kh-typography-body-md);text-align:center;justify-content:center;align-items:center;display:flex}.kh-dashboard__error{min-height:var(--kh-layout-min-content-height);padding:var(--kh-spacing-xl);color:var(--kh-semantic-danger-text);font-size:var(--kh-typography-body-md);text-align:center;justify-content:center;align-items:center;display:flex}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{width:100%;min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}:root{--kh-brand-primary:var(--kh-runtime-brand-primary,#5b2b82);--kh-brand-secondary:var(--kh-runtime-brand-secondary,#7b3fb5);--kh-brand-accent:var(--kh-runtime-brand-accent,#9c6ade);--kh-brand-accent-surface:var(--kh-runtime-brand-accent-surface,#f1eaf7);--kh-brand-primary-contrast:var(--kh-runtime-brand-primary-contrast,#fff);--kh-app-background:var(--kh-runtime-app-background,#f6f7fb);--kh-app-surface:var(--kh-runtime-app-surface,#fff);--kh-app-elevated:var(--kh-runtime-app-elevated,#fff);--kh-app-overlay:var(--kh-runtime-app-overlay,#0006);--kh-typography-text-primary:var(--kh-runtime-text-primary,#172033);--kh-typography-text-secondary:var(--kh-runtime-text-secondary,#5f6878);--kh-typography-text-tertiary:var(--kh-runtime-text-tertiary,#7e8797);--kh-typography-text-disabled:var(--kh-runtime-text-disabled,#a7aeba);--kh-typography-text-inverse:var(--kh-runtime-text-inverse,#fff);--kh-typography-font-family:var(--kh-runtime-font-family,Inter, Arial, Helvetica, sans-serif);--kh-typography-font-family-heading:var(--kh-runtime-font-heading,var(--kh-typography-font-family));--kh-typography-font-weight-regular:400;--kh-typography-font-weight-medium:500;--kh-typography-font-weight-semibold:600;--kh-typography-font-weight-bold:700;--kh-typography-display-lg:2rem;--kh-typography-display-md:1.75rem;--kh-typography-display-sm:1.5rem;--kh-typography-heading-lg:1.375rem;--kh-typography-heading-md:1.25rem;--kh-typography-heading-sm:1.125rem;--kh-typography-heading-xs:1rem;--kh-typography-body-lg:1rem;--kh-typography-body-md:.9375rem;--kh-typography-body-sm:.875rem;--kh-typography-caption:.75rem;--kh-typography-line-height-tight:1.2;--kh-typography-line-height-normal:1.5;--kh-typography-line-height-relaxed:1.65;--kh-spacing-2xs:.25rem;--kh-spacing-xs:.5rem;--kh-spacing-sm:.75rem;--kh-spacing-md:1rem;--kh-spacing-lg:1.5rem;--kh-spacing-xl:2rem;--kh-spacing-2xl:3rem;--kh-spacing-3xl:4rem;--kh-layout-sidebar-width:16rem;--kh-layout-sidebar-collapsed-width:4.5rem;--kh-layout-topbar-height:4.5rem;--kh-layout-content-max-width:120rem;--kh-layout-page-padding:var(--kh-spacing-xl);--kh-layout-section-gap:var(--kh-spacing-xl);--kh-layout-min-content-height:20rem;--kh-content-width-xs:14rem;--kh-content-width-sm:24rem;--kh-content-width-md:32rem;--kh-content-width-lg:48rem;--kh-content-width-xl:64rem;--kh-border-width-thin:1px;--kh-border-width-medium:2px;--kh-border-color:#e4e7ec;--kh-border-color-strong:#d0d5dd;--kh-border-color-focus:var(--kh-brand-primary);--kh-radius-sm:.375rem;--kh-radius-md:.625rem;--kh-radius-lg:1rem;--kh-radius-xl:1.25rem;--kh-radius-full:999rem;--kh-shadow-sm:0 1px 2px #00000014;--kh-shadow-md:0 6px 16px #0000001a;--kh-shadow-lg:0 10px 30px #00000026;--kh-icon-size-xs:.875rem;--kh-icon-size-sm:1rem;--kh-icon-size-md:1.25rem;--kh-icon-size-lg:1.5rem;--kh-icon-size-xl:2rem;--kh-component-icon-container-sm:2rem;--kh-component-icon-container-md:2.5rem;--kh-component-icon-container-lg:3rem;--kh-component-icon-container-xl:3.5rem;--kh-interactive-hover-surface:#f8f5fb;--kh-interactive-active-surface:#f1eaf7;--kh-interactive-disabled-opacity:.55;--kh-semantic-success:#15803d;--kh-semantic-success-surface:#ecfdf3;--kh-semantic-warning:#b45309;--kh-semantic-warning-surface:#fffaeb;--kh-semantic-danger:#b42318;--kh-semantic-danger-text:#b42318;--kh-semantic-danger-surface:#fef3f2;--kh-semantic-info:#175cd3;--kh-semantic-info-surface:#eff8ff;--kh-component-control-height:2.75rem;--kh-component-control-height-sm:2.25rem;--kh-component-control-height-lg:3.25rem;--kh-component-card-padding:var(--kh-spacing-lg);--kh-component-card-gap:var(--kh-spacing-md);--kh-component-section-gap:var(--kh-spacing-lg);--kh-transition-fast:.12s ease;--kh-transition-standard:.18s ease;--kh-transition-slow:.26s ease;--kh-motion-hover-distance:-1px;--kh-breakpoint-sm:40rem;--kh-breakpoint-md:48rem;--kh-breakpoint-lg:64rem;--kh-breakpoint-xl:80rem}html{min-height:100%;font-family:var(--kh-typography-font-family);background:var(--kh-app-background);color:var(--kh-typography-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--kh-app-background);min-height:100vh;color:var(--kh-typography-text-primary);font-family:var(--kh-typography-font-family);font-size:var(--kh-typography-body-md);line-height:var(--kh-typography-line-height-normal);margin:0}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--kh-typography-text-primary);font-family:var(--kh-typography-font-family-heading);line-height:var(--kh-typography-line-height-tight);margin:0}h1{font-size:var(--kh-typography-display-lg);font-weight:var(--kh-typography-font-weight-bold)}h2{font-size:var(--kh-typography-heading-lg);font-weight:var(--kh-typography-font-weight-semibold)}h3{font-size:var(--kh-typography-heading-md);font-weight:var(--kh-typography-font-weight-semibold)}h4,h5,h6{font-size:var(--kh-typography-heading-sm);font-weight:var(--kh-typography-font-weight-semibold)}p{color:var(--kh-typography-text-secondary);line-height:var(--kh-typography-line-height-normal);margin:0}a{color:inherit}input,textarea,select,button{font:inherit}button{color:inherit}:focus-visible{outline:var(--kh-border-width-medium) solid var(--kh-border-color-focus);outline-offset:var(--kh-spacing-2xs)}.kh-button{justify-content:center;align-items:center;gap:var(--kh-spacing-xs);min-height:var(--kh-component-control-height);padding:0 var(--kh-spacing-lg);border:var(--kh-border-width-thin) solid transparent;border-radius:var(--kh-radius-md);background:var(--kh-brand-primary);color:var(--kh-brand-primary-contrast);font-family:var(--kh-typography-font-family);font-size:var(--kh-typography-body-md);font-weight:var(--kh-typography-font-weight-medium);cursor:pointer;transition:var(--kh-transition-standard);line-height:1;display:inline-flex}.kh-button:hover{background:var(--kh-brand-secondary)}.kh-button:active{transform:translateY(var(--kh-motion-hover-distance))}.kh-button:disabled{opacity:var(--kh-interactive-disabled-opacity);cursor:not-allowed;transform:none}.kh-button--secondary{border-color:var(--kh-border-color-strong);background:var(--kh-app-surface);color:var(--kh-typography-text-primary)}.kh-button--secondary:hover{background:var(--kh-interactive-hover-surface)}.kh-button--full{width:100%}.kh-button--sm{min-height:var(--kh-component-control-height-sm);padding:0 var(--kh-spacing-md);font-size:var(--kh-typography-body-sm)}.kh-button--md{min-height:var(--kh-component-control-height);font-size:var(--kh-typography-body-md)}.kh-button--lg{min-height:var(--kh-component-control-height-lg);padding:0 var(--kh-spacing-xl);font-size:var(--kh-typography-body-lg)}.kh-card{background:var(--kh-app-surface);border:var(--kh-border-width-thin) solid var(--kh-border-color);border-radius:var(--kh-radius-lg);box-shadow:var(--kh-shadow-sm);overflow:hidden}.kh-card__header{justify-content:space-between;align-items:center;gap:var(--kh-spacing-md);padding:var(--kh-spacing-md) var(--kh-spacing-lg);border-bottom:var(--kh-border-width-thin) solid var(--kh-border-color);display:flex}.kh-card__body{padding:var(--kh-spacing-lg)}.kh-card__footer{justify-content:flex-end;align-items:center;gap:var(--kh-spacing-sm);padding:var(--kh-spacing-md) var(--kh-spacing-lg);border-top:var(--kh-border-width-thin) solid var(--kh-border-color);display:flex}.kh-section{gap:var(--kh-component-section-gap);flex-direction:column;display:flex}.kh-section__header{justify-content:space-between;align-items:flex-start;gap:var(--kh-spacing-md);display:flex}.kh-section__heading{gap:var(--kh-spacing-2xs);flex-direction:column;display:flex}.kh-section__title{color:var(--kh-typography-text-primary);font-family:var(--kh-typography-font-family-heading);font-size:var(--kh-typography-heading-sm);font-weight:var(--kh-typography-font-weight-semibold);margin:0}.kh-section__description{color:var(--kh-typography-text-secondary);font-size:var(--kh-typography-body-sm);margin:0}.kh-grid{gap:var(--kh-spacing-md);display:grid}.kh-grid--cards{grid-template-columns:repeat(auto-fit, minmax(var(--kh-content-width-xs), 1fr))}.kh-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.kh-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.kh-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.kh-icon-container{width:var(--kh-component-icon-container-md);height:var(--kh-component-icon-container-md);border-radius:var(--kh-radius-md);background:var(--kh-brand-accent-surface);color:var(--kh-brand-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.kh-icon-container--sm{width:var(--kh-component-icon-container-sm);height:var(--kh-component-icon-container-sm)}.kh-icon-container--lg{width:var(--kh-component-icon-container-lg);height:var(--kh-component-icon-container-lg)}.kh-icon-container--xl{width:var(--kh-component-icon-container-xl);height:var(--kh-component-icon-container-xl)}.kh-empty-state{justify-content:center;align-items:center;gap:var(--kh-spacing-sm);padding:var(--kh-spacing-2xl);background:var(--kh-app-surface);border:var(--kh-border-width-thin) solid var(--kh-border-color);border-radius:var(--kh-radius-lg);text-align:center;flex-direction:column;display:flex}.kh-empty-state__title{color:var(--kh-typography-text-primary);font-size:var(--kh-typography-heading-xs);font-weight:var(--kh-typography-font-weight-semibold)}.kh-empty-state__description{max-width:var(--kh-content-width-sm);color:var(--kh-typography-text-secondary);font-size:var(--kh-typography-body-sm)}.kh-loading{justify-content:center;align-items:center;gap:var(--kh-spacing-md);padding:var(--kh-spacing-2xl);color:var(--kh-typography-text-secondary);flex-direction:column;display:flex}.kh-loading__spinner{width:var(--kh-component-icon-container-md);height:var(--kh-component-icon-container-md);border:var(--kh-border-width-medium) solid var(--kh-border-color);border-top-color:var(--kh-brand-primary);border-radius:var(--kh-radius-full);animation:1s linear infinite kh-spin}@media (width<=64rem){.kh-grid--four,.kh-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=48rem){.kh-grid--two,.kh-grid--three,.kh-grid--four{grid-template-columns:1fr}.kh-section__header{flex-direction:column}}.page{min-height:100vh}.page-container{width:100%;max-width:1440px;margin:0 auto;padding:32px}.section{margin-bottom:32px}.stack{flex-direction:column;gap:16px;display:flex}.row{align-items:center;display:flex}.row-between{justify-content:space-between;align-items:center;display:flex}.center{justify-content:center;align-items:center;display:flex}.kh-page-container{width:100%;margin-inline:auto;padding:32px}.kh-page-container--sm{max-width:640px}.kh-page-container--md{max-width:768px}.kh-page-container--lg{max-width:1024px}.kh-page-container--xl{max-width:1440px}.kh-page-container--full{max-width:100%}.kh-layout{min-height:100vh;display:flex}.kh-layout__main{flex-direction:column;flex:1;display:flex}.kh-layout__content{background:var(--kh-app-background);flex:1;overflow-y:auto}.kh-sidebar{background:var(--kh-sidebar-background);width:260px;min-height:100vh;color:var(--kh-sidebar-text);flex-direction:column;display:flex}.kh-sidebar__brand{padding:24px;font-size:1.25rem;font-weight:700}.kh-sidebar__nav{flex-direction:column;display:flex}.kh-sidebar__link{color:inherit;padding:14px 24px;text-decoration:none;transition:background .2s}.kh-sidebar__link:hover{background:var(--kh-sidebar-hover-background)}.kh-sidebar__link.active{background:var(--kh-sidebar-active-background)}.kh-topbar{background:var(--kh-topbar-background);border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.flex{display:flex}.flex-column{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.rounded{border-radius:var(--kh-radius-md)}.shadow{box-shadow:var(--kh-shadow-md)}