:root{--color-bg:#f4f7f8;--color-surface:#fff;--color-surface-alt:#f8fafb;--color-text:#16222a;--color-text-secondary:#64798a;--color-text-muted:#a0b0bb;--color-border:#e6ebee;--color-border-strong:#d3dce1;--color-primary:#0d9488;--color-primary-hover:#0b7c72;--color-primary-bg:#e6f7f5;--color-primary-light:#14b8a6;--sidebar-bg-from:#0d2b38;--sidebar-bg-to:#123f4f;--sidebar-border:#1c4453;--sidebar-text:#9fb7c2;--sidebar-text-active:#fff;--sidebar-active-bg:#14b8a62e;--sidebar-muted-bg:#ffffff0d;--color-success:#16a34a;--color-success-bg:#e8f8ee;--color-info:#2563eb;--color-info-bg:#eaf0fe;--color-warning:#ca8a04;--color-warning-bg:#fdf6dc;--color-danger:#dc2626;--color-danger-bg:#fdeaea;--color-neutral:#6b7280;--color-neutral-bg:#eef0f2;--color-purple:#8b5cf6;--color-purple-bg:#f2ecfe;--color-orange:#ea7c1f;--color-orange-bg:#fef1e2;--shadow-card:0 1px 2px #1018280a, 0 2px 8px #1018280d;--shadow-modal:0 12px 32px #10182833;--shadow-topbar:0 1px 3px #1018280d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--sidebar-width:248px;--topbar-height:68px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:14.5px;line-height:1.5}#root{min-height:100vh}h1,h2,h3,h4{letter-spacing:-.01em;margin:0 0 4px;font-weight:600}h1{font-size:21px}h2{font-size:16px}h3{font-size:14px}p{margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}svg{display:block}input,select,textarea{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px var(--color-primary-bg)}label{color:var(--color-text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.campo{margin-bottom:16px}.app-shell{width:100%;min-height:100vh;display:flex}.app-content{flex-direction:column;flex:1;min-width:0;display:flex}.app-main{flex:1;width:100%;min-width:0;max-width:1560px;padding:28px 32px 40px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-header__subtitle{color:var(--color-text-secondary);margin-top:4px;font-size:13.5px}.page-grid{grid-template-columns:minmax(300px,1fr) 2fr;align-items:start;gap:20px;display:grid}.dashboard-grid{grid-template-columns:1.1fr 1.6fr 1.1fr;align-items:start;gap:20px;display:grid}.stack{flex-direction:column;gap:18px;display:flex}.row{align-items:center;gap:10px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.spacer{flex:1}.stats-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);align-items:flex-start;gap:14px;padding:18px 20px;display:flex}.stat-card__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-card__label{color:var(--color-text-secondary);margin-bottom:4px;font-size:12.5px}.stat-card__value{letter-spacing:-.02em;font-size:24px;font-weight:700}.stat-card__trend{align-items:center;gap:4px;margin-top:4px;font-size:12px;font-weight:600;display:flex}.stat-card__trend--up{color:var(--color-success)}.stat-card__trend--down{color:var(--color-danger)}.stat-card__trend--flat{color:var(--color-text-muted)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:22px}.card--compact{padding:16px 18px}.card--flush{padding:0;overflow:hidden}.card__header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.card__title{align-items:center;gap:9px;display:flex}.card__title-icon{border-radius:var(--radius-sm);background:var(--color-primary-bg);width:30px;height:30px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.mascota-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-alt);padding:14px}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.avatar--icon{color:#fff}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:9px 15px;font-size:13.5px;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-alt)}.btn--danger{background:var(--color-surface);color:var(--color-danger);border-color:var(--color-danger)}.btn--danger:hover:not(:disabled){background:var(--color-danger-bg)}.btn--ghost{color:var(--color-text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-text)}.btn--icon{padding:8px}.btn--sm{padding:6px 11px;font-size:12.5px}.badge{border-radius:var(--radius-pill);letter-spacing:.01em;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge--DISPONIBLE{background:var(--color-success-bg);color:var(--color-success)}.badge--RESERVADO{background:var(--color-info-bg);color:var(--color-info)}.badge--EN_SALA_ESPERA{background:var(--color-warning-bg);color:var(--color-warning)}.badge--FINALIZADO{background:var(--color-neutral-bg);color:var(--color-neutral)}.badge--CANCELADO{background:var(--color-danger-bg);color:var(--color-danger)}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot--DISPONIBLE{background:var(--color-success)}.dot--RESERVADO{background:var(--color-info)}.dot--EN_SALA_ESPERA{background:var(--color-warning)}.dot--FINALIZADO{background:var(--color-neutral)}.dot--CANCELADO{background:var(--color-danger)}.tabs{border-bottom:1px solid var(--color-border);gap:4px;margin-bottom:16px;display:flex}.tab{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-right:18px;padding:9px 4px;font-size:13.5px;font-weight:500;display:flex}.tab:hover{color:var(--color-text)}.tab.activo{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabla{border-collapse:collapse;width:100%;font-size:13.5px}.tabla th{text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--color-border);padding:10px 14px;font-size:11px;font-weight:600}.tabla td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:11px 14px}.tabla tr:last-child td{border-bottom:none}.tabla tr:hover td{background:var(--color-surface-alt)}.tabla-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.tabla-wrap .tabla{border:none}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);width:30px;height:30px;color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--color-surface-alt);color:var(--color-text)}.icon-btn--primary{color:var(--color-primary);border-color:var(--color-primary-bg)}.icon-btn--primary:hover{background:var(--color-primary-bg)}.icon-btn--danger{color:var(--color-danger)}.icon-btn--danger:hover{background:var(--color-danger-bg)}.search-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);align-items:center;gap:10px;padding:4px 6px 4px 16px;display:flex}.search-bar input{border:none;padding:10px 0;box-shadow:none!important}.search-bar input:focus{box-shadow:none}.search-bar__hint{color:var(--color-text-muted);white-space:nowrap;padding-right:6px;font-size:12px}.buscador-dni{gap:10px;max-width:480px;display:flex}.buscador-hero{text-align:center;padding:80px 24px}.buscador-hero .buscador-dni{margin:28px auto 0}.modal-overlay{z-index:100;background:#0d1b228c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);width:100%;max-width:560px;max-height:88vh;padding:28px;overflow-y:auto}.modal-box__header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.form-grid .campo--full{grid-column:1/-1}.estado-vacio{text-align:center;color:var(--color-text-secondary);padding:48px 24px}.mensaje-error{background:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-sm);margin-bottom:16px;padding:10px 14px;font-size:13px}.mensaje-cargando{color:var(--color-text-secondary);padding:24px 0;font-size:14px}.timeline{flex-direction:column;gap:0;display:flex}.timeline-item{border-left:2px solid var(--color-border);padding:0 0 22px 26px;position:relative}.timeline-item:last-child{border-left-color:#0000;padding-bottom:0}.timeline-item__dot{border:2px solid var(--color-surface);border-radius:50%;width:12px;height:12px;position:absolute;top:1px;left:-7px}.chip{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-secondary);align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;display:inline-flex}.chip--dark{background:var(--sidebar-muted-bg);border-color:var(--sidebar-border);color:var(--sidebar-text)}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg, var(--sidebar-bg-from), var(--sidebar-bg-to));height:100vh;color:var(--sidebar-text);flex-direction:column;flex-shrink:0;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar__logo{align-items:center;gap:10px;padding:4px 8px 20px;display:flex}.sidebar__logo-badge{color:#fff;background:linear-gradient(135deg,#14b8a6,#0d9488);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sidebar__logo-text{line-height:1.2}.sidebar__logo-text strong{color:#fff;letter-spacing:-.01em;font-size:15px;display:block}.sidebar__logo-text span{color:var(--sidebar-text);text-transform:uppercase;letter-spacing:.04em;font-size:10.5px}.sidebar__section-label{text-transform:uppercase;letter-spacing:.06em;color:#9fb7c2a6;padding:14px 12px 6px;font-size:10.5px}.sidebar__link{border-radius:var(--radius-sm);color:var(--sidebar-text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:11px;width:100%;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.sidebar__link:hover{background:var(--sidebar-muted-bg);color:#fff;text-decoration:none}.sidebar__link.activo{background:var(--sidebar-active-bg);color:#fff}.sidebar__link svg{flex-shrink:0}.sidebar__submenu{flex-direction:column;gap:2px;margin-top:2px;padding-left:30px;display:flex}.sidebar__submenu .sidebar__link{padding:7px 10px;font-size:13px}.sidebar__help{background:var(--sidebar-muted-bg);border:1px solid var(--sidebar-border);border-radius:var(--radius-md);text-align:center;margin-top:14px;padding:14px}.sidebar__help p{color:#fff;margin-bottom:2px;font-size:12.5px;font-weight:500}.sidebar__help span{color:var(--sidebar-text);margin-bottom:10px;font-size:11.5px;display:block}.sidebar__version{text-align:center;color:#9fb7c299;margin-top:12px;font-size:10.5px}.sidebar__user{border-top:1px solid var(--sidebar-border);margin-top:14px;padding-top:14px}.sidebar__user-name{color:#fff;margin-bottom:1px;font-size:13px;font-weight:500}.sidebar__user-email{color:var(--sidebar-text);word-break:break-all;margin-bottom:10px;font-size:11.5px}.sidebar__logout{text-align:left;width:100%;color:var(--sidebar-text);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:8px;padding:7px 8px;font-size:13px;display:flex}.sidebar__logout:hover{background:var(--sidebar-muted-bg);color:#fff}.topbar{height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-topbar);z-index:20;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.topbar__org{color:var(--color-text);cursor:default;border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 10px;font-size:15px;font-weight:600;display:flex}.topbar__actions{align-items:center;gap:6px;display:flex}.topbar__icon-btn{width:38px;height:38px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.topbar__icon-btn:hover{background:var(--color-surface-alt);color:var(--color-text)}.topbar__badge{background:var(--color-danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:9.5px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.topbar__user{border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;margin-left:8px;padding:6px 10px 6px 6px;display:flex;position:relative}.topbar__user:hover{background:var(--color-surface-alt)}.topbar__user-info{text-align:left;line-height:1.25}.topbar__user-info strong{font-size:13px;display:block}.topbar__user-info span{color:var(--color-text-secondary);font-size:11.5px}.dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:190px;box-shadow:var(--shadow-modal);z-index:30;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.dropdown-menu button{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--color-text);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:13.5px;display:flex}.dropdown-menu button:hover{background:var(--color-surface-alt)}.agenda-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.agenda-nav{align-items:center;gap:4px;display:flex}.agenda-nav__label{white-space:nowrap;padding:0 6px;font-size:13.5px;font-weight:500}.agenda-grid-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.agenda-grid{grid-template-columns:56px repeat(7,minmax(108px,1fr));min-width:820px;display:grid;position:relative}.agenda-grid__daylabel{text-align:center;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);background:var(--color-surface-alt);padding:10px 6px;font-size:12px;font-weight:600;position:sticky;top:0}.agenda-grid__daylabel.hoy{color:var(--color-primary);background:var(--color-primary-bg)}.agenda-grid__corner{border-bottom:1px solid var(--color-border);background:var(--color-surface-alt);position:sticky;top:0;left:0}.agenda-grid__hour{color:var(--color-text-muted);text-align:right;border-top:1px solid var(--color-border);height:var(--agenda-row-h,56px);box-sizing:border-box;padding:2px 8px 0 0;font-size:11px}.agenda-grid__cell{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);height:var(--agenda-row-h,56px);position:relative}.agenda-grid__col{border-left:1px solid var(--color-border);position:relative}.agenda-block{cursor:pointer;border:1px solid #0000;border-radius:7px;padding:4px 7px;font-size:10.5px;font-weight:600;line-height:1.3;position:absolute;left:3px;right:3px;overflow:hidden}.agenda-block__hora{opacity:.85;font-size:10px;font-weight:500}.agenda-legend{color:var(--color-text-secondary);flex-wrap:wrap;gap:14px;margin-top:14px;font-size:12px;display:flex}.agenda-legend__item{align-items:center;gap:6px;display:flex}.horario-chip{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:2px;min-width:52px;padding:6px 4px;font-size:10.5px;display:flex}.horario-chip strong{font-size:11px}.horario-chip span{color:var(--color-text-secondary);font-size:9.5px}