:root{--soltel-primary: #252A50;--soltel-link: #2535A8;--soltel-secondary: #767587;--soltel-danger: #4f1d20;--soltel-success: #409738;--soltel-error: #E24C4C;--soltel-surface: #FFFFFF;--soltel-input-bg: #f8f9fa;--soltel-input-border: #ced4da;--soltel-font: "Century Gothic", "CenturyGothicRegular", sans-serif}body{font-family:var(--soltel-font);background:linear-gradient(135deg,#f3f5fb,#fff 60%);color:#1d1f2a}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--soltel-font)}app-user-management-page .users-page{max-width:1220px;margin:0 auto;display:grid;gap:18px;min-width:0}app-user-management-page .hero-card,app-user-management-page .workspace-card,app-user-management-page .stat-card,app-user-management-page .drawer,app-user-management-page .dialog-card{background:#fffffff0;border:1px solid rgba(37,42,80,.08);box-shadow:0 18px 48px #1e2b5714}app-user-management-page .hero-card{border-radius:28px;padding:clamp(20px,4vw,32px);display:flex;justify-content:space-between;align-items:flex-end;gap:18px;background:radial-gradient(circle at top right,rgba(37,53,168,.14),transparent 32%),linear-gradient(145deg,#fffffffa,#f2f6fff2)}app-user-management-page .eyebrow{margin:0 0 8px;color:#6671a4;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}app-user-management-page h1,app-user-management-page h2{margin:0;color:var(--soltel-primary);text-wrap:balance}app-user-management-page h1{font-size:clamp(1.85rem,4vw,2.8rem);line-height:.98}app-user-management-page .hero-text,app-user-management-page .table-headline p,app-user-management-page .drawer-header p,app-user-management-page .dialog-card p:last-of-type{margin:10px 0 0;color:#59638d;max-width:60ch}app-user-management-page .stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}app-user-management-page .stat-card{border-radius:22px;padding:18px;display:grid;gap:6px}app-user-management-page .stat-card span,app-user-management-page .stat-card small{color:#69739f;font-weight:700}app-user-management-page .stat-card strong{color:var(--soltel-primary);font-size:clamp(1.55rem,3vw,2.25rem);line-height:1;font-variant-numeric:tabular-nums}app-user-management-page .stat-card.active{background:linear-gradient(180deg,#f3faf2fa,#fffffff0)}app-user-management-page .stat-card.paused{background:linear-gradient(180deg,#fff7eafa,#fffffff0)}app-user-management-page .stat-card.admin{background:linear-gradient(180deg,#eff3fffa,#fffffff0)}app-user-management-page .workspace-card{border-radius:28px;padding:18px;min-width:0}app-user-management-page .toolbar{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(160px,1fr));gap:12px;margin-bottom:18px}app-user-management-page .search-block,app-user-management-page .filter-block,app-user-management-page .field{display:grid;gap:6px}app-user-management-page .search-block span,app-user-management-page .filter-block span,app-user-management-page .field span,app-user-management-page .meta-card span{color:#6873a0;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}app-user-management-page .search-block input,app-user-management-page .filter-block select,app-user-management-page .field input,app-user-management-page .field select{width:100%;min-height:48px;border:1px solid #d5ddf4;border-radius:16px;background:#f8faff;color:#1d2748;padding:0 14px;font:inherit}app-user-management-page .table-card{border-radius:24px;border:1px solid #e7ecf8;overflow:hidden;background:linear-gradient(180deg,#fffffffa,#f9fbfffa)}app-user-management-page .table-headline{padding:18px 20px 14px;border-bottom:1px solid #ebeffa}app-user-management-page .table-scroll{overflow-x:auto}app-user-management-page .users-table{width:100%;border-collapse:collapse;min-width:880px}app-user-management-page .users-table th,app-user-management-page .users-table td{padding:16px 20px;border-bottom:1px solid #edf1fb;text-align:left;vertical-align:middle}app-user-management-page .users-table th{color:#5b648e;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}app-user-management-page .users-table tbody tr:hover{background:#f5f8fff2}app-user-management-page .identity-cell{display:grid;gap:4px;min-width:0}app-user-management-page .identity-cell strong{color:#1d2748}app-user-management-page .identity-cell span{color:#69729b;min-width:0;overflow:hidden;text-overflow:ellipsis}app-user-management-page .pill{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}app-user-management-page .role-administrador{background:#eee8ff;color:#503cad}app-user-management-page .role-responsable{background:#e6f1ff;color:#2268ba}app-user-management-page .role-empleado{background:#edf8ec;color:#357d3f}app-user-management-page .state-activo{background:#edf7ed;color:#31723d}app-user-management-page .state-inactivo{background:#fff4df;color:#8c620a}app-user-management-page .date-cell{white-space:nowrap;font-variant-numeric:tabular-nums}app-user-management-page .actions-header,app-user-management-page .actions-cell{text-align:right}app-user-management-page .actions-cell{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}app-user-management-page .action-button,app-user-management-page .primary-button,app-user-management-page .secondary-button,app-user-management-page .danger-button,app-user-management-page .close-button{min-height:40px;border-radius:14px;padding:0 14px;border:1px solid transparent;font:inherit;font-weight:700;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}app-user-management-page .primary-button{background:var(--soltel-primary);color:#fff;box-shadow:0 14px 28px #252a5033}app-user-management-page .secondary-button,app-user-management-page .close-button{background:#fff;color:var(--soltel-primary);border-color:#d7def3}app-user-management-page .danger-button{background:#922838;color:#fff}app-user-management-page .action-button{min-height:36px;padding:0 12px;background:#eef3ff;color:var(--soltel-link);border-color:#dde6ff}app-user-management-page .action-button.warning{background:#fff5e4;color:#8b5c0b;border-color:#ffe0aa}app-user-management-page .action-button.danger{background:#fff0f2;color:#a32c41;border-color:#ffd0d8}app-user-management-page .action-button:hover:not(:disabled),app-user-management-page .primary-button:hover:not(:disabled),app-user-management-page .secondary-button:hover:not(:disabled),app-user-management-page .danger-button:hover:not(:disabled),app-user-management-page .close-button:hover:not(:disabled){transform:translateY(-1px)}app-user-management-page button:disabled{opacity:.55;cursor:not-allowed}app-user-management-page .feedback{margin:0;border-radius:18px;padding:14px 16px;font-weight:700}app-user-management-page .feedback.error{background:#fff0f2;border:1px solid #ffd1d8;color:#a32c41}app-user-management-page .feedback.success{background:#edf8ec;border:1px solid #d0e9ca;color:#2f6f39}app-user-management-page .empty-state{margin:0;padding:24px 20px;color:#707aa4}app-user-management-page .drawer-scrim{position:fixed;inset:0;border:0;background:#0e13282e;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:40}app-user-management-page .drawer-scrim.open{opacity:1;pointer-events:auto}app-user-management-page .drawer{position:fixed;top:0;right:0;width:min(460px,100vw);height:100vh;padding:24px;display:grid;grid-template-rows:auto 1fr;gap:18px;transform:translate(100%);transition:transform .24s ease;z-index:50;border-radius:28px 0 0 28px;overscroll-behavior:contain}app-user-management-page .drawer.open{transform:translate(0)}app-user-management-page .drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}app-user-management-page .drawer-form{display:grid;gap:14px;align-content:start;overflow-y:auto;padding-right:4px}app-user-management-page .meta-card{border-radius:18px;background:#f5f7ff;padding:14px 16px;display:grid;gap:6px}app-user-management-page .meta-card strong{color:#243055;word-break:break-word}app-user-management-page .drawer-actions,app-user-management-page .dialog-actions{display:flex;justify-content:flex-end;gap:10px}app-user-management-page .dialog-backdrop{position:fixed;inset:0;padding:20px;background:#0e132857;display:flex;align-items:center;justify-content:center;z-index:60}app-user-management-page .dialog-card{width:min(460px,100%);border-radius:24px;padding:24px}app-user-management-page input:focus-visible,app-user-management-page select:focus-visible,app-user-management-page button:focus-visible{outline:3px solid rgba(37,53,168,.26);outline-offset:2px}@media (max-width: 1060px){app-user-management-page .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}app-user-management-page .toolbar{grid-template-columns:1fr 1fr}app-user-management-page .search-block{grid-column:1/-1}}@media (max-width: 720px){app-user-management-page .hero-card{flex-direction:column;align-items:flex-start}app-user-management-page .stats-grid,app-user-management-page .toolbar{grid-template-columns:1fr}app-user-management-page .hero-card,app-user-management-page .workspace-card{border-radius:22px}app-user-management-page .users-table{min-width:760px}app-user-management-page .drawer{top:auto;bottom:0;width:100vw;height:min(86vh,760px);border-radius:24px 24px 0 0;transform:translateY(100%)}app-user-management-page .drawer.open{transform:translateY(0)}}