.sidebar[data-v-e8fdb441]{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--gray-800);display:flex;flex-direction:column;height:100vh;overflow-y:auto}.sidebar-header[data-v-e8fdb441]{padding:var(--space-5) var(--space-4);border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo[data-v-e8fdb441]{display:flex;align-items:center;gap:var(--space-3)}.sidebar-title[data-v-e8fdb441]{font-size:var(--font-size-base);font-weight:700;color:#fff;letter-spacing:-.02em}.sidebar-curso[data-v-e8fdb441]{margin:var(--space-3) var(--space-4);padding:var(--space-3);background:#2563eb40;border:1px solid rgba(37,99,235,.4);border-radius:var(--border-radius)}.sidebar-curso-label[data-v-e8fdb441]{font-size:var(--font-size-xs);color:#93c5fd;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.sidebar-curso-nombre[data-v-e8fdb441]{font-size:var(--font-size-sm);color:#fff;font-weight:600}.sidebar-nav[data-v-e8fdb441]{flex:1;padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.nav-link[data-v-e8fdb441]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:500;color:#d1d5db;transition:all .15s;text-decoration:none}.nav-link[data-v-e8fdb441]:hover{background:#ffffff14;color:#fff}.nav-link.active[data-v-e8fdb441]{background:var(--color-primary);color:#fff}.nav-icon[data-v-e8fdb441]{display:flex;align-items:center;flex-shrink:0;opacity:.85}.nav-link.active .nav-icon[data-v-e8fdb441],.nav-link:hover .nav-icon[data-v-e8fdb441]{opacity:1}.nav-separator[data-v-e8fdb441]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-1);margin-top:var(--space-2)}.nav-separator[data-v-e8fdb441]:before{content:"";flex:1;height:1px;background:#ffffff1a}.nav-separator span[data-v-e8fdb441]{font-size:10px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.nav-link--admin[data-v-e8fdb441]{opacity:.8}.nav-link--admin[data-v-e8fdb441]:hover,.nav-link--admin.active[data-v-e8fdb441]{opacity:1}.nav-separator--lms span[data-v-e8fdb441]{color:#818cf8}.nav-separator--lms[data-v-e8fdb441]:before{background:#818cf833}.nav-link--lms[data-v-e8fdb441]{border-left:2px solid transparent}.nav-link--lms[data-v-e8fdb441]:hover,.nav-link--lms.active[data-v-e8fdb441]{border-left-color:#818cf8;background:#818cf814}.sidebar-footer[data-v-e8fdb441]{padding:var(--space-4);border-top:1px solid rgba(255,255,255,.08)}.sidebar-version[data-v-e8fdb441]{font-size:var(--font-size-xs);color:var(--gray-500);text-align:center}.sidebar-user[data-v-e8fdb441]{display:flex;align-items:center;gap:8px;padding:0 0 12px}.sidebar-user-pic[data-v-e8fdb441]{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.2)}.sidebar-user-info[data-v-e8fdb441]{flex:1;min-width:0}.sidebar-user-name[data-v-e8fdb441]{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role[data-v-e8fdb441]{font-size:10px;color:#93c5fd;text-transform:uppercase;letter-spacing:.05em}.sidebar-logout[data-v-e8fdb441]{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px}.sidebar-logout[data-v-e8fdb441]:hover{color:#fff;background:#ffffff1a}.sidebar-impersonation-notice[data-v-e8fdb441]{margin:10px 15px;padding:10px;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px}.btn-volver-admin[data-v-e8fdb441]{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#f97316;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-volver-admin[data-v-e8fdb441]:hover{background:#ea580c;transform:translateY(-1px)}@media (max-width: 768px){.sidebar[data-v-e8fdb441]{position:fixed;left:0;top:0;height:100%;z-index:300;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:none}.sidebar--open[data-v-e8fdb441]{transform:translate(0);box-shadow:4px 0 24px #00000040}}.app-header[data-v-4a661045]{height:var(--header-height);background:#fff;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);gap:var(--space-4);box-shadow:var(--shadow-sm);flex-shrink:0}.header-left[data-v-4a661045]{display:flex;align-items:center;gap:var(--space-3);min-width:0}.header-title[data-v-4a661045]{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right[data-v-4a661045]{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.header-select-group[data-v-4a661045]{display:flex;align-items:center;gap:var(--space-2)}.header-label[data-v-4a661045]{font-size:var(--font-size-xs);font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.header-select[data-v-4a661045]{padding:var(--space-1) var(--space-3);border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--gray-800);background:#fff;cursor:pointer;min-width:160px}.header-select[data-v-4a661045]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.header-select[data-v-4a661045]:disabled{background:var(--gray-100);cursor:not-allowed}.header-value[data-v-4a661045]{padding:var(--space-1) var(--space-3);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:600;color:var(--gray-800);min-width:160px}.hamburger-btn[data-v-4a661045]{display:none;align-items:center;justify-content:center;padding:var(--space-2);background:none;border:none;color:var(--gray-700);border-radius:var(--border-radius);cursor:pointer;flex-shrink:0}.hamburger-btn[data-v-4a661045]:hover{background:var(--gray-100);color:var(--gray-900)}.header-notificaciones[data-v-4a661045]{position:relative}.btn-notif[data-v-4a661045]{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:8px;border-radius:50%;position:relative;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-notif[data-v-4a661045]:hover{background:var(--gray-100);color:var(--color-primary)}.btn-notif.has-unread[data-v-4a661045]{color:var(--color-primary)}.notif-badge[data-v-4a661045]{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;font-size:10px;font-weight:800;min-width:16px;height:16px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid white}.notif-dropdown[data-v-4a661045]{position:absolute;top:calc(100% + 10px);right:0;width:320px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;border:1px solid var(--gray-100);z-index:1000;overflow:hidden;animation:fadeDown-4a661045 .2s ease-out}@keyframes fadeDown-4a661045{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notif-header[data-v-4a661045]{padding:14px 18px;border-bottom:1px solid var(--gray-50);display:flex;justify-content:space-between;align-items:center}.notif-header h3[data-v-4a661045]{font-size:.95rem;font-weight:700;color:var(--gray-900);margin:0}.btn-leer-todas[data-v-4a661045]{background:none;border:none;color:var(--color-primary);font-size:.75rem;font-weight:600;cursor:pointer}.notif-list[data-v-4a661045]{max-height:400px;overflow-y:auto}.notif-item[data-v-4a661045]{padding:12px 18px;border-bottom:1px solid var(--gray-50);cursor:pointer;transition:background .2s;display:flex;gap:12px}.notif-item[data-v-4a661045]:hover{background:var(--gray-50)}.notif-item.unread[data-v-4a661045]{background:#f0f7ff;border-left:3px solid var(--color-primary)}.notif-icono[data-v-4a661045]{font-size:1.2rem;flex-shrink:0;margin-top:2px}.notif-content[data-v-4a661045]{flex:1}.notif-titulo[data-v-4a661045]{font-size:.85rem;font-weight:700;color:var(--gray-900);margin-bottom:2px}.notif-mensaje[data-v-4a661045]{font-size:.8rem;color:var(--gray-600);line-height:1.4}.notif-accion[data-v-4a661045]{font-size:.75rem;color:#6366f1;font-weight:700;margin-top:4px}.notif-item.clickable[data-v-4a661045]{cursor:pointer}.notif-item.clickable:hover .notif-accion[data-v-4a661045]{text-decoration:underline}.notif-empty[data-v-4a661045]{padding:40px 20px;text-align:center;color:var(--gray-400);font-size:.9rem}@media (max-width: 768px){.app-header[data-v-4a661045]{padding:0 var(--space-3);gap:var(--space-2)}.hamburger-btn[data-v-4a661045]{display:flex}.header-title[data-v-4a661045]{font-size:var(--font-size-base)}.header-label[data-v-4a661045]{display:none}.header-right[data-v-4a661045]{gap:var(--space-2)}.header-select[data-v-4a661045],.header-value[data-v-4a661045]{min-width:0;width:110px;font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}}@media (max-width: 400px){.header-select-group[data-v-4a661045]:last-child{display:none}.header-select[data-v-4a661045],.header-value[data-v-4a661045]{width:130px}}.confirm-icon[data-v-a416c2f6]{width:64px;height:64px;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:32px}.confirm-icon.danger[data-v-a416c2f6]{background:#fee2e2;color:#dc2626}.confirm-icon.warning[data-v-a416c2f6]{background:#fef3c7;color:#d97706}.confirm-icon.info[data-v-a416c2f6]{background:#dbeafe;color:#2563eb}.confirm-title[data-v-a416c2f6]{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:12px}.confirm-message[data-v-a416c2f6]{font-size:.95rem;color:#64748b;line-height:1.5;margin-bottom:32px}.confirm-actions[data-v-a416c2f6]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.confirm-actions .btn[data-v-a416c2f6]{display:flex;align-items:center;justify-content:center;text-align:center;width:100%}.fade-enter-active[data-v-a416c2f6],.fade-leave-active[data-v-a416c2f6]{transition:opacity .3s ease}.fade-enter-from[data-v-a416c2f6],.fade-leave-to[data-v-a416c2f6]{opacity:0}.zoom-enter-active[data-v-a416c2f6]{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.zoom-leave-active[data-v-a416c2f6]{transition:all .2s ease-in}.zoom-enter-from[data-v-a416c2f6]{opacity:0;transform:scale(.9) translateY(20px)}.zoom-leave-to[data-v-a416c2f6]{opacity:0;transform:scale(.95)}.login-layout{min-height:100vh}.app-layout{display:flex;height:100vh;overflow:hidden}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.app-content{flex:1;overflow-y:auto}.sidebar-overlay{display:none}@media (max-width: 768px){.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200}}:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #dbeafe;--color-secondary: #7c3aed;--color-success: #16a34a;--color-warning: #d97706;--color-danger: #dc2626;--color-info: #0891b2;--nivel-inicial: #ef4444;--nivel-inicial-bg: #fef2f2;--nivel-proceso: #f97316;--nivel-proceso-bg: #fff7ed;--nivel-logrado: #22c55e;--nivel-logrado-bg: #f0fdf4;--nivel-destacado: #3b82f6;--nivel-destacado-bg: #eff6ff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--sidebar-width: 240px;--header-height: 56px;--border-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.05);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--gray-800);background:var(--gray-50);line-height:1.5}a{color:var(--color-primary);text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:var(--font-size-sm)}.page-container{padding:var(--space-4);max-width:1400px}@media (min-width: 768px){.page-container{padding:var(--space-6)}}.page-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-6)}.card{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow);padding:var(--space-6)}.card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-800);margin-bottom:var(--space-4)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:500;border:none;transition:all .15s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover{background:var(--gray-50)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{background:#15803d}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn-icon{padding:var(--space-2);border-radius:var(--border-radius-sm)}.form-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-label{font-size:var(--font-size-sm);font-weight:500;color:var(--gray-700)}.form-control{padding:var(--space-2) var(--space-3);border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--gray-800);background:#fff;transition:border-color .15s}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-control:disabled{background:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.badge-nivel{display:inline-block;padding:2px 8px;border-radius:999px;font-size:var(--font-size-xs);font-weight:600}.badge-Inicial{background:var(--nivel-inicial-bg);color:var(--nivel-inicial)}.badge-Proceso{background:var(--nivel-proceso-bg);color:var(--nivel-proceso)}.badge-Logrado{background:var(--nivel-logrado-bg);color:var(--nivel-logrado)}.badge-Destacado{background:var(--nivel-destacado-bg);color:var(--nivel-destacado)}.table-container{overflow-x:auto;border-radius:var(--border-radius);border:1px solid var(--gray-200)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table th{background:var(--gray-50);padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;color:var(--gray-600);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-200);white-space:nowrap}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-100);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--gray-50)}.progress-bar{height:8px;background:var(--gray-100);border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:999px;transition:width .3s}.progress-fill.low{background:var(--color-danger)}.progress-fill.mid{background:var(--color-warning)}.progress-fill.high{background:var(--color-success)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);z-index:10000;pointer-events:none}.toast-item{pointer-events:auto;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 10px 25px #0000001a;min-width:280px;max-width:400px;border-left:4px solid var(--color-info);color:var(--gray-800);font-size:.9rem;font-weight:500}.toast-item.success{border-left-color:var(--color-success)}.toast-item.error{border-left-color:var(--color-danger)}.toast-item.info{border-left-color:var(--color-info)}.toast-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.75rem;font-weight:800;flex-shrink:0}.success .toast-icon{background:#dcfce7;color:#166534}.error .toast-icon{background:#fee2e2;color:#991b1b}.info .toast-icon{background:#e0f2fe;color:#075985}.toast-content{flex:1}.toast-enter-active,.toast-leave-active{transition:all .4s cubic-bezier(.4,0,.2,1)}.toast-enter-from{transform:translate(100px);opacity:0}.toast-leave-to{transform:scale(.9);opacity:0}@media (max-width: 600px){.toast-container{bottom:var(--space-4);right:var(--space-4);left:var(--space-4);align-items:stretch}.toast-item{min-width:0}.toast-enter-from{transform:translateY(50px)}}@media (max-width: 600px){.toast-container{bottom:var(--space-4);right:var(--space-4);left:var(--space-4);align-items:stretch}.toast{min-width:0;text-align:center}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}.grid-2,.grid-3,.grid-4{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width: 480px){.grid-2,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.grid-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}.stat-card{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.stat-label{font-size:var(--font-size-xs);font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--gray-900)}.stat-sub{font-size:var(--font-size-xs);color:var(--gray-500)}.alert{padding:var(--space-4);border-radius:var(--border-radius);font-size:var(--font-size-sm)}.alert-info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.alert-warning{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.alert-success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.alert-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;justify-content:center;align-items:center;padding:var(--space-12)}.empty-state{text-align:center;padding:var(--space-12);color:var(--gray-500)}.empty-state-title{font-size:var(--font-size-lg);font-weight:600;color:var(--gray-700);margin-bottom:var(--space-2)}.divider{height:1px;background:var(--gray-200);margin:var(--space-4) 0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.collapse-header{-webkit-user-select:none;user-select:none;padding:var(--space-4);background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-bottom:var(--space-4)}.collapse-header:hover{background:#fff;border-color:#3b82f6;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005}.collapse-header.is-collapsed{background:#f1f5f9;border-style:solid;opacity:.9}.collapse-header.is-collapsed:hover{opacity:1;background:#fff}.resumen-num-modern{font-size:.75rem;font-weight:800;padding:2px 8px;background:#e0e7ff;color:#4338ca;border-radius:20px;white-space:nowrap}.collapse-icon-modern{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#64748b;border:1px solid #e2e8f0;transition:all .4s ease}.collapse-header:hover .collapse-icon-modern{background:#3b82f6;color:#fff;border-color:#3b82f6;transform:scale(1.1)}.resumen-num-modern--ext{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:#fff;border-radius:24px;width:100%;max-width:600px;position:relative;border:1px solid rgba(255,255,255,.1);animation:modalIn .3s cubic-bezier(.34,1.56,.64,1)}@media (max-width: 600px){.modal-overlay{padding:12px;align-items:flex-end}.modal-content{border-radius:20px 20px 12px 12px;max-height:92vh;overflow-y:auto}}@keyframes modalIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.collapse-header{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-3)}}