*{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#f9fafb;color:#111827;transition:background-color .3s ease,color .3s ease}body.dark{background-color:#0f172a;color:#f1f5f9}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.text-muted-foreground{color:#6b7280}.dark .text-muted-foreground{color:#9ca3af}.text-destructive{color:#dc2626}.text-primary-foreground{color:#fff}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-3{margin-bottom:.75rem}.ml-auto{margin-left:auto}.w-full{width:100%}.h-full{height:100%}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-16{height:4rem}.h-20{height:5rem}.h-28{height:7rem}.h-32{height:8rem}.h-48{height:12rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-64{width:16rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-2{top:.5rem}.top-6{top:1.5rem}.right-2{right:.5rem}.self-start{align-self:flex-start}.border{border:1px solid #e5e7eb}.dark .border{border-color:#374151}.border-dashed{border-style:dashed}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.bg-card{background-color:#fff}.dark .bg-card{background-color:#1e293b}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.cursor-pointer{cursor:pointer}.object-cover{object-fit:cover}.transition-all{transition:all .2s ease}.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 640px){.sm\\:flex-row{flex-direction:row}.sm\\:w-40{width:10rem}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:col-span-2{grid-column:span 2 / span 2}}@media (min-width: 768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:col-span-2{grid-column:span 2 / span 2}}@media (min-width: 1024px){.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .2s ease;border:1px solid transparent;cursor:pointer;outline:none;text-decoration:none;height:2.25rem;padding:0 1rem;font-family:inherit}.button:disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.button--default{background-color:#3b82f6;color:#fff;box-shadow:0 1px 2px #0000000d}.button--default:hover:not(:disabled){background-color:#2563eb}.button--secondary{background-color:#f1f5f9;color:#0f172a;box-shadow:0 1px 2px #0000000d}.button--secondary:hover:not(:disabled){background-color:#e2e8f0}.dark .button--secondary{background-color:#334155;color:#f1f5f9}.dark .button--secondary:hover:not(:disabled){background-color:#475569}.button--outline{background-color:transparent;border-color:#e5e7eb;color:#374151}.button--outline:hover:not(:disabled){background-color:#f9fafb}.dark .button--outline{border-color:#374151;color:#d1d5db}.dark .button--outline:hover:not(:disabled){background-color:#1f2937}.button--destructive{background-color:#dc2626;color:#fff}.button--destructive:hover:not(:disabled){background-color:#b91c1c}.button--ghost{background-color:transparent;color:#374151}.button--ghost:hover:not(:disabled){background-color:#f9fafb}.dark .button--ghost{color:#d1d5db}.dark .button--ghost:hover:not(:disabled){background-color:#1f2937}.button--link{background-color:transparent;color:#3b82f6;text-decoration:underline;text-underline-offset:4px}.button--link:hover:not(:disabled){text-decoration:none}.button--sm{height:2rem;padding:0 .75rem;font-size:.75rem}.button--lg{height:2.5rem;padding:0 2rem}.button--icon{height:2.25rem;width:2.25rem;padding:0}.input{display:flex;height:2.25rem;width:100%;border-radius:.375rem;border:1px solid #d1d5db;background-color:transparent;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease;outline:none;font-family:inherit;color:inherit}.input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input:disabled{cursor:not-allowed;opacity:.5}.input::placeholder{color:#9ca3af}.dark .input{border-color:#374151;color:#f1f5f9}.dark .input:focus{border-color:#60a5fa}.dark .input::placeholder{color:#6b7280}.input[type=file]{padding:.25rem .75rem}.input[type=file]::-webkit-file-upload-button{background-color:#f1f5f9;border:1px solid #d1d5db;border-radius:.25rem;padding:.25rem .5rem;margin-right:.5rem;font-size:.75rem;cursor:pointer;transition:background-color .2s ease}.input[type=file]::-webkit-file-upload-button:hover{background-color:#e2e8f0}.dark .input[type=file]::-webkit-file-upload-button{background-color:#334155;border-color:#475569;color:#f1f5f9}.dark .input[type=file]::-webkit-file-upload-button:hover{background-color:#475569}.label{font-size:.875rem;font-weight:500;line-height:1;color:#374151;margin-bottom:.5rem;display:block;cursor:pointer}.dark .label{color:#f1f5f9}.label:disabled{cursor:not-allowed;opacity:.7}.label--required:after{content:" *";color:#dc2626}.label--optional{font-weight:400;color:#6b7280}.dark .label--optional{color:#9ca3af}.card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden;transition:box-shadow .2s ease}.dark .card{background-color:#1e293b;border-color:#334155}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card--shadow-sm{box-shadow:0 1px 2px #0000000d}.card--shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card__header{padding:1.5rem;padding-bottom:0;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.card__content{padding:1.5rem;padding-top:0}.card__footer{padding:1.5rem;padding-top:0;display:flex;align-items:center}.card__title{font-size:1.125rem;font-weight:600;line-height:1.25;color:inherit;display:flex;align-items:center;gap:.5rem}.card__description,.course-form__hint{font-size:.875rem;color:#6b7280;margin-top:.25rem}.dark .card__description{color:#9ca3af}.card--sticky{position:sticky;top:1.5rem;align-self:flex-start}.sidebar{display:flex;height:100vh;width:16rem;flex-direction:column;background-color:#fff;border-right:1px solid #e5e7eb}.dark .sidebar{background-color:#1e293b;border-color:#334155}.sidebar__header{display:flex;height:4rem;align-items:center;border-bottom:1px solid #e5e7eb;padding:0 1.5rem}.dark .sidebar__header{border-color:#334155}.sidebar__nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem}.sidebar__footer{border-top:1px solid #e5e7eb;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.dark .sidebar__footer{border-color:#334155}.nav-link{display:flex;align-items:center;gap:.75rem;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s ease;color:#6b7280;text-decoration:none}.nav-link:hover{background-color:#f9fafb;color:#374151}.nav-link.active{background-color:#3b82f6;color:#fff}.dark .nav-link{color:#9ca3af}.dark .nav-link:hover{background-color:#334155;color:#f1f5f9}.sidebar__user-info{display:flex;align-items:center;justify-content:space-between}.sidebar__user-details{font-size:.875rem}.sidebar__user-name{font-weight:500}.sidebar__user-roles{color:#6b7280;font-size:.75rem}.dark .sidebar__user-roles{color:#9ca3af}.main-layout{display:flex;height:100vh;background-color:#f9fafb}.dark .main-layout{background-color:#0f172a}.main-content{flex:1;overflow:auto}.main-container{max-width:1200px;margin:0 auto;padding:1.5rem}.page-header{margin-bottom:1.5rem}.page-title{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;color:inherit;margin-bottom:.25rem}.page-subtitle{color:#6b7280}.dark .page-subtitle{color:#9ca3af}.grid-layout{display:grid;gap:1.5rem}.grid-layout--1,.grid-layout--2{grid-template-columns:1fr}@media (min-width: 1024px){.grid-layout--2{grid-template-columns:repeat(2,1fr)}}.grid-layout--4{grid-template-columns:1fr}@media (min-width: 768px){.grid-layout--4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-layout--4{grid-template-columns:repeat(4,1fr)}}.dashboard-page{display:flex;flex-direction:column;gap:1.5rem}.dashboard-page__title{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.25rem}.dashboard-page__subtitle{color:#6b7280}.dark .dashboard-page__subtitle{color:#9ca3af}.stats-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stats-card__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0;padding-bottom:.5rem}.stats-card__title{font-size:.875rem;font-weight:500}.stats-card__icon{height:1rem;width:1rem;color:#6b7280}.dark .stats-card__icon{color:#9ca3af}.stats-card__value{font-size:1.5rem;font-weight:700}.content-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 768px){.content-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.content-grid{grid-template-columns:repeat(3,1fr)}}.welcome-card__content{display:flex;flex-direction:column;gap:.5rem}.welcome-card__text{color:#6b7280}.dark .welcome-card__text{color:#9ca3af}.course-preview__content{display:flex;flex-direction:column;gap:.5rem}.course-preview__description{font-size:.875rem;color:#6b7280}.dark .course-preview__description{color:#9ca3af}.course-preview__meta{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:#6b7280}.dark .course-preview__meta{color:#9ca3af}.loading-stats{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 768px){.loading-stats{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.loading-stats{grid-template-columns:repeat(3,1fr)}}.loading-stat__header{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading-stat__placeholder{height:1rem;background-color:#f3f4f6;border-radius:.25rem;width:75%}.dark .loading-stat__placeholder{background-color:#374151}.loading-stat__value{height:2rem;background-color:#f3f4f6;border-radius:.25rem;width:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dark .loading-stat__value{background-color:#374151}.activity-feed{display:flex;flex-direction:column;gap:.75rem}.activity-empty{color:#6b7280;font-size:.875rem;font-style:italic;text-align:center;padding:1rem 0}.dark .activity-empty{color:#9ca3af}.activity-item{display:flex;flex-direction:column;gap:.25rem;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}.activity-item:last-child{border-bottom:none;padding-bottom:0}.dark .activity-item{border-bottom-color:#374151}.activity-content{display:flex;flex-direction:column;gap:.125rem}.activity-action{font-size:.875rem;font-weight:500;color:#374151}.dark .activity-action{color:#f9fafb}.activity-target{font-size:.875rem;color:#6b7280}.dark .activity-target{color:#9ca3af}.activity-time{font-size:.75rem;color:#9ca3af}.dark .activity-time{color:#6b7280}.textarea{display:flex;min-height:3.75rem;width:100%;border-radius:.375rem;border:1px solid #d1d5db;background-color:transparent;padding:.5rem .75rem;font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease;outline:none;resize:vertical;font-family:inherit;color:inherit;line-height:1.5}.textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.textarea:disabled{cursor:not-allowed;opacity:.5}.textarea::placeholder{color:#9ca3af}.dark .textarea{border-color:#374151;color:#f1f5f9}.dark .textarea:focus{border-color:#60a5fa}.dark .textarea::placeholder{color:#6b7280}.textarea--sm{min-height:2.5rem}.textarea--lg{min-height:6rem}.textarea--xl{min-height:8rem}.select-trigger{display:flex;height:2.25rem;width:100%;align-items:center;justify-content:space-between;border-radius:.375rem;border:1px solid #d1d5db;background-color:transparent;padding:.5rem .75rem;font-size:.875rem;outline:none;cursor:pointer;font-family:inherit;color:inherit;transition:border-color .2s ease,box-shadow .2s ease}.select-trigger:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.select-trigger:disabled{cursor:not-allowed;opacity:.5}.dark .select-trigger{border-color:#374151;color:#f1f5f9}.dark .select-trigger:focus{border-color:#60a5fa}.select-content{z-index:50;max-height:24rem;overflow:hidden;border-radius:.375rem;border:1px solid #e5e7eb;background-color:#fff;color:#111827;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:.25rem}.dark .select-content{background-color:#1e293b;border-color:#334155;color:#f1f5f9}.select-item{position:relative;display:flex;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;border-radius:.125rem;padding:.375rem 2rem .375rem .5rem;font-size:.875rem;outline:none;transition:background-color .2s ease}.select-item:hover{background-color:#f9fafb}.select-item:focus{background-color:#f9fafb}.dark .select-item:hover{background-color:#334155}.dark .select-item:focus{background-color:#334155}.select-item:disabled{pointer-events:none;opacity:.5}.select-item-indicator{position:absolute;right:.5rem;display:flex;height:.875rem;width:.875rem;align-items:center;justify-content:center}.select-separator{margin:.25rem -.25rem;height:1px;background-color:#f3f4f6}.dark .select-separator{background-color:#374151}.select-label{padding:.375rem .5rem;font-size:.875rem;font-weight:600;color:#6b7280}.dark .select-label{color:#9ca3af}.switch{display:inline-flex;height:1.25rem;width:2.25rem;cursor:pointer;align-items:center;border-radius:9999px;border:2px solid transparent;transition:background-color .2s ease;outline:none;position:relative;background-color:#d1d5db}.switch:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.switch:disabled{cursor:not-allowed;opacity:.5}.switch[data-state=checked]{background-color:#3b82f6}.switch[data-state=unchecked]{background-color:#d1d5db}.dark .switch[data-state=unchecked]{background-color:#374151}.switch__thumb{pointer-events:none;display:block;height:1rem;width:1rem;border-radius:50%;background-color:#fff;box-shadow:0 2px 4px #0003;transition:transform .2s ease;transform:translate(0)}.switch[data-state=checked] .switch__thumb{transform:translate(1rem)}.switch[data-state=unchecked] .switch__thumb{transform:translate(0)}.badge{display:inline-flex;align-items:center;border-radius:.375rem;border:1px solid transparent;padding:.125rem .625rem;font-size:.75rem;font-weight:600;transition:all .2s ease;white-space:nowrap}.badge--default{background-color:#3b82f6;color:#fff;box-shadow:0 1px 2px #0000000d}.badge--default:hover{background-color:#2563eb}.badge--secondary{background-color:#f1f5f9;color:#0f172a}.badge--secondary:hover{background-color:#e2e8f0}.dark .badge--secondary{background-color:#334155;color:#f1f5f9}.dark .badge--secondary:hover{background-color:#475569}.badge--destructive{background-color:#dc2626;color:#fff;box-shadow:0 1px 2px #0000000d}.badge--destructive:hover{background-color:#b91c1c}.badge--outline{border-color:#e5e7eb;color:#374151;background-color:transparent}.badge--outline:hover{background-color:#f9fafb}.dark .badge--outline{border-color:#374151;color:#d1d5db}.dark .badge--outline:hover{background-color:#1f2937}.badge--sm{padding:.0625rem .5rem;font-size:.6875rem}.badge--lg{padding:.25rem .75rem;font-size:.875rem}.badge--rounded-xl{border-radius:.75rem}.dialog__overlay{position:fixed;inset:0;z-index:50;background-color:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .2s ease-out}.dialog__content{position:fixed;left:50%;top:50%;z-index:50;display:grid;width:100%;max-width:32rem;transform:translate(-50%,-50%);gap:1rem;border:1px solid #e5e7eb;background-color:#fff;padding:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-radius:.5rem;animation:slideIn .2s ease-out}.dark .dialog__content{background-color:#1e293b;border-color:#334155;color:#f1f5f9}.dialog__content--lg{max-width:48rem}.dialog__content--xl{max-width:56rem}.dialog__header{display:flex;flex-direction:column;gap:.375rem;text-align:left}.dialog__title{font-size:1.125rem;font-weight:600;line-height:1;letter-spacing:-.025em}.dialog__description{font-size:.875rem;color:#6b7280}.dark .dialog__description{color:#9ca3af}.dialog__footer{display:flex;flex-direction:column-reverse;gap:.5rem;margin-top:1rem}@media (min-width: 640px){.dialog__footer{flex-direction:row;justify-content:flex-end}}.dialog__close{position:absolute;right:1rem;top:1rem;border-radius:.125rem;opacity:.7;transition:opacity .2s ease;background:none;border:none;cursor:pointer;padding:.25rem;color:inherit}.dialog__close:hover{opacity:1}.dialog__close:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.image-popup-overlay{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}.image-popup-overlay *{pointer-events:auto}.image-popup-container{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.image-popup-close{position:absolute;top:-40px;right:0;background:#ffffffe6;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:1001;color:#333}.image-popup-close:hover{background:#fff;transform:scale(1.1)}.image-popup-close:focus{outline:2px solid #007bff;outline-offset:2px}.image-popup-content{display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #00000080}.image-popup-image{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;display:block}.image-popup-overlay{animation:fadeIn .2s ease-out}.image-popup-container{animation:scaleIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}[data-theme=dark] .image-popup-close{background:#000c;color:#fff}[data-theme=dark] .image-popup-close:hover{background:#000000e6}.courses-page{display:flex;flex-direction:column;gap:1.5rem}.courses-page__title{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.25rem}.courses-page__subtitle{color:#6b7280}.dark .courses-page__subtitle{color:#9ca3af}.courses-page__content{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.courses-page__content{grid-template-columns:repeat(2,1fr)}}.courses-page__content-left{position:sticky;top:1.5rem;align-self:flex-start;display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 1024px){.courses-page__content-left{position:relative;margin-bottom:1.5rem}}.course-form{width:100%}.course-form__content{display:flex;flex-direction:column;gap:1rem}.course-form__field{display:flex;flex-direction:column;gap:.5rem}.course-form__language-tabs{border:1px solid #e5e7eb;border-radius:1rem;background-color:#fff;padding:.75rem}.dark .course-form__language-tabs{background-color:#1e293b;border-color:#334155}.course-form__tab-buttons{display:flex;gap:.5rem;margin-bottom:.75rem}.course-form__tab-button{height:2rem;border-radius:.75rem;padding:0 .75rem;font-size:.75rem;transition:all .2s ease}.course-form__tab-button--active{background-color:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important;box-shadow:0 4px 6px -1px #0000001a}.course-form__tab-button--inactive{background-color:transparent;border-color:#e5e7eb;color:#6b7280}.dark .course-form__tab-button--inactive{border-color:#374151;color:#9ca3af}.course-form__tab-button--inactive:hover{background-color:#f9fafb;color:#374151}.dark .course-form__tab-button--inactive:hover{background-color:#1f2937;color:#f1f5f9}.course-form__textarea{min-height:7.5rem}.course-form__image-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.course-form__image-grid{grid-template-columns:repeat(2,1fr)}}.course-form__image-preview{position:relative;overflow:hidden;border-radius:1rem;border:1px solid #e5e7eb;background-color:#fff;padding:.5rem;box-shadow:0 1px 2px #0000000d}.dark .course-form__image-preview{background-color:#1e293b;border-color:#334155}.course-form__image{height:12rem;width:100%;border-radius:.75rem;object-fit:cover}.course-form__image-remove{position:absolute;right:.5rem;top:.5rem;height:2rem;width:2rem;border-radius:50%;background-color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.course-form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding-top:.5rem}.course-form__publish-toggle{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.course-form__publish-toggle label{margin-bottom:0}.course-form__buttons{margin-left:auto;display:flex;gap:.75rem}.course-list__empty{border-radius:1rem;border:2px dashed #e5e7eb;background-color:#fff;padding:2rem;text-align:center;font-size:.875rem;color:#6b7280}.dark .course-list__empty{background-color:#1e293b;border-color:#374151;color:#9ca3af}.course-list__items{display:flex;flex-direction:column;gap:1rem;list-style:none;padding-left:30px}.course-list__item{border-radius:1rem;border:1px solid #e5e7eb;background-color:#fff;padding:.75rem;box-shadow:0 1px 2px #0000000d;transition:box-shadow .2s ease;position:relative}.dark .course-list__item{background-color:#1e293b;border-color:#334155}.course-list__item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.course-list__item-content{display:flex;align-items:center;gap:.75rem;transition:all .2s ease}.course-list__item-drag-handle{position:absolute;left:-2.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:#9ca3af;transition:all .2s ease;cursor:grab;border-radius:.5rem;background-color:transparent;opacity:1}.course-list__item-drag-handle:hover{color:#6b7280;background-color:#f3f4f6}.dark .course-list__item-drag-handle{color:#6b7280}.dark .course-list__item-drag-handle:hover{color:#9ca3af;background-color:#374151}.course-list__item-drag-handle:active{cursor:grabbing}.course-list__item-main{display:flex;flex:1;min-width:0;cursor:pointer;gap:.75rem}@media (max-width: 640px){.course-list__items{padding-left:0}.course-list__item-drag-handle{position:static;transform:none;opacity:1;width:auto;height:auto;padding:.5rem;margin-bottom:.5rem;align-self:center}.course-list__item-content{flex-direction:column;align-items:stretch}.course-list__item-main{flex-direction:column;width:100%}}.course-list__item-image{width:100%;overflow:hidden;border-radius:.75rem;cursor:pointer;transition:transform .2s ease;flex-shrink:0}.course-list__item-image img{display:block}@media (min-width: 640px){.course-list__item-image{width:8rem}}.course-list__item-image:hover{transform:scale(1.02)}.course-list__item-details{flex:1;cursor:pointer;min-width:0}.course-list__item-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.course-list__item-toggle{display:flex;align-items:center;gap:.5rem}.course-list__item-info{flex:1;min-width:0}.course-list__item-title{font-size:1rem;font-weight:600;line-height:1.25;margin-bottom:.25rem}.course-list__item-translation{font-size:.875rem;font-weight:400;color:#6b7280}.dark .course-list__item-translation{color:#9ca3af}.course-list__item-term{text-decoration:underline;text-underline-offset:3px}.course-list__item-description{margin-top:.25rem;font-size:.875rem;color:#6b7280;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.dark .course-list__item-description{color:#9ca3af}.course-list__item-badges{margin-top:.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.course-list__item-badge{border-radius:.75rem}.course-list__item-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.course-list__item-modules{font-size:.75rem;color:#6b7280}.dark .course-list__item-modules{color:#9ca3af}.course-list__item-actions{margin-top:.75rem;display:flex;gap:.5rem;flex-shrink:0}.module-dialog__content{max-width:48rem}.module-form{border-radius:1rem;border:1px solid #e5e7eb;background-color:#fff;padding:1rem}.dark .module-form{background-color:#1e293b;border-color:#334155}.module-form__grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.module-form__grid{grid-template-columns:repeat(2,1fr)}}.module-form__title-field{grid-column:span 2}.module-form__flag{display:flex;align-items:center;gap:.5rem}.module-form__flag-label{font-size:.875rem}.module-form__actions{margin-top:.75rem;display:flex;gap:.5rem}.module-list{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.module-list__empty{border-radius:1rem;border:2px dashed #e5e7eb;padding:1.5rem;text-align:center;font-size:.875rem;color:#6b7280}.dark .module-list__empty{border-color:#374151;color:#9ca3af}.module-list__item{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;border-radius:1rem;border:1px solid #e5e7eb;background-color:#fff;padding:.75rem;cursor:pointer;transition:background-color .2s ease}.dark .module-list__item{background-color:#1e293b;border-color:#334155}.module-list__item:hover{background-color:#f9fafb}.dark .module-list__item:hover{background-color:#334155}.module-list__item-content{min-width:0;flex:1}.module-list__item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.module-list__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600}.module-list__item-controls{margin-top:.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.75rem}.module-list__item-flag{display:flex;align-items:center;gap:.5rem}.module-list__item-actions{display:flex;flex-shrink:0;gap:.5rem}.card-dialog__content{max-width:56rem}.card-form{border-radius:1rem;border:1px solid #e5e7eb;background-color:#fff;padding:1rem}.dark .card-form{background-color:#1e293b;border-color:#334155}.card-form__grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.card-form__grid{grid-template-columns:repeat(2,1fr)}}.card-form__term-field{grid-column:span 2}.card-form__language-section{display:flex;flex-direction:column;gap:.5rem}.card-form__language-tabs{border-radius:1rem;border:1px solid #e5e7eb;background-color:#fff;padding:.75rem}.dark .card-form__language-tabs{background-color:#1e293b;border-color:#334155}.card-form__tab-buttons{display:flex;gap:.5rem;margin-bottom:.75rem}.card-form__tab-button{height:2rem;border-radius:.75rem;padding:0 .75rem;font-size:.75rem}.card-form__textarea{min-height:5rem}.card-form__public-flag{display:flex;align-items:center;gap:.5rem;grid-column:span 2}.card-form__public-label{font-size:.875rem}.card-form__image-section{margin-top:1rem;display:grid;grid-template-columns:1fr;gap:1rem}.card-form__image-field{display:flex;flex-direction:column;gap:.5rem}.card-form__image-item{position:relative;overflow:hidden;border-radius:.75rem;border:1px solid #e5e7eb}.dark .card-form__image-item{border-color:#374151}.card-form__image-preview{width:100%;height:300px;object-fit:cover}.card-form__image-remove{position:absolute;right:.5rem;top:.5rem;height:1.75rem;width:1.75rem;border-radius:50%;background-color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-form__actions{margin-top:1rem;display:flex;gap:.5rem}.card-list{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.card-list__empty{border-radius:1rem;border:2px dashed #e5e7eb;padding:1.5rem;text-align:center;font-size:.875rem;color:#6b7280}.dark .card-list__empty{border-color:#374151;color:#9ca3af}.card-list__item{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;border-radius:1rem;border:1px solid #e5e7eb;background-color:#fff;padding:.75rem}.dark .card-list__item{background-color:#1e293b;border-color:#334155}.card-list__item-content{min-width:0;flex:1}.card-list__item-header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.25rem}.card-list__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600}.card-list__item-description{margin-top:.25rem;font-size:.75rem;color:#6b7280;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.dark .card-list__item-description{color:#9ca3af}.card-list__item-images{margin-top:.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.card-list__item-image{height:5rem;width:100%;border-radius:.375rem;object-fit:cover}.card-list__item-controls{margin-top:.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.75rem}.card-list__item-flag{display:flex;align-items:center;gap:.5rem}.card-list__item-actions{display:flex;flex-shrink:0;gap:.5rem}.loading-container{display:flex;flex-direction:column;gap:1.5rem}.loading-header{margin-bottom:1.5rem}.loading-items{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;display:flex;flex-direction:column;gap:1rem}.loading-item{height:8rem;background-color:#f3f4f6;border-radius:.5rem}.dark .loading-item{background-color:#374151}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-message{font-size:.875rem;color:#dc2626;margin-top:.25rem}.modules-list__items{display:flex!important;flex-direction:column!important;gap:1rem;list-style:none;padding-left:30px}.modules-list__items .course-list__item .course-list__item-main{display:flex!important;flex-direction:column!important;list-style:none}@media (max-width: 640px){.modules-list__items .course-list__item .course-list__item-main{padding-left:0}}.cards-list__items{display:flex!important;flex-direction:column!important;gap:1rem;list-style:none;padding-left:30px}.cards-list__items .course-list__item .course-list__item-main{display:flex!important;flex-direction:column!important;list-style:none}@media (max-width: 640px){.cards-list__items{padding-left:0}}.image-picker__dialog{max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.image-picker__title{display:flex;align-items:center;gap:.5rem}.image-picker__title-icon{height:1.25rem;width:1.25rem;color:var(--primary)}.image-picker__search{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.image-picker__search-row{display:flex;gap:.5rem}.image-picker__search-row input{flex:1}.image-picker__search-btn{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.image-picker__search-icon,.image-picker__spinner{height:1rem;width:1rem}.image-picker__spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-picker__error{padding:.75rem 1rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:#ef4444;font-size:.875rem}.image-picker__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:var(--muted-foreground)}.image-picker__loading-spinner{height:2rem;width:2rem;animation:spin 1s linear infinite;color:var(--primary)}.image-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;max-height:400px;overflow-y:auto;padding:.5rem;margin:0 -.5rem;scrollbar-width:thin}.image-picker__grid::-webkit-scrollbar{width:6px}.image-picker__grid::-webkit-scrollbar-track{background:var(--muted);border-radius:3px}.image-picker__grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.image-picker__grid::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}.image-picker__item{position:relative;aspect-ratio:1;border-radius:.5rem;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;background-color:var(--muted)}.image-picker__item:hover{border-color:var(--primary);transform:scale(1.02)}.image-picker__item--selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary),0 4px 12px #00000026}.image-picker__image{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.image-picker__item:hover .image-picker__image{transform:scale(1.05)}.image-picker__check{position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;background-color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:checkPop .2s ease-out}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.image-picker__check-icon{height:.875rem;width:.875rem;color:#fff}.image-picker__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.image-picker__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:var(--muted-foreground);text-align:center}.image-picker__empty-icon{height:3rem;width:3rem;opacity:.3}@media (max-width: 640px){.image-picker__dialog{max-width:95vw}.image-picker__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));max-height:300px}.image-picker__search-row{flex-direction:column}.image-picker__search-btn{width:100%;justify-content:center}}.dark .image-picker__item{background-color:#ffffff0d}.dark .image-picker__error{background-color:#ef444426}.cards-page{display:flex;flex-direction:column;gap:1.5rem}.cards-page__header{margin-bottom:1.5rem}.cards-page__title{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.25rem}.cards-page__subtitle{color:#6b7280}.dark .cards-page__subtitle{color:#9ca3af}.cards-placeholder__header{display:flex;align-items:center;gap:.5rem}.cards-placeholder__icon{height:1.25rem;width:1.25rem}.cards-placeholder__content{color:#6b7280}.dark .cards-placeholder__content{color:#9ca3af}.card-form__image-input-row{display:flex;gap:.5rem;align-items:flex-start;flex-direction:column}.card-form__image-input-row input[type=file]{flex:1}.card-form__picker-btn{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;white-space:nowrap;flex-shrink:0}@media (min-width: 768px){.card-form__image-input-row{flex-direction:row}.card-form__image-input-row input[type=file],.card-form__picker-btn{flex:1 1 50%}.card-form__picker-btn{width:auto}}@media (max-width: 640px){.card-form__image-input-row{flex-direction:column}.card-form__picker-btn{width:100%;justify-content:center}}.import-page{display:flex;flex-direction:column;gap:1.5rem;max-width:1200px}.import-page__header{margin-bottom:.5rem}.import-page__title{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.25rem}.import-page__subtitle{color:#6b7280}.dark .import-page__subtitle{color:#9ca3af}.import-page__steps{display:flex;gap:.5rem;margin-bottom:1rem}.import-page__step{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:500;background-color:#f3f4f6;color:#6b7280;transition:all .2s ease}.dark .import-page__step{background-color:#374151;color:#9ca3af}.import-page__step--active{background-color:#3b82f6;color:#fff}.import-page__step--completed{background-color:#10b981;color:#fff}.import-page__step-number{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background-color:#fff3;font-size:.75rem}.import-page__content{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.import-page__content{grid-template-columns:1fr 1fr}}.import-page__content-vertical{display:flex;flex-direction:column;gap:1.5rem}.import-page__section--full{width:100%}.import-page__section{border-radius:1rem;border:1px solid #e5e7eb;background-color:#fff;padding:1.25rem}.dark .import-page__section{background-color:#1e293b;border-color:#334155}.import-page__section-title{font-size:1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.import-page__section-icon{color:#3b82f6}.import-page__textarea{min-height:300px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8125rem;line-height:1.6;resize:vertical}.import-page__textarea::placeholder{color:#9ca3af;font-family:inherit}.import-page__form{display:flex;flex-direction:column;gap:1rem}.import-page__form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.import-page__form-row{grid-template-columns:1fr}}.import-page__form-field{display:flex;flex-direction:column;gap:.5rem}.import-page__form-field--full{grid-column:span 2}@media (max-width: 640px){.import-page__form-field--full{grid-column:span 1}}.import-page__parse-btn{margin-top:1rem;height:3rem;font-size:1rem;font-weight:600}.import-page__mode-toggle{display:flex;gap:.5rem;margin-bottom:1.25rem;padding:.25rem;background-color:#f3f4f6;border-radius:.75rem}.dark .import-page__mode-toggle{background-color:#1f2937}.import-page__mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:.5rem;background-color:transparent;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.import-page__mode-btn:hover{color:#374151;background-color:#ffffff80}.dark .import-page__mode-btn:hover{color:#e5e7eb;background-color:#ffffff1a}.import-page__mode-btn--active{background-color:#fff;color:#3b82f6;box-shadow:0 1px 3px #0000001a}.dark .import-page__mode-btn--active{background-color:#374151;color:#60a5fa}.import-page__mode-btn--active:hover{background-color:#fff;color:#3b82f6}.dark .import-page__mode-btn--active:hover{background-color:#374151;color:#60a5fa}.import-page__mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.import-page__mode-cards{grid-template-columns:1fr}}.import-page__mode-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;border:2px solid #e5e7eb;border-radius:1rem;background-color:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease;text-align:center}.dark .import-page__mode-card{background-color:#1e293b;border-color:#374151;color:#9ca3af}.import-page__mode-card:hover{border-color:#3b82f6;background-color:#f8fafc}.dark .import-page__mode-card:hover{border-color:#3b82f6;background-color:#1f2937}.import-page__mode-card--active{border-color:#3b82f6;background-color:#eff6ff;color:#1e40af}.dark .import-page__mode-card--active{border-color:#3b82f6;background-color:#3b82f61a;color:#93c5fd}.import-page__mode-card--active svg{color:#3b82f6}.import-page__mode-card-title{font-size:1rem;font-weight:600;color:inherit}.import-page__mode-card--active .import-page__mode-card-title{color:#1e40af}.dark .import-page__mode-card--active .import-page__mode-card-title{color:#93c5fd}.import-page__mode-card-desc{font-size:.8125rem;color:#9ca3af}.import-page__hint{margin-top:.75rem;font-size:.8125rem;color:#d97706}.import-page__empty-courses{text-align:center;padding:1.5rem;border:2px dashed #e5e7eb;border-radius:.75rem;color:#6b7280}.dark .import-page__empty-courses{border-color:#374151;color:#9ca3af}.import-page__empty-courses p{margin-bottom:.75rem}.import-page__loading-text{color:#6b7280;font-size:.875rem;padding:.5rem 0}.import-page__target-info{padding:.75rem 1rem;background-color:#eff6ff;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem;color:#1e40af}.dark .import-page__target-info{background-color:#3b82f61a;color:#93c5fd}.import-page__toggle-row{display:flex;align-items:center;gap:.75rem}.import-page__toggle-row label{margin-bottom:0;font-size:.875rem}.import-page__image-preview{position:relative;overflow:hidden;border-radius:.75rem;border:1px solid #e5e7eb;background-color:#fff;padding:.5rem}.dark .import-page__image-preview{background-color:#1e293b;border-color:#334155}.import-page__image{width:100%;height:200px;object-fit:cover;border-radius:.5rem}.import-page__image--clickable{cursor:pointer;transition:transform .2s ease,opacity .2s ease}.import-page__image--clickable:hover{transform:scale(1.02);opacity:.9}.import-page__image-remove{position:absolute;right:.75rem;top:.75rem;height:2rem;width:2rem;border-radius:50%;background-color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark .import-page__image-remove{background-color:#1e293be6}.import-page__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem;padding:1rem;background-color:#f9fafb;border-radius:.75rem}.dark .import-page__stats{background-color:#0f172a}@media (min-width: 640px){.import-page__stats{grid-template-columns:repeat(3,1fr)}}.import-page__stat{text-align:center}.import-page__stat-value{font-size:1.5rem;font-weight:700;color:#3b82f6}.import-page__stat-label{font-size:.75rem;color:#6b7280}.dark .import-page__stat-label{color:#9ca3af}.import-page__messages{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.import-page__message{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;border-radius:.5rem;font-size:.8125rem}.import-page__message--error{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.dark .import-page__message--error{background-color:#dc26261a;border-color:#dc26264d}.import-page__message--warning{background-color:#fffbeb;color:#d97706;border:1px solid #fde68a}.dark .import-page__message--warning{background-color:#d977061a;border-color:#d977064d}.import-page__message-icon{flex-shrink:0;margin-top:.125rem}.import-page__preview-section{grid-column:span 2}@media (max-width: 1024px){.import-page__preview-section{grid-column:span 1}}.import-page__preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.import-page__preview-actions{display:flex;gap:.75rem}.import-preview{display:flex;flex-direction:column;gap:.75rem}.import-preview__module{border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden}.dark .import-preview__module{border-color:#374151}.import-preview__module-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background-color:#f9fafb;cursor:pointer;transition:background-color .15s ease}.dark .import-preview__module-header{background-color:#1f2937}.import-preview__module-header:hover{background-color:#f3f4f6}.dark .import-preview__module-header:hover{background-color:#374151}.import-preview__module-toggle{color:#6b7280}.import-preview__module-title{font-weight:600;flex:1}.import-preview__module-badge{font-size:.75rem}.import-preview__module-edit{display:flex;align-items:center;gap:.5rem;flex:1}.import-preview__module-input{flex:1}.import-preview__edit-btn{opacity:0;transition:opacity .15s ease}.import-preview__module-header:hover .import-preview__edit-btn{opacity:1}.import-preview__cards{display:flex;flex-direction:column}.import-preview__card{border-top:1px solid #e5e7eb}.dark .import-preview__card{border-color:#374151}.import-preview__card--warning{background-color:#fffbeb}.dark .import-preview__card--warning{background-color:#d977060d}.import-preview__card-header{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;cursor:pointer;transition:background-color .15s ease}.import-preview__card-header:hover{background-color:#f9fafb}.dark .import-preview__card-header:hover{background-color:#1f2937}.import-preview__card-toggle{color:#9ca3af}.import-preview__card-summary{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.import-preview__card-term{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-preview__card-translations{display:flex;gap:.25rem}.import-preview__translation-tag{font-size:.625rem;padding:.125rem .375rem;border-radius:.25rem;background-color:#e0e7ff;color:#4338ca;font-weight:600}.dark .import-preview__translation-tag{background-color:#6366f133;color:#818cf8}.import-preview__warning-icon{color:#d97706}.import-preview__card-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .15s ease}.import-preview__card-header:hover .import-preview__card-actions{opacity:1}.import-preview__remove-image-btn{color:#ef4444}.import-preview__remove-image-btn:hover{color:#dc2626;background-color:#ef44441a}.dark .import-preview__remove-image-btn:hover{background-color:#ef444433}.import-preview__card-image-area{flex-shrink:0;margin-right:.75rem}.import-preview__card-thumbnail{width:40px;height:40px;border-radius:6px;object-fit:cover;cursor:pointer;border:2px solid transparent;transition:border-color .15s ease,transform .15s ease}.import-preview__card-thumbnail:hover{border-color:#3b82f6;transform:scale(1.05)}.import-preview__card-thumbnail--clickable{cursor:zoom-in}.import-preview__card-image-placeholder{width:40px;height:40px;border-radius:6px;border:2px dashed #d1d5db;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#9ca3af;transition:all .15s ease}.import-preview__card-image-placeholder:hover{border-color:#3b82f6;color:#3b82f6;background-color:#3b82f60d}.dark .import-preview__card-image-placeholder{border-color:#4b5563;color:#6b7280}.dark .import-preview__card-image-placeholder:hover{border-color:#3b82f6;color:#3b82f6;background-color:#3b82f61a}.import-preview__translation-tag--image{background-color:#3b82f6;color:#fff}.dark .import-preview__translation-tag--image{background-color:#2563eb}.import-preview__card-content{padding:1rem;background-color:#fff;border-top:1px solid #e5e7eb}.dark .import-preview__card-content{background-color:#111827;border-color:#374151}.import-preview__card-details{display:flex;flex-direction:column;gap:1rem}.import-preview__detail-section h4{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:.5rem}.dark .import-preview__detail-section h4{color:#9ca3af}.import-preview__detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.import-preview__detail-item{display:flex;gap:.5rem}.import-preview__detail-label{font-weight:600;color:#6b7280;font-size:.8125rem}.dark .import-preview__detail-label{color:#9ca3af}.import-preview__detail-value{font-size:.875rem}.import-preview__missing{color:#d97706;font-style:italic}.import-preview__examples{display:flex;flex-direction:column;gap:.75rem}.import-preview__example{display:flex;gap:.5rem}.import-preview__example-lang{font-weight:600;color:#6b7280;font-size:.8125rem;flex-shrink:0}.dark .import-preview__example-lang{color:#9ca3af}.import-preview__example-content{display:flex;flex-direction:column;gap:.25rem}.import-preview__example-en{font-size:.875rem}.import-preview__example-translation{font-size:.8125rem;color:#6b7280}.dark .import-preview__example-translation{color:#9ca3af}.import-preview__edit-form{display:flex;flex-direction:column;gap:1rem}.import-preview__edit-field{display:flex;flex-direction:column;gap:.375rem}.import-preview__edit-field label{font-size:.75rem;font-weight:600;color:#6b7280}.dark .import-preview__edit-field label{color:#9ca3af}.import-preview__edit-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 640px){.import-preview__edit-row{grid-template-columns:1fr}}.import-preview__example-inputs{display:flex;flex-direction:column;gap:.5rem}.import-page__submit-section{grid-column:span 2;display:flex;flex-direction:column;gap:1rem}@media (max-width: 1024px){.import-page__submit-section{grid-column:span 1}}.import-page__submit-actions{display:flex;gap:1rem;justify-content:flex-end}.import-page__submit-btn{min-width:200px;height:3rem;font-size:1rem;font-weight:600}.import-page__progress{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.import-page__progress-content{background-color:#fff;border-radius:1rem;padding:2rem;text-align:center;max-width:400px;width:90%}.dark .import-page__progress-content{background-color:#1e293b}.import-page__progress-spinner{width:3rem;height:3rem;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.import-page__spinner{animation:spin 1s linear infinite;margin-right:.5rem}.import-page__progress-text{font-size:1rem;font-weight:500;margin-bottom:.5rem}.import-page__progress-subtext{font-size:.875rem;color:#6b7280}.dark .import-page__progress-subtext{color:#9ca3af}.import-page__success{text-align:center;padding:3rem 1rem}.import-page__success-icon{width:4rem;height:4rem;border-radius:50%;background-color:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.import-page__success-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.import-page__success-subtitle{color:#6b7280;margin-bottom:1.5rem}.dark .import-page__success-subtitle{color:#9ca3af}.import-page__empty{text-align:center;padding:3rem 1rem;color:#6b7280}.dark .import-page__empty{color:#9ca3af}.import-page__empty-icon{margin-bottom:1rem;opacity:.5}.import-page__lang-tabs{border:1px solid #e5e7eb;border-radius:.75rem;padding:.75rem;background-color:#f9fafb}.dark .import-page__lang-tabs{background-color:#1f2937;border-color:#374151}.import-page__lang-buttons{display:flex;gap:.5rem;margin-bottom:.75rem}.import-page__lang-btn{height:2rem;padding:0 .75rem;font-size:.75rem;border-radius:.5rem}.import-page__lang-btn--active{background-color:#3b82f6!important;color:#fff!important}