:root{--color-bg:#f0f2f5;--color-surface:#fff;--color-surface-2:#f7f8fa;--color-border:#e2e6ea;--color-text:#1a1f2e;--color-text-muted:#6b7280;--color-primary:#2563eb;--color-primary-dk:#1d4ed8;--color-primary-lt:#eff6ff;--color-accent:#0ea5e9;--color-success:#16a34a;--color-success-lt:#f0fdf4;--color-warning:#d97706;--color-warning-lt:#fffbeb;--color-error:#dc2626;--color-error-lt:#fef2f2;--color-info:#0ea5e9;--color-info-lt:#f0f9ff;--sidebar-w:240px;--topbar-h:56px;--radius:8px;--radius-sm:4px;--shadow:0 1px 3px rgba(0,0,0,.08) , 0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 6px rgba(0,0,0,.07) , 0 2px 4px rgba(0,0,0,.05);--font-body:'Segoe UI' , system-ui , -apple-system , sans-serif;--transition:150ms ease}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family: var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}.layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:var(--color-text);color:#e5e7eb;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:20px 16px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar__brand-icon{font-size:22px;color:var(--color-accent)}.sidebar__brand-name{font-size:.85rem;font-weight:600;letter-spacing:.02em;color:#f9fafb}.sidebar__nav{padding:12px 8px;flex:1}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);color:#9ca3af;font-size:.875rem;transition:background var(--transition) , color var(--transition);position:relative;text-decoration:none}.nav-item:hover{background:rgba(255,255,255,.06);color:#f9fafb;text-decoration:none}.nav-item--active{background:rgba(37,99,235,.3);color:#bfdbfe}.nav-item__icon{font-size:15px;line-height:1;flex-shrink:0}.nav-item__label{flex:1}.nav-item__badge{background:var(--color-error);color:#fff;font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:10px;line-height:1.4}.nav-separator{border-top:1px solid rgba(255,255,255,.08);margin:8px 0}.sidebar__footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.08);font-size:.8rem}.sidebar__user-name{display:block;color:#d1d5db;margin-bottom:6px}.sidebar__logout{color:#6b7280;transition:color var(--transition)}.sidebar__logout:hover{color:var(--color-error)}.main{display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);height:var(--topbar-h);display:flex;align-items:center;gap:12px;padding:0 24px;position:sticky;top:0;z-index:10;box-shadow:var(--shadow)}.topbar__toggle{display:none;background:none;border:none;font-size:20px;color:var(--color-text-muted);padding:4px}.topbar__title{font-size:1rem;font-weight:600}.main__content{padding:24px;flex:1}.layout--auth{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg)}.auth-wrap{width:100%;max-width:380px;padding:16px}.auth-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:36px 32px}.auth-card__brand{text-align:center;margin-bottom:28px}.auth-card__icon{display:block;font-size:32px;color:var(--color-primary);margin-bottom:8px}.auth-card__title{font-size:1.1rem;font-weight:700}.form__group{margin-bottom:16px}.form__label{display:block;font-size:.8rem;font-weight:600;color:var(--color-text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.form__input,.form__select,.form__textarea{width:100%;padding:9px 12px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9rem;font-family:inherit;color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition) , box-shadow var(--transition);outline:none}.form__input:focus,.form__select:focus,.form__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.form__textarea{resize:vertical;min-height:100px}.form__hint{font-size:.78rem;color:var(--color-text-muted);margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;border:none;transition:background var(--transition) , transform var(--transition);cursor:pointer;text-decoration:none;white-space:nowrap}.btn:active{transform:scale(.98)}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-dk);text-decoration:none;color:#fff}.btn--secondary{background:var(--color-surface);color:var(--color-text);border:1.5px solid var(--color-border)}.btn--secondary:hover{background:var(--color-surface-2)}.btn--danger{background:var(--color-error);color:#fff}.btn--danger:hover{background:#b91c1c}.btn--success{background:var(--color-success);color:#fff}.btn--full{width:100%}.btn--sm{padding:6px 12px;font-size:.8rem}.card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--color-border)}.card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}.card__title{font-size:.95rem;font-weight:700}.card__body{padding:20px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{background:var(--color-surface-2);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:10px 14px;text-align:left;border-bottom:2px solid var(--color-border)}.table td{padding:11px 14px;border-bottom:1px solid var(--color-border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-surface-2)}.badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge--pendiente{background:var(--color-warning-lt);color:var(--color-warning)}.badge--aprobado{background:var(--color-success-lt);color:var(--color-success)}.badge--rechazado{background:var(--color-error-lt);color:var(--color-error)}.badge--cancelado{background:var(--color-surface-2);color:var(--color-text-muted)}.badge--info{background:var(--color-info-lt);color:var(--color-info)}.alert{padding:11px 16px;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:16px;border-left:4px solid}.alert--success{background:var(--color-success-lt);border-color:var(--color-success);color:#14532d}.alert--error{background:var(--color-error-lt);border-color:var(--color-error);color:#7f1d1d}.alert--warning{background:var(--color-warning-lt);border-color:var(--color-warning);color:#78350f}.alert--info{background:var(--color-info-lt);border-color:var(--color-info);color:#0c4a6e}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow);transition:box-shadow var(--transition) , transform var(--transition);text-decoration:none;color:var(--color-text)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);text-decoration:none}.stat-card--alert{border-left:4px solid var(--color-warning)}.stat-card--info{border-left:4px solid var(--color-info)}.stat-card__icon{font-size:22px;color:var(--color-primary)}.stat-card__label{font-size:.78rem;color:var(--color-text-muted);display:block}.stat-card__value{font-size:1.5rem;font-weight:700;line-height:1.2}.fichar-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px;margin-bottom:24px;box-shadow:var(--shadow)}.fichar-panel__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.fichar-panel__hora{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums;flex:1}.section-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:12px}.recent-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.list-simple{list-style:none}.list-simple__item{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--color-border);font-size:.875rem}.list-simple__item:last-child{border-bottom:none}.link{font-size:.8rem;color:var(--color-primary)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-header h2{font-size:1.1rem;font-weight:700}.text-muted{color:var(--color-text-muted)}.text-right{text-align:right}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-2{margin-bottom:16px}.flex{display:flex}.gap-2{gap:8px}.items-center{align-items:center}@media (max-width:768px){.layout{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-w);z-index:100;transform:translateX(-100%);transition:transform 250ms ease}.sidebar--open{transform:translateX(0)}.topbar__toggle{display:block}.main__content{padding:16px}.stats-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}.layout-cols{display:grid;grid-template-columns:380px 1fr;gap:20px;align-items:start}@media (max-width:900px){.layout-cols{grid-template-columns:1fr}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}@media (max-width:600px){.form-grid{grid-template-columns:1fr}}.checkbox-grid{display:flex;flex-direction:column;gap:8px;margin-top:4px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:.875rem;cursor:pointer}.checkbox-label input[type="checkbox"]{width:16px;height:16px;accent-color:var(--color-primary)}.permisos-grupo{margin-bottom:20px}.permisos-grupo__titulo{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--color-border)}.permisos-grupo .checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media (max-width:600px){.permisos-grupo .checkbox-grid{grid-template-columns:1fr}}.horario-grid{display:flex;flex-direction:column;gap:8px;margin-top:8px}.horario-fila{display:grid;grid-template-columns:100px 1fr 1fr;gap:8px;align-items:center}.horario-dia{font-size:.85rem;font-weight:600;color:var(--color-text-muted)}.dl-list{display:grid;grid-template-columns:140px 1fr;gap:10px 16px;font-size:.875rem}.dl-list dt{font-weight:600;color:var(--color-text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;padding-top:2px}.dl-list dd{color:var(--color-text)}.timeline{display:flex;flex-direction:column;gap:16px}.timeline__item{padding-left:14px;border-left:3px solid var(--color-border)}.timeline__meta{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin-bottom:4px}.timeline__fecha{font-size:.78rem;color:var(--color-text-muted)}.timeline__quien{font-size:.85rem;font-weight:600}.timeline__accion{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.badge--warning{background:var(--color-warning-lt);color:var(--color-warning)}