html,body,#root{height:100%;margin:0}.container{display:flex;justify-content:center;align-items:center;height:100vh;background-image:url(/images/login-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.login-container{position:relative;width:22.2rem;margin-left:40%}.form-container{border:1px solid hsla(0,0%,65%,.158);box-shadow:0 0 36px 1px #0003;border-radius:10px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;padding:2rem;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.login-container img{text-align:center;max-width:300px;margin-bottom:2em}.login-container form input{display:block;padding:14.5px;width:100%;margin:1rem 0 2rem;color:var(--color);outline:none;background-color:#9191911f;border:none;border-radius:5px;font-weight:500;letter-spacing:.8px;font-size:15px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.login-container form input:focus{box-shadow:0 0 16px 1px #0003;animation:wobble .3s ease-in;-webkit-animation:wobble .3s ease-in}.login-container form .submit{width:50%;margin:0 auto 2rem;cursor:pointer;transition:all .1s ease-in-out;border:none;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out}.forgot-password{text-align:center}.opacity{opacity:.6}.login-options{display:flex;justify-content:center;gap:.75rem;padding:0 20px}.login-options label{display:flex;flex-direction:column;font-size:.9rem}.login-options select{margin-top:.35rem;padding:10px;min-width:140px;background-color:#9191911f;border:1px solid hsla(0,0%,65%,.3);border-radius:5px;color:inherit}:root{color-scheme:dark;--clui-color-primary:#2563eb;--clui-color-primary-hover:#1d4ed8;--clui-color-bg:#0f172a;--clui-color-surface:#111827;--clui-color-text:#e5e7eb;--clui-color-muted:#9ca3af;--clui-color-danger:#ef4444;--clui-color-border:rgba(148,163,184,.25)}:root[data-theme=light]{color-scheme:light;--clui-color-bg:#f9fafb;--clui-color-surface:#ffffff;--clui-color-text:#0f172a;--clui-color-muted:#6b7280;--clui-color-border:rgba(148,163,184,.4)}:root[data-theme=mixed]{color-scheme:light;--clui-color-bg:#f9fafb;--clui-color-surface:#ffffff;--clui-color-text:#0f172a;--clui-color-muted:#6b7280;--clui-color-border:rgba(148,163,184,.4)}:root[data-theme=dark]{color-scheme:dark}:root{--clui-space-xs:4px;--clui-space-sm:8px;--clui-space-md:12px;--clui-space-lg:16px;--clui-space-xl:24px;--clui-space-2xl:32px}:root{--clui-radius-sm:4px;--clui-radius-md:8px;--clui-radius-lg:12px;--clui-radius-pill:999px;--clui-header-height:80px;--clui-sidebar-header-height:80px;--clui-footer-height:48px;--clui-sidebar-footer-height:48px;--clui-sidebar-width:260px;--clui-content-max-width:90vw;--clui-z-dropdown:1000;--clui-z-overlay:1100;--clui-z-modal:1200;--clui-z-toast:1300;--clui-ease:cubic-bezier(.2,.7,.3,1);--clui-fast:.12s;--clui-normal:.2s}:root{--clui-font-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--clui-font-size-sm:12px;--clui-font-size-md:14px;--clui-font-size-lg:16px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--clui-font-base);font-size:var(--clui-font-size-md);color:var(--clui-color-text);background:var(--clui-color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.clui-card{background:var(--clui-color-surface);border-radius:var(--clui-radius-lg);padding:var(--clui-space-lg);box-shadow:0 10px 30px #00000040}.clui-flex{display:flex}.clui-flex-center{display:flex;align-items:center;justify-content:center}.clui-inline{display:inline-flex;align-items:center}.clui-gap-xs{gap:var(--clui-space-xs)}.clui-gap-sm{gap:var(--clui-space-sm)}.clui-gap-md{gap:var(--clui-space-md)}.clui-gap-lg{gap:var(--clui-space-lg)}.clui-w-100{width:100%}.clui-hidden{display:none!important}.clui-text-muted{color:var(--clui-color-muted)}.clui-divider{height:1px;background:var(--clui-color-border);width:100%}.clui-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clui-btn{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;outline:none;height:40px;padding:0 var(--clui-space-md);border-radius:var(--clui-radius-pill);font-weight:500;transition:background var(--clui-fast) var(--clui-ease),box-shadow var(--clui-fast) var(--clui-ease),transform .05s var(--clui-ease)}.clui-btn:active{transform:translateY(1px)}.clui-btn[disabled]{opacity:.6;cursor:not-allowed}.clui-btn--primary{background:var(--clui-color-primary);color:#fff}.clui-btn--primary:hover{background:var(--clui-color-primary-hover)}.clui-btn--secondary,.clui-btn--outline{background:transparent;color:var(--clui-color-text);border:1px solid var(--clui-color-border)}.clui-btn--ghost{background:transparent;color:var(--clui-color-text)}.clui-btn--danger{background:var(--clui-color-danger);color:#fff}.clui-btn--sm{height:32px;font-size:var(--clui-font-size-sm);padding:0 var(--clui-space-sm)}.clui-btn--lg{height:48px;font-size:var(--clui-font-size-lg);padding:0 var(--clui-space-lg)}.clui-btn--icon{width:40px;padding:0}.clui-btn--icon.clui-btn--sm{width:32px}.clui-btn--icon.clui-btn--lg{width:48px}.clui-field{display:flex;flex-direction:column;gap:6px}.clui-label{font-size:12px;color:var(--clui-color-muted)}.clui-input{width:100%;height:40px;border-radius:var(--clui-radius-md);border:1px solid var(--clui-color-border);background:var(--clui-color-surface);color:var(--clui-color-text);padding:0 var(--clui-space-md);transition:border var(--clui-fast) var(--clui-ease),box-shadow var(--clui-fast) var(--clui-ease)}.clui-input::placeholder{color:#e5e7eb66}.clui-input:focus{outline:none;border-color:var(--clui-color-primary);box-shadow:0 0 0 3px #2563eb40}.clui-helper{font-size:12px;color:var(--clui-color-muted)}.clui-error{font-size:12px;color:#fecaca}.clui-input--invalid{border-color:#ef4444}.clui-input--invalid:focus{box-shadow:0 0 0 3px #ef444440}.clui-textarea{width:100%;min-height:96px;border-radius:var(--clui-radius-md);border:1px solid var(--clui-color-border);background:var(--clui-color-surface);color:var(--clui-color-text);padding:var(--clui-space-sm) var(--clui-space-md);resize:vertical}.clui-table{width:100%;border-collapse:collapse}.clui-table th,.clui-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--clui-color-border)}.clui-table th{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.02em;color:var(--clui-color-muted)}.clui-table tr:hover td{background:#ffffff05}.clui-table--dense th,.clui-table--dense td{padding:6px 8px}.clui-empty{text-align:center;padding:32px;color:var(--clui-color-muted)}.clui-table-container{width:100%;display:flex;flex-direction:column;gap:var(--clui-space-sm)}.clui-table-scroll{overflow-x:auto;border:1px solid var(--clui-color-border);border-radius:var(--clui-radius-lg);background:var(--clui-color-surface)}.clui-table-scroll table{width:100%}.clui-table-header{-webkit-user-select:none;user-select:none}.clui-table-header.is-sortable{color:var(--clui-color-text)}.clui-table-header-inner{display:inline-flex;align-items:center;gap:6px}.clui-sort-indicator{font-size:12px;color:var(--clui-color-muted)}.clui-table-status{text-align:center;padding:var(--clui-space-lg);color:var(--clui-color-muted)}.clui-table tr.is-selected td{background:#2563eb1a}body[data-theme=dark] .clui-table tr.is-selected td{background:#3b82f61f}.clui-table-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--clui-space-sm)}.clui-table-range{color:var(--clui-color-muted)}.clui-table-page-size{display:flex;align-items:center;gap:var(--clui-space-xs)}.clui-table-size-select{width:auto;min-width:120px;padding-left:var(--clui-space-sm);padding-right:var(--clui-space-sm)}.clui-pagination{display:flex;align-items:center;gap:var(--clui-space-xs)}.clui-table-page-btn{min-width:44px}.clui-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--clui-color-surface);border-radius:var(--clui-radius-lg);border:1px solid var(--clui-color-border);box-shadow:0 16px 40px #0f172ab3;padding:4px;z-index:var(--clui-z-dropdown)}.clui-menu__section{padding:4px 0}.clui-menu__label{padding:6px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--clui-color-muted)}.clui-menu__item{width:100%;border:none;background:transparent;color:var(--clui-color-text);font-size:var(--clui-font-size-md);text-align:left;padding:8px 12px;border-radius:var(--clui-radius-md);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--clui-space-sm)}.clui-menu__item:hover{background:#94a3b81f}.clui-menu__item--active{background:#2563eb24}.clui-menu__item--caret{justify-content:flex-start}.clui-menu__item-flag,.clui-menu__item-icon{width:18px;text-align:center}.clui-menu__item-label{flex:1}.clui-menu__caret{margin-left:auto;transition:transform var(--clui-fast) var(--clui-ease)}.clui-menu__caret--open{transform:rotate(180deg)}.clui-menu__subitems{display:flex;flex-direction:column;gap:4px;padding-left:10px;margin-top:4px;border-left:1px solid var(--clui-color-border)}.clui-menu__item--danger{color:#fecaca}.clui-menu__item--danger:hover{background:#ef444429}.clui-header__user-wrapper{position:relative;display:flex;align-items:center}.clui-modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--clui-z-modal)}.clui-modal{width:min(640px,92vw);background:var(--clui-color-surface);border-radius:var(--clui-radius-lg);box-shadow:0 20px 60px #00000059;overflow:hidden}.clui-modal__header{padding:16px 20px;border-bottom:1px solid var(--clui-color-border);font-weight:600}.clui-modal__body{padding:20px}.clui-modal__footer{padding:16px 20px;border-top:1px solid var(--clui-color-border);display:flex;justify-content:flex-end;gap:12px}.clui-select{width:100%;height:40px;border-radius:var(--clui-radius-md);border:1px solid var(--clui-color-border);background:var(--clui-color-surface);color:var(--clui-color-text);padding:0 var(--clui-space-md);font-family:var(--clui-font-base);font-size:var(--clui-font-size-md)}.clui-select:focus{outline:none;border-color:var(--clui-color-primary);box-shadow:0 0 0 3px #2563eb40}.clui-select--invalid{border-color:#ef4444}.clui-checkbox{display:flex;align-items:center;gap:var(--clui-space-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.clui-checkbox__input{appearance:none;-webkit-appearance:none;width:16px;height:16px;border-radius:4px;border:1px solid var(--clui-color-border);background:var(--clui-color-surface);display:inline-flex;align-items:center;justify-content:center;position:relative}.clui-checkbox__input:checked{background:var(--clui-color-primary);border-color:var(--clui-color-primary)}.clui-checkbox__input:after{content:"";width:10px;height:10px;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);background:#fff;opacity:0;transition:opacity var(--clui-fast) var(--clui-ease)}.clui-checkbox__input:checked:after{opacity:1}.clui-checkbox__label{font-size:var(--clui-font-size-md)}.clui-checkbox__input:disabled+.clui-checkbox__label,.clui-checkbox__input:disabled{opacity:.6;cursor:not-allowed}.clui-tabs{display:flex;flex-direction:column;gap:var(--clui-space-sm)}.clui-tabs__list{display:flex;gap:var(--clui-space-sm);border-bottom:1px solid var(--clui-color-border)}.clui-tabs__trigger{border:none;background:transparent;padding:8px 12px;font-size:var(--clui-font-size-md);color:var(--clui-color-muted);cursor:pointer;border-bottom:2px solid transparent;transition:color var(--clui-fast) var(--clui-ease),border-color var(--clui-fast) var(--clui-ease)}.clui-tabs__trigger--active{color:var(--clui-color-text);border-color:var(--clui-color-primary)}.clui-tabs__trigger:disabled{opacity:.5;cursor:not-allowed}.clui-tabs__panel{padding-top:var(--clui-space-sm)}.clui-alert{border-radius:var(--clui-radius-md);padding:var(--clui-space-sm) var(--clui-space-md);display:flex;gap:var(--clui-space-sm);align-items:flex-start;font-size:var(--clui-font-size-md)}.clui-alert__content{flex:1}.clui-alert__title{font-weight:600;margin-bottom:2px}.clui-alert__close{background:transparent;border:none;cursor:pointer;color:inherit;padding:0;font-size:14px}.clui-alert--info{background:#3b82f61f;color:#bfdbfe}.clui-alert--success{background:#22c55e1f;color:#bbf7d0}.clui-alert--warning{background:#eab3081f;color:#fef9c3}.clui-alert--error{background:#ef44441f;color:#fecaca}:root{--clui-layout-sidebar-bg: #020617;--clui-layout-sidebar-color: var(--clui-color-text);--clui-layout-header-bg: rgba(15, 23, 42, .9);--clui-layout-subheader-bg: rgba(15, 23, 42, .96);--clui-layout-footer-bg: rgba(15, 23, 42, .95);--clui-layout-nav-active-bg: rgba(37, 99, 235, .16);--clui-layout-nav-hover-bg: rgba(148, 163, 184, .08);--clui-layout-nav-active-color: #e5e7eb;--clui-layout-nav-hover-color: #e5e7eb;--clui-layout-nav-color: var(--clui-color-muted)}:root[data-theme=light]{--clui-layout-sidebar-bg: var(--clui-color-surface);--clui-layout-sidebar-color: var(--clui-color-text);--clui-layout-header-bg: rgba(255, 255, 255, .9);--clui-layout-subheader-bg: rgba(255, 255, 255, .96);--clui-layout-footer-bg: rgba(255, 255, 255, .95);--clui-layout-nav-active-bg: rgba(37, 99, 235, .12);--clui-layout-nav-hover-bg: rgba(148, 163, 184, .12);--clui-layout-nav-active-color: var(--clui-color-text);--clui-layout-nav-hover-color: var(--clui-color-text);--clui-layout-nav-color: var(--clui-color-muted)}:root[data-theme=mixed]{--clui-layout-sidebar-bg: #020617;--clui-layout-sidebar-color: #e5e7eb;--clui-layout-header-bg: rgba(255, 255, 255, .9);--clui-layout-subheader-bg: rgba(255, 255, 255, .96);--clui-layout-footer-bg: rgba(255, 255, 255, .95);--clui-layout-nav-active-bg: rgba(37, 99, 235, .16);--clui-layout-nav-hover-bg: rgba(148, 163, 184, .08);--clui-layout-nav-active-color: #e5e7eb;--clui-layout-nav-hover-color: #e5e7eb;--clui-layout-nav-color: #cbd5e1}.clui-app{display:flex;flex-direction:column;min-height:100vh}.clui-sidebar{background:var(--clui-layout-sidebar-bg);color:var(--clui-layout-sidebar-color);border-bottom:1px solid var(--clui-color-border);display:flex;flex-direction:column}.clui-sidebar__header{height:var(--clui-sidebar-header-height);padding:0 var(--clui-space-lg);display:flex;align-items:center;gap:var(--clui-space-sm);border-bottom:1px solid var(--clui-color-border)}.clui-sidebar__logo img{max-width:80%;max-height:100%;object-fit:contain}.clui-sidebar__nav{padding:var(--clui-space-md) var(--clui-space-lg);display:flex;flex-direction:row;gap:4px;overflow-x:auto}.clui-sidebar__footer{height:var(--clui-sidebar-footer-height);display:flex;align-items:center;padding:0 var(--clui-space-lg);font-size:var(--clui-font-size-sm);color:var(--clui-color-muted);border-top:1px solid var(--clui-color-border)}.clui-nav-item{display:inline-flex;align-items:center;gap:var(--clui-space-sm);padding:6px 10px;border-radius:var(--clui-radius-md);font-size:var(--clui-font-size-md);color:var(--clui-layout-nav-color);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background var(--clui-fast) var(--clui-ease),color var(--clui-fast) var(--clui-ease)}.clui-nav-item--active{background:var(--clui-layout-nav-active-bg);color:var(--clui-layout-nav-active-color)}.clui-nav-item:hover{background:var(--clui-layout-nav-hover-bg);color:var(--clui-layout-nav-hover-color)}.clui-main{display:flex;flex-direction:column;min-height:100vh}.clui-header{height:var(--clui-header-height);min-height:var(--clui-header-height);box-sizing:border-box;position:sticky;top:0;z-index:var(--clui-z-overlay);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--clui-layout-header-bg);border-bottom:1px solid var(--clui-color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--clui-space-md)}.clui-header__title{font-size:16px;font-weight:600}.clui-header__subtitle{font-size:12px;color:var(--clui-color-muted)}.clui-header__user{display:flex;align-items:center;gap:var(--clui-space-sm);cursor:pointer}.clui-header__avatar{width:32px;height:32px;border-radius:999px;background:radial-gradient(circle at 30% 0,var(--clui-color-primary),#22d3ee);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.clui-header__user-name{font-size:var(--clui-font-size-md)}.clui-subheader{padding:6px var(--clui-space-md);border-bottom:1px solid var(--clui-color-border);background:var(--clui-layout-subheader-bg);font-size:var(--clui-font-size-sm);color:var(--clui-color-muted)}.clui-main-content{flex:1;padding:var(--clui-space-md);width:100%;max-width:var(--clui-content-max-width);margin:0 auto;box-sizing:border-box}.clui-footer{height:var(--clui-footer-height);min-height:var(--clui-footer-height);box-sizing:border-box;position:sticky;bottom:0;z-index:var(--clui-z-dropdown);border-top:1px solid var(--clui-color-border);background:var(--clui-layout-footer-bg);display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0 var(--clui-space-md);font-size:11px;color:var(--clui-color-muted)}.clui-footer a{color:var(--clui-color-primary);text-decoration:none}.clui-footer a:hover{text-decoration:underline}.clui-page{display:flex;flex-direction:column;gap:var(--clui-space-md)}.clui-page__header{display:flex;flex-direction:column;gap:var(--clui-space-sm)}.clui-page__title{font-size:20px;font-weight:600}.clui-page__subtitle{font-size:13px;color:var(--clui-color-muted)}.clui-page__actions{display:flex;flex-wrap:wrap;gap:var(--clui-space-sm)}.clui-page__body{margin-top:var(--clui-space-sm)}@media(min-width:1024px){.clui-app{display:grid;grid-template-columns:var(--clui-sidebar-width) minmax(0,1fr)}.clui-sidebar{height:100vh;border-bottom:none;border-right:1px solid var(--clui-color-border);position:sticky;top:0}.clui-sidebar__nav{flex:1;flex-direction:column;overflow-x:hidden;padding-top:var(--clui-space-md)}.clui-main{min-height:100vh}.clui-header,.clui-subheader,.clui-footer{padding-left:var(--clui-space-lg);padding-right:var(--clui-space-lg)}.clui-footer{flex-direction:row;justify-content:space-between;align-items:center}.clui-main-content{padding:var(--clui-space-lg)}.clui-page__header{flex-direction:row;align-items:flex-start;justify-content:space-between}}.clui-form-field{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--clui-space-md)}.clui-form-label{font-size:12px;color:var(--clui-color-muted)}.clui-form-required{color:#fb7185;margin-left:2px}.clui-form-error{font-size:12px;color:#fecaca}.clui-form-helper{font-size:12px;color:var(--clui-color-muted)}.clui-loader{display:inline-flex;align-items:center;gap:var(--clui-space-sm);color:var(--clui-color-muted);font-weight:600;letter-spacing:.01em}.clui-loader-text{font-size:14px}.clui-spinner{width:20px;height:20px;border-radius:50%;border:3px solid var(--clui-color-border);border-top-color:var(--clui-color-primary);animation:clui-spin .9s linear infinite}.clui-loader-backdrop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--clui-z-overlay)}.clui-loader-backdrop--fullscreen{position:fixed;inset:0}@keyframes clui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}