@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.app-layout-content{width:100%;transition:margin-left .3s ease-in-out;padding:var(--spacing-lg);box-sizing:border-box}.sidebar-toggle{display:none;position:fixed;top:16px;left:16px;z-index:1001;background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);cursor:pointer;box-shadow:var(--shadows-default)}.sidebar-toggle:hover{background-color:var(--card-hover)}.overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999}.overlay.active{display:block}@media(min-width:769px){.app-layout-content{margin-left:280px}}@media(max-width:768px){.app-layout-content{margin-left:0}.sidebar-toggle{display:block}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background-color:var(--card);color:var(--cardForeground);border-radius:var(--border-radius-md);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;border:1px solid var(--border);z-index:10001}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.25rem}.modal-close-btn{background:none;border:none;cursor:pointer;color:var(--foreground);opacity:.6;transition:opacity .2s;padding:var(--spacing-xs);display:flex;align-items:center}.modal-close-btn:hover{opacity:1}.modal-body{padding:var(--spacing-lg)}.input-switch-container{position:relative;display:inline-block;font-size:var(--switch-size, 1rem);width:2.6em;height:1.4em;vertical-align:middle}.input-switch-hidden{opacity:0;width:0;height:0;position:absolute;pointer-events:none}.input-switch-track{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--border, #ccc);border-radius:1em;transition:background-color .2s ease;cursor:pointer}.input-switch-track.active{background-color:var(--primary, #007bff)}.input-switch-thumb{position:absolute;height:1.1em;width:1.1em;top:.15em;left:.15em;background-color:#fff;border-radius:50%;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0003}.input-switch-track.active .input-switch-thumb{transform:translate(1.2em)}.input-switch-hidden:focus-visible+.input-switch-track{outline:2px solid var(--primary, #007bff);outline-offset:2px}.user-profile{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--sidebarAccent);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-xs);overflow:hidden;width:100%}.user-clickable-area{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;cursor:pointer;overflow:hidden;border-radius:9999px;transition:background-color .2s;padding:2px;min-width:0}.user-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--primary);color:var(--primaryForeground);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{display:flex;flex-direction:column;overflow:hidden;flex:1;min-width:0}.user-name{font-size:.875rem;font-weight:600;color:var(--sidebarForeground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.user-email{font-size:.75rem;color:var(--sidebarForeground);opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.user-actions{display:flex;gap:4px;flex-shrink:0}.sign-out-btn,.profile-btn{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--sidebarForeground);opacity:.6;border-radius:var(--border-radius-xs);transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sign-out-btn:hover{opacity:1;background-color:var(--dangerAccent);color:#fff}.profile-btn:hover{opacity:1;background-color:var(--primary);color:#fff}.primary-button{display:flex;align-items:center;justify-content:center;border:none;font-size:1rem;font-weight:500;transition:transform .1s ease,opacity .2s;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-sm);background-color:var(--primary);width:fit-content;color:var(--primaryForeground)!important}.primary-button:not(:disabled):hover{opacity:.9}.primary-button:not(:disabled):active{transform:scale(.98)}.primary-button:disabled{cursor:not-allowed;opacity:.7}.primary-button-loading{cursor:not-allowed;opacity:.7}.primary-button-full-width{width:100%}.primary-button-spinner{animation:spin 1s linear infinite}.card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;width:100%;color:var(--cardForeground);overflow:hidden}.card-with-status:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background-color:var(--status-color, transparent)}.card>*{color:var(--cardForeground)}.access-denied{padding:var(--spacing-xxl);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.access-denied-icon{color:var(--dangerAccent)}.access-denied-message{opacity:.7;max-width:400px}.role-preview-bar{position:fixed;top:var(--spacing-md);left:50%;transform:translate(-50%);z-index:9999;background-color:var(--card);color:var(--cardForeground);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;gap:var(--spacing-md);border:1px solid rgba(255,255,255,.2);pointer-events:auto}.role-preview-label{font-size:.9rem;color:inherit}.role-preview-exit{background:#fff3;border:none;color:inherit;cursor:pointer;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:background .2s}.role-preview-exit:hover{background:#ffffff4d}.menu-button-container{display:flex;flex-direction:column;gap:var(--spacing-xxs);width:100%}.menu-button-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--sidebarForeground);text-decoration:none;border-radius:var(--border-radius-sm);transition:all .2s ease;font-weight:500;font-size:.9375rem;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.menu-button-trigger:hover{background-color:var(--sidebarAccent);color:var(--sidebarForeground)}.menu-button-trigger:focus-visible{box-shadow:0 0 0 2px var(--primary)}.menu-button-trigger-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.menu-button-trigger-content svg{color:inherit}.menu-button-chevron{opacity:.5;display:flex;align-items:center;transition:transform .3s ease,opacity .2s ease}.menu-button-trigger:hover .menu-button-chevron{opacity:1}.menu-button-container.open .menu-button-chevron{opacity:1;transform:rotate(90deg)}.menu-button-content-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-in-out;overflow:hidden}.menu-button-content-wrapper.open{grid-template-rows:1fr}.menu-button-content-inner{min-height:0;display:flex;flex-direction:column;gap:var(--spacing-xxs);margin-left:calc(var(--spacing-md) + 20px);padding-left:var(--spacing-sm);border-left:1px solid var(--sidebarBorder);margin-top:var(--spacing-xxs);margin-bottom:var(--spacing-xs)}.sidebar{width:280px;height:100vh;height:100dvh;position:fixed;top:0;left:0;z-index:1000;transition:transform .3s ease-in-out;display:flex;flex-direction:column;background-color:var(--sidebar);padding:var(--spacing-md);border-right:1px solid var(--sidebarBorder);overflow:hidden}.sidebar-header{display:flex;flex-direction:column;align-items:start;margin-bottom:var(--spacing-lg);padding-top:var(--spacing-md);padding-left:var(--spacing-md);gap:var(--spacing-xs);flex-shrink:0}.sidebar-title{margin:0;font-size:1.75rem;font-weight:700;color:var(--primary);letter-spacing:-.02em}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;overflow-y:auto;margin-bottom:var(--spacing-md);padding-right:4px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--sidebarBorder);border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--primary)}.nav-item-container{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.nav-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--sidebarForeground);text-decoration:none;border-radius:var(--border-radius-sm);transition:all .2s ease;font-weight:500;font-size:.9375rem}.nav-link svg{color:var(--sidebarForeground);transition:color .2s ease;flex-shrink:0}.nav-link:hover,.nav-link.active:hover{background-color:var(--sidebarAccent);color:var(--sidebarForeground)}.nav-link:hover svg,.nav-link.active:hover svg{color:var(--sidebarForeground)}.nav-link.active{color:var(--primary)}.nav-link.active svg{color:var(--primary)}.nav-submenu{display:flex;flex-direction:column;gap:var(--spacing-xxs);margin-left:calc(var(--spacing-md) + 20px);padding-left:var(--spacing-sm);border-left:1px solid var(--sidebarBorder);margin-top:var(--spacing-xxs);margin-bottom:var(--spacing-xs)}.nav-submenu-link{padding:var(--spacing-xs) var(--spacing-md);color:var(--sidebarForeground);opacity:.7;text-decoration:none;border-radius:var(--border-radius-xs);font-size:.875rem;transition:all .2s ease}.nav-submenu-link:hover{opacity:1;background-color:var(--sidebarAccent);color:var(--sidebarAccentForeground)}.nav-submenu-link.active{opacity:1;color:var(--primary);font-weight:600}.sidebar-footer{padding-top:var(--spacing-md);border-top:1px solid var(--sidebarBorder);display:flex;flex-direction:column;gap:var(--spacing-sm);flex-shrink:0}.footer-link{border:none;background:none;cursor:pointer;width:100%;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);transition:all .2s ease;font-weight:600;text-decoration:none;font-size:.9375rem}.footer-link:hover{background-color:var(--sidebarAccent);transform:translate(4px)}.admin-link{color:var(--warningAccent)}.admin-link svg{color:var(--warningAccent)}.app-link{color:var(--infoAccent)}.app-link svg{color:var(--infoAccent)}.theme-toggle{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;cursor:pointer;color:var(--sidebarForeground);border-radius:var(--border-radius-sm);transition:background-color .2s}.theme-toggle:hover{background-color:var(--sidebarAccent)}.theme-toggle-track{width:40px;height:22px;background-color:var(--sidebarBorder);border-radius:11px;position:relative;transition:background-color .3s ease;flex-shrink:0}.theme-toggle-track.dark{background-color:var(--primary)}.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1);color:#333;box-shadow:0 1px 2px #0003}.theme-toggle-track.dark .theme-toggle-thumb{transform:translate(18px);color:var(--primary)}.theme-toggle-label{font-size:.875rem;font-weight:500;opacity:.8}@media(max-width:768px){.sidebar{transform:translate(-100%);width:260px}.sidebar.open{transform:translate(0);box-shadow:0 0 15px #0003}.sidebar-header{margin-bottom:var(--spacing-md)}.sidebar-title{font-size:1.5rem}}.icon-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);border-radius:var(--border-radius-sm);background-color:var(--input);color:var(--inputForeground);cursor:pointer;transition:all .2s ease;width:fit-content;aspect-ratio:1 / 1;height:fit-content;border:1px solid var(--border)}.icon-button:hover:not(:disabled){background-color:var(--muted)}.icon-button:active:not(:disabled){transform:scale(.95)}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button:focus-within{outline:1px solid var(--primary)}.pagination-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.pagination-group{display:flex;flex-wrap:wrap;align-items:center}@media(max-width:640px){.pagination-container,.pagination-group{justify-content:center}}select.pagination{padding:var(--spacing-sm) var(--spacing-xl) var(--spacing-sm) var(--spacing-sm);border:1px solid var(--border)}button.pagination{padding:var(--spacing-sm) var(--spacing-xl);border:1px solid var(--border)}button.page{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--border)}.list-item{display:flex;gap:var(--spacing-lg);align-items:start;width:100%}.list-item>div:not(.list-item-actions){flex:1;min-width:0;display:flex;flex-direction:column}.list-item-fit{flex:0 0 auto!important}.list-item-value-section{align-items:flex-end}@media(max-width:1024px){.list-item{flex-wrap:wrap;row-gap:var(--spacing-xl)}.list-item>div:not(.list-item-actions){flex:1 1 calc(50% - var(--spacing-lg))!important}.list-item-value-section{align-items:flex-start;text-align:left!important}.list-item-fit{flex:1 1 calc(50% - var(--spacing-lg))!important}}@media(max-width:640px){.list-item>div:not(.list-item-actions){flex:1 1 100%!important}.list-item-fit{flex:1 1 100%!important}}.list-item-label{font-size:.75rem;font-weight:700;text-transform:uppercase;opacity:.8;margin-bottom:var(--spacing-xs);display:block;color:inherit}.list-item-info{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:inherit}.list-item-info-icon{flex-shrink:0;display:flex;align-items:center}.list-item-actions{display:flex;gap:var(--spacing-xs);align-self:flex-start;justify-self:end;border-radius:var(--border-radius-sm)}.list-item-footer{margin-left:calc(-1 * var(--spacing-lg));margin-right:calc(-1 * var(--spacing-lg));margin-bottom:calc(-1 * var(--spacing-lg));padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--spacing-lg);opacity:.8;margin-top:var(--spacing-xs);background-color:transparent}.search-input-container{position:relative;display:flex;align-items:center;width:100%}.search-input-icon{position:absolute;left:var(--spacing-md);color:var(--muted-foreground);display:flex;align-items:center;pointer-events:none;z-index:1}input.search-input{width:100%;padding-left:calc(var(--spacing-xl) + 12px)!important;background-color:var(--input, var(--card));transition:border-color .2s ease}input.search-input:focus{border-color:var(--primary);outline:none}.dropdown-container{position:relative;display:block;width:100%;min-width:140px}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-md);cursor:pointer;font-size:1rem;background-color:var(--input);color:var(--foreground);border:1px solid var(--border);border-radius:var(--border-radius-sm);transition:all .2s ease;-webkit-user-select:none;user-select:none;width:100%}.dropdown-trigger:hover{background-color:var(--muted)}.dropdown-trigger[aria-invalid=true]{border-color:var(--dangerAccent)}.dropdown-trigger[aria-invalid=true]:focus-visible{box-shadow:0 0 0 2px var(--dangerAccent)}.dropdown-trigger:focus-visible,.dropdown-trigger:focus-within{outline:1px solid var(--primary);outline-offset:-1px}.dropdown-menu{z-index:11000;padding:var(--spacing-xs);list-style:none;background-color:var(--popover);border:1px solid var(--border);border-radius:var(--border-radius-sm);box-shadow:0 10px 15px -3px #0000001a;display:flex;flex-direction:column;gap:var(--spacing-xs);box-sizing:border-box}.dropdown-item{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;color:var(--foreground);border-radius:var(--border-radius-xs);transition:background .15s ease;white-space:nowrap}.dropdown-item:hover{background-color:var(--muted)}.dropdown-item.active{background-color:var(--primary);color:var(--primaryForeground)}.field-error{color:var(--dangerAccent);font-size:.875rem;margin-top:var(--spacing-xs)}.secondary-button{display:flex;align-items:center;justify-content:center;border:none;font-size:1rem;font-weight:500;transition:transform .1s ease,opacity .2s;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-sm);background-color:var(--secondary);width:fit-content;color:var(--secondaryForeground)}.secondary-button:not(:disabled):hover{opacity:.9}.secondary-button:not(:disabled):active{transform:scale(.98)}.secondary-button:disabled{cursor:not-allowed;opacity:.7}.secondary-button-loading{cursor:not-allowed;opacity:.7}.secondary-button-full-width{width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.secondary-button-spinner{animation:spin 1s linear infinite}.flex-layout{width:100%;box-sizing:border-box}.flex-child{box-sizing:border-box;min-width:0}.flex-child>label{display:block;margin-bottom:4px;font-size:.9rem;font-weight:500}.flex-child input,.flex-child select,.flex-child .search-input-container{width:100%!important}.virtual-selector-menu{display:flex;flex-direction:column;max-height:300px;width:100%}.virtual-selector-search-container{padding:var(--spacing-sm);border-bottom:1px solid var(--border);position:sticky;top:0;background-color:var(--popover);z-index:1}.virtual-selector-list{flex:1;overflow-y:auto;list-style:none;padding:var(--spacing-xs);margin:0;display:flex;flex-direction:column;gap:var(--spacing-xxs)}.virtual-selector-loading,.virtual-selector-empty{padding:var(--spacing-md);text-align:center;font-size:.875rem;color:var(--mutedForeground)}.virtual-selector-trigger-content{display:flex;align-items:center;gap:var(--spacing-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.virtual-selector-trigger-tags{display:flex;align-items:center;gap:var(--spacing-xxs);overflow:hidden}.virtual-selector-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background-color:var(--primary);color:var(--primaryForeground);border-radius:var(--border-radius-xs);font-size:.8rem;white-space:nowrap}.virtual-selector-tag-remove{cursor:pointer;display:flex;align-items:center;opacity:.8;transition:opacity .2s}.virtual-selector-tag-remove:hover{opacity:1}.virtual-selector-badge{padding:2px 6px;background-color:var(--muted);border-radius:var(--border-radius-xs);font-size:.75rem;font-weight:600;white-space:nowrap;color:var(--mutedForeground)}.virtual-selector-clear{margin-left:auto;padding-left:var(--spacing-xs);display:flex;align-items:center;color:var(--mutedForeground);opacity:.5;cursor:pointer;transition:opacity .2s}.virtual-selector-clear:hover{opacity:1}.virtual-selector-trigger-placeholder{color:var(--mutedForeground)}.audio-library{width:100%;min-height:200px}.audio-preview-container{padding:var(--spacing-lg);border:1px solid var(--border);border-radius:var(--border-radius-sm);background:var(--surface)}.audio-info{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.audio-details{display:flex;flex-direction:column;flex:1}.audio-details strong{font-size:1rem;word-break:break-all}.audio-details span{font-size:.8rem;color:var(--mutedForeground)}.clear-button{background:none;border:none;color:var(--mutedForeground);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-button:hover{background:var(--dangerAccent);color:#fff}.file-meta-info{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--muted);border-radius:var(--border-radius-sm)}.meta-row{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.85rem;color:var(--mutedForeground)}.audio-upload-container{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.audio-upload-trigger{width:100%;padding:var(--spacing-md);border-radius:8px;border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-color:var(--surface-active);transition:all .2s;cursor:pointer;min-height:80px}.audio-upload-trigger:hover{border-color:var(--primary);background-color:var(--muted)}.audio-selected-preview{display:flex;align-items:center;gap:var(--spacing-md);width:100%}.audio-id-text{display:flex;flex-direction:column;flex:1;overflow:hidden}.audio-id-text strong{font-size:.9rem;color:var(--primary)}.audio-id-text span{font-size:.75rem;color:var(--mutedForeground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);color:var(--mutedForeground)}.audio-upload-clear{background:#0000001a;border:none;border-radius:50%;color:var(--foreground);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.audio-upload-clear:hover{background:var(--dangerAccent);color:#fff}.import-wizard-container{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--card);border-radius:var(--border-radius-md);border:1px solid var(--border);overflow:hidden}.import-wizard-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background-color:var(--muted);flex-shrink:0}.import-wizard-content{flex:1;overflow-y:auto;padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl)}.import-wizard-footer{padding:var(--spacing-lg);border-top:1px solid var(--border);display:flex;justify-content:flex-end;background-color:var(--card);gap:var(--spacing-md);flex-shrink:0}.upload-dropzone{height:180px;border:2px dashed var(--border);border-radius:var(--border-radius-md);display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--muted);cursor:pointer;transition:all .2s;gap:var(--spacing-md)}.upload-dropzone:hover{border-color:var(--primary);background-color:var(--border)}.upload-dropzone span{font-weight:600;color:var(--primary);font-size:1.1rem}.import-file-card{border:1px solid var(--border);border-radius:var(--border-radius-md);padding:var(--spacing-lg);background-color:var(--card);display:flex;flex-direction:column;gap:var(--spacing-md)}.import-file-header{display:flex;justify-content:space-between;align-items:center}.import-file-name{font-weight:600;font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-file-language-section{padding-top:var(--spacing-md);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:var(--spacing-sm)}.import-lang-chips{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.lang-chip{padding:8px 16px;border-radius:var(--border-radius-xl);border:1px solid var(--border);background-color:var(--card);color:var(--foreground);cursor:pointer;font-size:.9rem;transition:all .2s}.lang-chip.active{border-color:var(--primary);background-color:var(--primary);color:var(--primaryForeground);font-weight:600}.parsed-file-card{padding:var(--spacing-xl);border-radius:var(--border-radius-md);border:1px solid var(--border);background-color:var(--card);display:flex;flex-direction:column;gap:var(--spacing-lg)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-lg)}.stat-box{display:flex;flex-direction:column;padding:var(--spacing-lg);border-radius:var(--border-radius-sm);background-color:var(--muted);border:1px solid var(--border)}.stat-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:8px}.stat-label{font-size:.75rem;font-weight:700;opacity:.6;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary)}.link-dataset-section{display:flex;flex-direction:column;gap:var(--spacing-xl);padding-bottom:var(--spacing-xxl);border-bottom:2px solid var(--border)}.link-dataset-section:last-child{border-bottom:none}.mapping-item{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-sm);background-color:var(--muted);border:1px solid var(--border);font-size:.95rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);transition:all .2s}.mapping-item.success{border-color:#4ade804d;background-color:#4ade800d}.mapping-item.error{border-color:#f871714d;background-color:#f871710d}.mapping-item.uploading,.mapping-item.database{border-color:#60a5fa4d;background-color:#60a5fa0d}.mapping-status{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600}.mapping-status.success{color:var(--successAccent)}.mapping-status.danger{color:var(--dangerAccent)}.mapping-status.info{color:var(--infoAccent)}.collapsible-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:var(--spacing-sm) 0;transition:opacity .2s}.collapsible-header:hover{opacity:.8}.chevron-circle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:var(--muted);transition:all .2s}.search-container{position:sticky;top:0;z-index:10;background-color:var(--card);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border);margin-bottom:var(--spacing-lg)}.import-search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 44px;border-radius:var(--border-radius-md);border:1px solid var(--border);background-color:var(--input);color:var(--inputForeground);font-size:1rem}.search-icon-wrapper{position:absolute;left:16px;top:50%;transform:translateY(-50%);opacity:.5;display:flex;margin-top:-10px}.collapsible-panel{border:1px solid var(--border);border-radius:var(--border-radius-md);overflow:hidden;background-color:var(--card);margin-bottom:var(--spacing-md)}.panel-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--muted)}.panel-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.confirm-item-row{display:flex;align-items:center;gap:12px;padding:var(--spacing-md);border-radius:var(--border-radius-sm);background-color:var(--muted);border:1px solid var(--border);cursor:pointer}.confirm-card{padding:var(--spacing-lg);border-radius:var(--border-radius-md);border:1px solid var(--border);background-color:var(--muted);transition:transform .1s}.confirm-card:hover{border-color:var(--primary)}.import-badge-container{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.confirm-badge{background-color:var(--card);padding:4px 12px;border-radius:var(--border-radius-xl);font-size:.8rem;border:1px solid var(--border);display:inline-flex;gap:6px}.terminal-logs{flex:1;overflow-y:auto;background-color:#121212;border-radius:var(--border-radius-md);padding:var(--spacing-lg);color:#f0f0f0;font-family:Fira Code,Courier New,monospace;font-size:.9rem;display:flex;flex-direction:column;gap:6px;min-height:300px}.log-entry{display:flex;gap:12px}.log-type{font-weight:700;min-width:70px;text-align:right}.log-entry.success{color:#4ade80}.log-entry.error{color:#f87171}.log-entry.info{color:#60a5fa}.import-flex-column{display:flex;flex-direction:column}.import-gap-sm{gap:var(--spacing-sm)}.import-gap-md{gap:var(--spacing-md)}.import-gap-lg{gap:var(--spacing-lg)}.import-gap-xl{gap:var(--spacing-xl)}.import-text-bold{font-weight:600}.import-label-row{display:flex;gap:var(--spacing-md);cursor:pointer;width:100%}.home-page{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.home-header{margin-bottom:var(--spacing-xxl)}.home-header h1{font-size:2rem;color:var(--primary);margin-bottom:var(--spacing-xs)}.home-header p{color:var(--mutedForeground)}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.table-home-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.table-cape{width:100%;height:150px;background:var(--muted)}.table-cape img{width:100%;height:100%;object-fit:cover}.table-home-info{padding:var(--spacing-md)}.table-home-info h3{margin:0 0 var(--spacing-xs);color:var(--foreground)}.table-home-info p{font-size:.9rem;color:var(--mutedForeground);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.slider-container{display:flex;position:relative;-webkit-user-select:none;user-select:none;--slider-thumb-size: var(--spacing-lg, 24px);--slider-track-height: var(--spacing-xs, 4px);--slider-track-radius: var(--border-radius-md, 16px);--slider-transition: all .2s cubic-bezier(.4, 0, .2, 1);--slider-padding: 2px}.slider-container.horizontal{width:100%;height:var(--spacing-xxl, 32px);align-items:center}.slider-container.vertical{height:100%;width:var(--spacing-xxl, 32px);justify-content:center}.slider-track-wrapper{position:absolute;pointer-events:none;z-index:1;display:flex}.horizontal .slider-track-wrapper{left:calc(var(--slider-thumb-size) / 2);right:calc(var(--slider-thumb-size) / 2);height:var(--slider-track-height);top:50%;transform:translateY(-50%);padding:0 var(--slider-padding);align-items:center}.vertical .slider-track-wrapper{top:calc(var(--slider-thumb-size) / 2);bottom:calc(var(--slider-thumb-size) / 2);width:var(--slider-track-height);left:50%;transform:translate(-50%);padding:var(--slider-padding) 0;flex-direction:column-reverse;justify-content:flex-start}.slider-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--muted);border-radius:var(--slider-track-radius);opacity:.6;z-index:-1}.slider-progress{position:relative;background:var(--primary);border-radius:var(--slider-track-radius);z-index:1}.horizontal .slider-progress{height:100%}.vertical .slider-progress{width:100%}.base-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;outline:none;cursor:pointer;position:absolute;z-index:2;margin:0;padding:0;width:100%;height:100%;border:none}.base-slider:focus,.base-slider:focus-visible,.base-slider:active{outline:none;box-shadow:none}.base-slider::-moz-focus-outer{border:0}.base-slider::-webkit-slider-runnable-track{background:transparent;border:none}.base-slider::-moz-range-track{background:transparent;border:none}.base-slider.vertical{writing-mode:bt-lr;-webkit-appearance:slider-vertical;width:var(--slider-thumb-size);height:100%;left:50%;transform:translate(-50%)}.base-slider:disabled{cursor:not-allowed}.base-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--slider-thumb-size);width:var(--slider-thumb-size);border-radius:50%;background:var(--card, white);border:2px solid var(--primary);box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:var(--slider-transition);position:relative;z-index:3;box-sizing:border-box}.base-slider:not(:disabled)::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 8px #00000026;background:var(--primary);border-color:var(--primary)}.base-slider:not(:disabled):active::-webkit-slider-thumb{transform:scale(.95);background:var(--primary)}.base-slider::-moz-range-thumb{height:var(--slider-thumb-size);width:var(--slider-thumb-size);border-radius:50%;background:var(--card, white);border:2px solid var(--primary);box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:var(--slider-transition);box-sizing:border-box}.slider-ticks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.2}.horizontal .slider-ticks{background-image:linear-gradient(to right,var(--foreground) 1px,transparent 1px);background-size:10% 100%}.vertical .slider-ticks{background-image:linear-gradient(to bottom,var(--foreground) 1px,transparent 1px);background-size:100% 10%}.slider-container.disabled{opacity:.5}.slider-container.disabled .slider-progress{background:var(--muted-foreground)}.slider-container.disabled .base-slider::-webkit-slider-thumb{border-color:var(--muted-foreground);cursor:not-allowed}.cropper-container{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center;width:100%}.cropper-main-layout{display:grid;grid-template-columns:1fr 40px;grid-template-rows:1fr 40px;gap:10px;width:100%;max-width:600px}.cropper-viewport{grid-area:1 / 1 / 2 / 2;width:100%;height:400px;overflow:hidden;border:1px solid var(--border);position:relative;background-image:linear-gradient(45deg,var(--border) 25%,transparent 25%),linear-gradient(-45deg,var(--border) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--border) 75%),linear-gradient(-45deg,transparent 75%,var(--border) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;background-color:var(--muted);display:flex;justify-content:center;align-items:center}.cropper-canvas-area{position:relative;background:transparent;overflow:visible;outline:2px solid var(--primary);z-index:1}.cropper-canvas-area:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 0 0 9999px #00000080;pointer-events:none;z-index:10}.cropper-movable-image{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;z-index:1}.cropper-ruler-v{grid-area:1 / 2 / 2 / 3;display:flex;flex-direction:column;justify-content:center}.cropper-ruler-h{grid-area:2 / 1 / 3 / 2;display:flex;align-items:center}.cropper-controls{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:var(--muted);border-radius:var(--border-radius-sm)}.control-group{display:flex;align-items:center;gap:var(--spacing-md)}.control-group label{font-size:.8rem;font-weight:600;min-width:80px}.cropper-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;width:100%}.media-library-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-xxs);background-color:var(--muted);border-radius:var(--border-radius-sm);width:fit-content}.media-tab{padding:var(--spacing-sm) var(--spacing-xl);cursor:pointer;border-radius:var(--border-radius-xs);transition:all .2s;background:none;border:none;color:var(--mutedForeground);font-weight:600;font-size:.9rem}.media-tab.active{background-color:var(--primary);color:var(--primaryForeground)}.media-tab:hover:not(.active){background-color:var(--border);color:var(--foreground)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md);max-height:400px;overflow-y:auto;padding:var(--spacing-xs)}.media-item{aspect-ratio:1/1;border-radius:var(--border-radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s;background:var(--muted);position:relative}.media-item:hover{border-color:var(--accent)}.media-item.selected{border-color:var(--primary)}.media-item img{width:100%;height:100%;object-fit:cover}.media-empty{grid-column:1 / -1;text-align:center;padding:var(--spacing-xl);color:var(--mutedForeground)}.upload-zone{width:100%;height:200px;border:2px dashed var(--border);border-radius:var(--border-radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);cursor:pointer;transition:all .2s;background:var(--muted);color:var(--mutedForeground)}.upload-zone:hover{border-color:var(--primary);background:var(--border);color:var(--foreground)}.image-upload-container{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center;width:100%}.image-upload-preview{width:100%;max-width:300px;height:150px;... border-radius: 8px;border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-color:var(--surface-active);transition:border-color .2s;cursor:pointer}.image-upload-preview:hover{border-color:var(--primary)}.image-upload-preview img{width:100%;height:100%;object-fit:cover}.image-upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s}.image-upload-preview:hover .image-upload-overlay{opacity:1}.image-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary)}.image-upload-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:var(--spacing-sm);z-index:2}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-family:Poppins,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;width:100%;background-color:var(--background);color:var(--foreground)}body{display:flex}#root{width:100%}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}h1{font-size:1.5rem;font-weight:600;line-height:1.5rem;letter-spacing:0em}h2{font-size:1.25rem;font-weight:500;line-height:1.25rem;letter-spacing:0em;margin-bottom:var(--spacing-xs)}h3{font-size:1.125rem;font-weight:500;line-height:1.125rem;letter-spacing:0em}p,span,label{color:var(--foreground)}.error-text{color:var(--dangerAccent);font-size:.875rem;margin-top:var(--spacing-xs)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}form{display:flex;flex-direction:column;gap:var(--spacing-xl)}section{display:flex;flex-direction:column;gap:var(--spacing-md)}.section-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-md)}.form-row-3-1{display:grid;grid-template-columns:3fr 1fr;gap:var(--spacing-md)}.form-row-2-1{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-md)}.btn-text{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--primary);cursor:pointer;font-weight:600;font-size:1rem;padding:0}.btn-icon-danger{background:none;border:none;color:var(--dangerAccent);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;transition:opacity .2s}.btn-icon-danger:hover{opacity:.8}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;border:none;background:none}input{padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--border-radius-sm);background-color:var(--input);color:var(--inputForeground)}input[aria-invalid=true]{border-color:var(--dangerAccent);outline-color:var(--dangerAccent)}input[aria-invalid=true]:focus{box-shadow:0 0 0 2px var(--dangerAccent)}input:focus-visible{outline:2px solid var(--primary)}label{font-size:1rem;font-weight:500}ul,ol{list-style:none}a{text-decoration:none;color:var(--primary)}textarea{padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--border-radius-sm);background-color:var(--input);color:var(--inputForeground);width:100%;min-height:80px;resize:vertical}textarea[aria-invalid=true]{border-color:var(--dangerAccent);outline-color:var(--dangerAccent)}textarea[aria-invalid=true]:focus{box-shadow:0 0 0 2px var(--dangerAccent)}textarea:focus-visible{outline:2px solid var(--primary)}select{padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--border-radius-sm);background-color:var(--input);color:var(--foreground);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;padding-right:calc(var(--spacing-sm) * 3)}select:focus{outline:2px solid var(--primary);outline-offset:-1px}select[aria-invalid=true]{border-color:var(--dangerAccent);outline-color:var(--dangerAccent)}select[aria-invalid=true]:focus{box-shadow:0 0 0 2px var(--dangerAccent)}option{background-color:var(--background);color:var(--foreground)}select:focus-visible{outline:2px solid var(--primary)}.view-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md);width:100%}.view-header-info{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.view-header-info h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}@media(max-width:640px){.view-header{gap:var(--spacing-sm)}.view-header-actions{width:100%;justify-content:flex-end}}.container{max-width:1280px;margin:auto;display:flex;flex-direction:column;gap:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.form-view-content{padding:var(--spacing-xl)}@media(max-width:640px){.form-view-content{padding:0}}button{cursor:pointer}.tag{font-size:.75rem;padding:2px 8px;background-color:var(--muted);color:var(--mutedForeground);border-radius:var(--border-radius-xs);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.spinner{width:40px;height:40px;border:4px solid var(--border);border-left-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}