:root{--color-accent:#e60023;--color-accent-bg:#fbeae9;--color-bg:#f7f1ea;--color-surface:#fff;--color-text:#231f1c;--color-text-muted:#6e6259;--color-border:#f0e9e1;--color-success:#0e8345;--color-success-bg:#e7f5ec;--radius-card:20px;--radius-pill:999px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0}#root{background:var(--color-bg);min-height:100vh}button{cursor:pointer;border-radius:var(--radius-pill);background:var(--color-text);color:#fff;border:none;height:40px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:600}button.secundario{background:var(--color-border);color:var(--color-text)}button.acento{background:var(--color-accent)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);border-radius:12px;padding:10px 12px;font-family:inherit;font-size:14px}label{color:var(--color-text-muted);margin-bottom:4px;font-size:12px;display:block}.card{background:var(--color-surface);border-radius:var(--radius-card);padding:16px}.banner-centro{z-index:8;background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;height:56px;min-height:56px;padding:0 16px;display:flex;position:sticky;top:0}.banner-centro-identidad{align-items:center;gap:10px;min-width:0;display:flex}.banner-centro-logo{object-fit:contain;flex-shrink:0;max-width:120px;height:40px}.banner-centro-nombre{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:700;overflow:hidden}.app-shell{flex-direction:column;min-height:calc(100vh - 56px);display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-header{padding:16px}.app-menu-boton{background:var(--color-bg);width:40px;height:40px;color:var(--color-text);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.app-nav-fondo{display:none}.solo-movil{display:block}.app-nav{background:var(--color-surface);z-index:20;flex-direction:column;gap:4px;padding:20px 16px;transition:transform .2s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translate(-100%)}.app-nav.app-nav--abierto{transform:translate(0)}.app-nav a{border-bottom:1px solid var(--color-border);padding:14px 12px!important;font-size:16px!important}@media (width>=768px){.app-shell{flex-direction:row}.app-menu-boton{display:none}.app-nav-fondo{display:none!important}.solo-movil{display:none}.app-nav{border-right:1px solid var(--color-border);z-index:1;flex-direction:column;flex:0 0 220px;order:-1;justify-content:flex-start;align-items:stretch;gap:6px;width:220px;height:calc(100vh - 56px);padding:24px 14px;transition:none;position:sticky;inset:56px auto auto;overflow-x:visible;transform:none}.app-nav a{border-bottom:none!important;padding:8px 10px!important;font-size:12px!important}.app-nav-cabecera{display:none!important}.app-header{padding:24px 24px 8px}}.app-nav-fondo.app-nav-fondo--abierto{z-index:15;background:#00000059;display:block;position:fixed;inset:0}.pantalla{width:100%;max-width:640px;margin:0 auto;padding:16px}.pantalla-ancha{max-width:1080px}@media (width>=768px){.pantalla{padding:24px}}@media (width>=1100px){.pantalla-ancha{padding:32px}}.form-tarjeta{max-width:480px}.lista-tarjetas{flex-direction:column;gap:8px;display:flex}@media (width>=640px){.lista-tarjetas{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:10px;display:grid}.lista-tarjetas>.tarjeta-expandida{grid-column:1/-1}}.error{background:var(--color-accent-bg);color:var(--color-accent);border-radius:12px;margin-bottom:12px;padding:10px 14px;font-size:13px}.aviso{background:var(--color-success-bg);color:var(--color-success);border-radius:12px;margin-bottom:12px;padding:10px 14px;font-size:13px}.avatar{border-radius:var(--radius-pill);object-fit:cover;background:var(--color-border)}.tabla-wrap{border:1px solid var(--color-border);border-radius:var(--radius-card);margin-bottom:24px;overflow-x:auto}.tabla-usuarios{border-collapse:collapse;width:100%;min-width:560px;font-size:13px}.tabla-usuarios th{text-align:left;text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-muted);background:var(--color-bg);white-space:nowrap;padding:10px 14px;font-size:11px}.tabla-usuarios td{border-top:1px solid var(--color-border);vertical-align:middle;padding:10px 14px}.tabla-usuarios td.celda-acciones{white-space:nowrap}.tabla-usuarios tr.fila-expandida>td{background:var(--color-bg)}