@charset "UTF-8";:root{--font-sans: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 38px;--text-5xl: 48px;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-normal: 0;--tracking-wide: .02em;--indigo-50: #eef0ff;--indigo-100: #e0e4ff;--indigo-200: #c4cbff;--indigo-300: #9ba5ff;--indigo-400: #7079ff;--indigo-500: #4f46e5;--indigo-600: #3f36cc;--indigo-700: #322aa6;--indigo-800: #262085;--indigo-900: #1a1659;--violet-50: #f6f1ff;--violet-100: #ecdfff;--violet-200: #d6beff;--violet-300: #b998ff;--violet-400: #9b70ff;--violet-500: #7c3aed;--violet-600: #6926d6;--violet-700: #561cb3;--slate-0: #ffffff;--slate-50: #fafafb;--slate-100: #f3f4f7;--slate-200: #e5e7ec;--slate-300: #cdd1d9;--slate-400: #9ca1ac;--slate-500: #6b7280;--slate-600: #4b5260;--slate-700: #353b47;--slate-800: #1f232c;--slate-900: #15181f;--slate-950: #0b0b12;--emerald-50: #ecfdf5;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857;--amber-50: #fffbeb;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--rose-50: #fff1f2;--rose-500: #f43f5e;--rose-600: #e11d48;--rose-700: #be123c;--sky-50: #f0f9ff;--sky-500: #0ea5e9;--sky-600: #0284c7;--bg: var(--slate-50);--surface-0: var(--slate-0);--surface-1: var(--slate-50);--surface-2: var(--slate-100);--surface-hover: var(--slate-100);--fg: var(--slate-900);--fg-1: var(--slate-700);--fg-2: var(--slate-500);--fg-3: var(--slate-400);--fg-on-primary: var(--slate-0);--border: var(--slate-200);--border-strong: var(--slate-300);--primary: var(--indigo-500);--primary-hover: var(--indigo-600);--primary-press: var(--indigo-700);--primary-soft: var(--indigo-50);--primary-soft-fg: var(--indigo-700);--accent: var(--violet-500);--accent-soft: var(--violet-50);--accent-soft-fg: var(--violet-700);--success: var(--emerald-600);--success-soft: var(--emerald-50);--success-soft-fg: var(--emerald-700);--warning: var(--amber-600);--warning-soft: var(--amber-50);--warning-soft-fg: var(--amber-700);--danger: var(--rose-600);--danger-soft: var(--rose-50);--danger-soft-fg: var(--rose-700);--info: var(--sky-600);--info-soft: var(--sky-50);--info-soft-fg: var(--sky-600);--focus-ring: 0 0 0 2px var(--surface-0), 0 0 0 4px var(--indigo-500);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 17, 26, .04);--shadow-sm: 0 1px 3px rgba(15, 17, 26, .06), 0 1px 2px rgba(15, 17, 26, .04);--shadow-md: 0 4px 12px rgba(15, 17, 26, .08), 0 2px 4px rgba(15, 17, 26, .04);--shadow-lg: 0 12px 32px rgba(15, 17, 26, .12), 0 4px 8px rgba(15, 17, 26, .06);--shadow-xl: 0 24px 64px rgba(15, 17, 26, .16), 0 8px 16px rgba(15, 17, 26, .08);--ease: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(0, 0, 0, 1);--duration-fast: .12s;--duration-base: .18s;--duration-slow: .28s;--page-title-size: 24px;--page-title-weight: 700;--page-title-letter-spacing: 0;--page-subtitle-size: 14px;--page-subtitle-weight: 400;--input-padding: 10px 12px;--input-font-size: 14px;--input-border-radius: 8px;--input-border-color: var(--border);--input-bg: var(--surface-0);--select-padding: 10px 12px;--select-font-size: 14px;--select-border-radius: 8px;--select-border-color: var(--border);--select-bg: var(--surface-0);--select-min-width: 160px;--pill-container-padding: 4px;--pill-button-padding: 8px 16px;--pill-border-radius: 8px;--pill-bg-inactive: var(--surface-2);--pill-bg-active: var(--primary);--pill-fg-active: var(--fg-on-primary);--filter-bar-padding: 14px 16px;--filter-bar-background: var(--surface-0);--filter-bar-border-radius: 12px;--filter-bar-gap: 12px}[data-theme=dark]{--bg: var(--slate-950);--surface-0: var(--slate-900);--surface-1: #15151f;--surface-2: #1c1c28;--surface-hover: rgba(255, 255, 255, .04);--fg: #f2f3f7;--fg-1: #c9ccd6;--fg-2: #8a8f9c;--fg-3: #5c616e;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--primary: #6366f1;--primary-hover: #7c7ff7;--primary-press: #4f46e5;--primary-soft: rgba(99, 102, 241, .14);--primary-soft-fg: #b0b4ff;--accent: #a78bfa;--accent-soft: rgba(167, 139, 250, .14);--accent-soft-fg: #d6beff;--success-soft: rgba(16, 185, 129, .14);--success-soft-fg: #6ee7b7;--warning-soft: rgba(245, 158, 11, .14);--warning-soft-fg: #fcd34d;--danger-soft: rgba(244, 63, 94, .16);--danger-soft-fg: #fda4af;--info-soft: rgba(14, 165, 233, .14);--info-soft-fg: #7dd3fc;--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--primary);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 6px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}h1,h2,h3,h4,h5,h6{margin:0;color:var(--fg);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}p{margin:0}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}.logo-light{display:block}.logo-dark,[data-theme=dark] .logo-light{display:none}[data-theme=dark] .logo-dark{display:block}.form-control{font-family:var(--font-sans);font-size:var(--text-base);color:var(--fg);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);height:44px;padding:0 12px;transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.form-control::placeholder{color:var(--fg-3)}.form-control:focus{color:var(--fg);background:var(--surface-0);border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--fg-1);margin-bottom:6px}.form-select{font-family:var(--font-sans);font-size:var(--text-base);color:var(--fg);background-color:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);height:44px}.form-select:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.card-body{padding:24px}.table-wrap{background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table{width:100%;border-collapse:collapse}.table thead{background:var(--surface-1)}.table thead th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-2);border-bottom:1px solid var(--border)}.table tbody tr{border-bottom:1px solid var(--border);transition:background .1s}.table tbody tr:last-child{border-bottom:none}.table tbody tr:hover{background:var(--surface-1)}.table tbody td{padding:var(--space-4);font-size:var(--input-font-size);color:var(--fg-1);vertical-align:middle}.table tbody td.num{color:var(--fg-2);font-variant-numeric:tabular-nums}.btn{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md);height:40px;padding:0 16px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:1px solid transparent;transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),transform .1s}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-lg{height:48px;font-size:var(--text-md);padding:0 20px;border-radius:var(--radius-lg)}.btn-sm{height:32px;font-size:var(--text-xs);padding:0 12px;border-radius:var(--radius-sm)}.btn-link{background:transparent;color:var(--primary);border:none;padding:var(--space-1) var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1);font-weight:600}.btn-link:hover{color:var(--primary-hover)}.btn-primary{background:var(--primary);color:var(--fg-on-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:active:not(:disabled){background:var(--primary-press)}.btn-secondary{background:var(--surface-0);color:var(--fg);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn-ghost{background:transparent;color:var(--fg)}.btn-ghost:hover:not(:disabled){background:var(--surface-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){opacity:.9}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field.field-spacer{margin-top:var(--space-2)}.field-label{font-size:var(--text-xs);font-weight:600;color:var(--fg-2);text-transform:uppercase;letter-spacing:.05em}.field-hint{font-size:var(--text-xs);color:var(--fg-3)}.req{color:var(--danger)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.input,.textarea,.input-custom{width:100%;padding:var(--input-padding);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);background:var(--input-bg);color:var(--fg);font-size:var(--input-font-size);font-family:inherit;outline:none}.input:focus,.textarea:focus,.input-custom:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.input::placeholder,.textarea::placeholder,.input-custom::placeholder{color:var(--fg-3)}.textarea{min-height:80px;resize:vertical}.docs-list{display:flex;flex-direction:column;gap:var(--space-2)}.docs-empty{padding:var(--space-4);background:var(--surface-1);border-radius:var(--radius-md);text-align:center;color:var(--fg-3);font-size:var(--text-sm)}.doc-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md)}.doc-item:hover{background:var(--surface-2)}.doc-icon{color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.doc-info{flex:1;min-width:0}.doc-name{font-size:var(--text-sm);font-weight:500;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-meta{font-size:var(--text-xs);color:var(--fg-2);margin-top:2px}.btn-doc-download{width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--fg-3);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--duration-fast)}.btn-doc-download:hover{background:var(--primary-soft);color:var(--primary-soft-fg)}.btn-doc-remove{width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--fg-3);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--duration-fast)}.btn-doc-remove:hover{background:var(--danger-soft);color:var(--danger-soft-fg)}.docs-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.btn-add-doc{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;cursor:pointer;background:var(--primary);color:#fff;border:none;transition:all var(--duration-fast)}.btn-add-doc:hover{background:var(--primary-hover)}.upload-area{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md)}.upload-form{padding:var(--space-4);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3)}.upload-file-row{display:flex;align-items:center;gap:var(--space-3)}.upload-filename{font-size:var(--text-xs);color:var(--fg-3);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-filename.upload-filename--active{color:var(--fg);font-weight:500}.filename{display:inline-block;padding:var(--space-2) var(--space-3);background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-desc-row{display:flex;gap:var(--space-2)}.upload-desc-row .upload-desc-select,.upload-desc-row .upload-desc-custom{flex:1}.btn-adjuntar{align-self:flex-start}.file-input-hidden{display:none}.upload-list{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border)}.upload-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-md)}.upload-item-icon{color:var(--primary);flex-shrink:0}.upload-item-info{flex:1;min-width:0}.upload-item-name{font-size:var(--text-sm);font-weight:600;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-item-label{font-size:var(--text-xs);color:var(--fg-2)}.btn-remove-file{width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--fg-3);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.btn-remove-file:hover{background:var(--danger-soft);color:var(--danger-soft-fg)}.btn-download{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all .15s;border:1px solid var(--border);background:var(--surface-0);color:var(--primary);white-space:nowrap;flex-shrink:0}.btn-download:hover{background:var(--primary-soft);border-color:transparent}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4)}.section-divider{height:1px;background:var(--border);margin:var(--space-6) 0}.dias-strip{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface-1);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.dias-label{font-size:var(--text-xs);font-weight:600;color:var(--fg-2);text-transform:uppercase;letter-spacing:.05em}.dias-num{font-size:var(--text-2xl);font-weight:800;color:var(--primary)}.dias-num.dias-habiles{color:var(--primary)}.dias-num.dias-num--error{color:var(--danger)}.dias-box{display:flex;gap:var(--space-6);margin-top:var(--space-4);padding:var(--space-4);background:var(--surface-1);border-radius:var(--radius-md)}.dias-box.dias-box--error{background:var(--danger-soft);border:1px solid rgba(220,38,38,.2)}.dias-item{flex:1}.dias-error{font-size:var(--text-xs);color:var(--danger-soft-fg);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--danger-soft);border-radius:var(--radius-sm)}.date-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.info-box{background:var(--primary-soft);color:var(--primary-soft-fg);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4)}.jefe-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--input-padding);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);background:var(--input-bg);cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}.jefe-trigger:hover,.jefe-trigger:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.jefe-trigger-placeholder{display:flex;align-items:center;gap:var(--space-2);color:var(--fg-3);font-size:var(--input-font-size)}.jefe-trigger-selected{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.jefe-mini-avatar{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700;flex-shrink:0}.jefe-trigger-info{min-width:0;display:flex;flex-direction:column}.jefe-trigger-name{font-size:var(--input-font-size);font-weight:600;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jefe-trigger-cargo{font-size:var(--text-xs);color:var(--fg-2)}.jefe-trigger-icon{color:var(--fg-3);flex-shrink:0}.jefe-cards{overflow-y:auto;padding:var(--space-2);display:flex;flex-direction:column;gap:2px}.jefe-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;border:none;background:transparent;text-align:left;width:100%;transition:background .12s}.jefe-card:hover{background:var(--surface-1)}.jefe-avatar{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-xs);font-weight:700;flex-shrink:0}.jefe-card-info{flex:1;min-width:0;text-align:left}.jefe-card-nombre{font-size:var(--text-sm);font-weight:600;color:var(--fg)}.jefe-card-cargo{font-size:var(--text-xs);color:var(--fg-2)}.jefe-card-area{font-size:var(--text-xs);color:var(--fg-3)}.jefe-card-check{color:var(--primary);flex-shrink:0}.historial-list{display:flex;flex-direction:column;gap:var(--space-1);max-height:65vh;overflow-y:auto}.historial-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.historial-item:last-child{border-bottom:none}.historial-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.historial-info{flex:1;min-width:0}.historial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.historial-header .section-title{margin:0}.historial-header-lg{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.historial-card{position:sticky;top:var(--space-6)}.section-title{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-1);font-size:var(--text-xs);font-weight:700;color:var(--fg-2);text-transform:uppercase;letter-spacing:.05em}.section-title-lg{font-size:var(--text-lg);font-weight:700;margin-bottom:10px}.section-desc{font-size:var(--text-xs);color:var(--fg-2);margin:0 0 var(--space-4)}.table-wrap{width:100%;background:var(--surface-0);border:1px solid var(--border);border-radius:12px;overflow:hidden}.table-card{background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table-wrapper{width:100%;overflow-x:auto}.table-historial{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table-historial thead{background:var(--surface-1);border-bottom:1px solid var(--border)}.table-historial thead th{padding:var(--space-4);text-align:left;font-weight:600;color:var(--fg-2);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.05em;white-space:nowrap}.table-historial td{padding:var(--space-4);border-bottom:1px solid var(--border);color:var(--fg);vertical-align:middle}.table-historial tbody tr:hover{background:var(--surface-hover)}.table-historial tbody tr:last-child td{border-bottom:0}.cell-date{color:var(--fg-2);font-size:var(--text-xs);white-space:nowrap}.cell-period{font-weight:500}.cell-days{text-align:center;font-weight:600;color:var(--primary)}.cell-status{width:130px}.cell-admin{width:150px}.admin-name{font-weight:500;color:var(--fg)}.admin-pending{color:var(--fg-3);font-style:italic}.cell-observation{max-width:250px}.obs-cell{max-width:200px}.cell-actions{text-align:center;width:80px}.obs-empty{color:var(--fg-3)}.type-badge{padding:var(--space-1) var(--space-3);background:var(--primary-soft);color:var(--primary-soft-fg);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600}.doc-badge{display:inline-block;padding:4px 8px;background:var(--primary-soft);color:var(--primary-soft-fg);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600}.formatos-list{display:flex;flex-direction:column;gap:var(--space-2)}.formato-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md)}.formato-info{display:flex;align-items:flex-start;gap:var(--space-2);color:var(--fg-2);flex:1;min-width:0}.formato-nombre{font-size:var(--text-sm);font-weight:600;color:var(--fg)}.formato-desc{font-size:var(--text-xs);color:var(--fg-2);margin-top:2px}.licencias-grid{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-4);align-items:start}.vacaciones-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.button-group{display:flex;gap:var(--space-3)}.btn-submit{width:100%}.page-header{margin-bottom:var(--space-6)}.page-header.header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.card{background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-lg)}.card.card-pad{padding:var(--space-6)}.empty-state{text-align:center;color:var(--fg-2);padding:var(--space-8) var(--space-4)!important}.badge{font-size:var(--text-xs);font-weight:700;padding:2px 8px;border-radius:var(--radius-full)}.badge.bg-success{background:var(--success-soft)!important;color:var(--success-soft-fg)}.badge.bg-warning{background:var(--warning-soft)!important;color:var(--warning-soft-fg)}.badge.bg-danger{background:var(--danger-soft)!important;color:var(--danger-soft-fg)}.badge.bg-info{background:var(--info-soft)!important;color:var(--info-soft-fg)}.badge.bg-primary{background:var(--primary-soft)!important;color:var(--primary-soft-fg)}.badge.bg-accent{background:var(--accent-soft);color:var(--accent)}.invalid-feedback,.field-error{font-size:var(--text-xs);color:var(--danger);margin-top:4px}.is-invalid{border-color:var(--danger)!important}.is-invalid:focus{box-shadow:0 0 0 2px var(--surface-0),0 0 0 4px var(--danger)}.pagination{gap:4px}.pagination .page-item .page-link{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--fg-1);background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-sm)!important;padding:6px 12px;transition:background var(--duration-fast),color var(--duration-fast)}.pagination .page-item .page-link:hover{background:var(--surface-hover);color:var(--fg)}.pagination .page-item .page-link:focus{box-shadow:var(--focus-ring)}.pagination .page-item.active .page-link{background:var(--primary);border-color:var(--primary);color:#fff}.pagination .page-item.disabled .page-link{background:var(--surface-1);color:var(--fg-3);border-color:var(--border)}.flex{display:flex}.flex.gap-2{gap:var(--space-2)}.flex.gap-3{gap:var(--space-3)}.flex.gap-4{gap:var(--space-4)}.flex.gap-6{gap:var(--space-6)}.flex.items-center{align-items:center}.flex.justify-between{justify-content:space-between}.flex.flex-col{flex-direction:column}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.avatar.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar.avatar-md{width:40px;height:40px;font-size:var(--text-xs)}.semibold{font-weight:600}.muted{color:var(--fg-2);font-size:var(--text-xs)}.num{font-variant-numeric:tabular-nums}.page-container{width:100%;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.page-header{display:flex;align-items:center;justify-content:space-between}.page-title{font-size:var(--page-title-size);font-weight:var(--page-title-weight);letter-spacing:var(--page-title-letter-spacing);color:var(--fg);margin:0}.page-subtitle{font-size:var(--page-subtitle-size);font-weight:var(--page-subtitle-weight);color:var(--fg-2);margin:0;margin-top:var(--space-1)}.drawer-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000;animation:fadeIn .2s var(--ease)}.drawer-panel{position:fixed;right:0;top:0;width:500px;height:100vh;background:var(--surface-0);border-left:1px solid var(--border);display:flex;flex-direction:column;z-index:1001;animation:slideInRight .3s var(--ease)}@media(max-width:768px){.drawer-panel{width:100%}}.drawer-header{padding:var(--space-6);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.drawer-title{font-size:var(--text-lg);font-weight:700;margin:0}.btn-drawer-close{width:36px;height:36px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--fg-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast)}.btn-drawer-close:hover{background:var(--surface-1);color:var(--fg)}.drawer-body{flex:1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.detail-section,.detail-grid{display:flex;flex-direction:column;gap:var(--space-3)}.detail-row{display:flex;gap:var(--space-3);align-items:flex-start}.detail-row.full-width{flex-direction:column;gap:var(--space-2)}.detail-label{font-size:var(--text-xs);font-weight:600;color:var(--fg-2);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;min-width:120px}.full-width .detail-label{min-width:unset}.detail-value{font-size:var(--text-sm);color:var(--fg);flex:1}.detail-value.obs-full{line-height:1.5;color:var(--fg-2)}.action-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.timeline{display:flex;flex-direction:column;gap:var(--space-4);position:relative;padding-left:var(--space-6)}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:1px;background:var(--border)}.timeline-item{display:flex;gap:var(--space-3);position:relative}.timeline-marker{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;left:-32px;top:2px;background:var(--surface-0);border:2px solid var(--border)}.timeline-marker.marker-generada{background:var(--primary-soft);border-color:var(--primary)}.timeline-marker.marker-en-tr\e1mite,.timeline-marker.marker-en\ tr\e1mite{background:var(--warning-soft);border-color:var(--warning)}.timeline-marker.marker-aprobado{background:var(--success-soft);border-color:var(--success)}.timeline-marker.marker-rechazado,.timeline-marker.marker-anulada{background:var(--danger-soft);border-color:var(--danger)}.marker-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.timeline-content{display:flex;flex-direction:column;gap:var(--space-1)}.timeline-estado{font-weight:600;color:var(--fg);font-size:var(--text-sm)}.timeline-fecha{font-size:var(--text-xs);color:var(--fg-2)}.timeline-nota{font-size:var(--text-xs);color:var(--fg-2);margin-top:var(--space-1);line-height:1.4}.modal-backdrop{position:fixed;inset:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal-card{background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:78vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0000002e}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.modal-title{font-size:var(--text-md);font-weight:700;margin:0;color:var(--fg)}.btn-modal-close{width:32px;height:32px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--fg-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.btn-modal-close:hover{background:var(--surface-2);color:var(--fg)}.modal-search-wrap{position:relative;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.modal-search-icon{position:absolute;left:calc(var(--space-4) + 12px);top:50%;transform:translateY(-50%);color:var(--fg-3);pointer-events:none}.modal-search-input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--input-font-size);font-family:inherit;background:var(--input-bg);color:var(--fg);outline:none}.modal-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.modal-search-input::placeholder{color:var(--fg-3)}.modal-empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--fg-2);font-size:var(--text-sm)}.btn-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--fg-2);cursor:pointer;transition:all var(--duration-fast)}.btn-action:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.btn-action.btn-action-danger:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.textarea-motivo,.textarea-anulacion{width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--fg);font-family:inherit;font-size:var(--text-sm);resize:vertical;min-height:120px;outline:none}.textarea-motivo:focus,.textarea-anulacion:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.textarea-motivo::placeholder,.textarea-anulacion::placeholder{color:var(--fg-3)}.modal-body{padding:16px 24px}.modal-body p{font-size:var(--text-base);color:var(--fg-1);margin:0;line-height:var(--leading-relaxed)}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:0 24px 24px}.row-actions{display:inline-flex;align-items:center;gap:2px;padding:2px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md)}.row-actions .btn{height:30px;width:30px;padding:0;border-radius:var(--radius-sm);background:transparent;border:0;color:var(--fg-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background .15s,color .15s}.row-actions .btn:hover{background:var(--surface-0);color:var(--fg-1);box-shadow:0 1px 2px #0000000d}.row-actions .btn .icon-sm{width:16px;height:16px}.row-actions .btn[data-action=upload]:hover{color:var(--primary)}.row-actions .btn[data-action=edit]:hover{color:var(--accent)}.row-actions .btn[data-action=courses]:hover,.row-actions .btn[data-action=show]:hover{color:var(--info)}.row-actions .btn[data-action=check]:hover{color:var(--success)}.row-actions .btn[data-action=delete]:hover{color:var(--danger)}.row-actions .btn[data-action=download]:hover{color:var(--primary)}.row-actions .btn[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(2px);background:var(--fg);color:var(--bg);font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s,transform .12s;z-index:5}.row-actions .btn:hover[data-tip]:after{opacity:1;transform:translate(-50%) translateY(0)}.row-actions .sep{width:1px;height:16px;background:var(--border);margin:0 2px}