:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1a1a2e;background-color:#f8f9fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease}button:focus,button:focus-visible{outline:none}input,select,textarea{font-family:inherit;font-size:inherit;color:#1a1a2e;background-color:#fff}input::placeholder,textarea::placeholder{color:#999}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:#1a1a2e;-webkit-box-shadow:0 0 0px 1000px white inset;transition:background-color 5000s ease-in-out 0s}.global-loading-overlay{position:fixed;inset:0;background:#1a1a2ebf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.global-loading-content{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px 60px;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.loading-spinner{position:relative;width:60px;height:60px}.spinner-ring{position:absolute;inset:0;border-radius:50%;border:4px solid transparent;animation:spinRing 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){border-top-color:#7a4ea6;animation-delay:-.45s}.spinner-ring:nth-child(2){border-top-color:#9b6bc3;animation-delay:-.3s;inset:6px}.spinner-ring:nth-child(3){border-top-color:#b88ad4;animation-delay:-.15s;inset:12px}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{margin:0;font-size:1rem;font-weight:600;color:#1a1a2e;text-align:center}.global-alert-container{position:fixed;top:24px;right:24px;z-index:9998;display:flex;flex-direction:column;gap:12px;max-width:420px;width:calc(100% - 48px)}@media(max-width:480px){.global-alert-container{top:16px;right:16px;left:16px;width:auto;max-width:none}}.global-alert{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;background:#fff;border-radius:14px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;animation:alertSlideIn .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;border-left:4px solid}@keyframes alertSlideIn{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.global-alert-success{border-left-color:#22c55e}.global-alert-success .alert-icon{color:#22c55e;background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.global-alert-success .alert-progress-bar{background:linear-gradient(90deg,#22c55e,#16a34a)}.global-alert-error{border-left-color:#ef4444}.global-alert-error .alert-icon{color:#ef4444;background:linear-gradient(135deg,#fee2e2,#fecaca)}.global-alert-error .alert-progress-bar{background:linear-gradient(90deg,#ef4444,#dc2626)}.global-alert-warning{border-left-color:#f59e0b}.global-alert-warning .alert-icon{color:#f59e0b;background:linear-gradient(135deg,#fef3c7,#fde68a)}.global-alert-warning .alert-progress-bar{background:linear-gradient(90deg,#f59e0b,#d97706)}.global-alert-info{border-left-color:#3b82f6}.global-alert-info .alert-icon{color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.global-alert-info .alert-progress-bar{background:linear-gradient(90deg,#3b82f6,#2563eb)}.alert-icon{flex-shrink:0;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center}.alert-content{flex:1;min-width:0;padding-top:2px}.alert-title{margin:0 0 4px;font-size:.9375rem;font-weight:700;color:#1a1a2e}.alert-message{margin:0;font-size:.875rem;color:#555;line-height:1.5;word-wrap:break-word}.alert-close{flex-shrink:0;width:28px;height:28px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#999;transition:all .2s;margin-top:-2px}.alert-close:hover{background:#f5f5f5;color:#333}.alert-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0000000d}.alert-progress-bar{height:100%;width:100%;animation:progressShrink linear forwards;transform-origin:left}@keyframes progressShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}:root{--primary-color: #4a0d54;--secondary-color: #24012f;--bg-color: #f3f4f6;--card-bg: #ffffff;--text-dark: #111827;--text-muted: #6b7280;--border-color: #e5e7eb;--input-bg: #f9fafb;--error-color: #dc2626}html,body,#root{width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg-color);color:var(--text-dark)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:linear-gradient(135deg,#f5f3ff,#ede9fe,#ddd6fe);position:relative}.circles-background{position:absolute;inset:0;pointer-events:none;overflow:hidden}.circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(74,13,84,.06) 0%,transparent 70%)}.circle-lg{width:400px;height:400px}.circle-md{width:200px;height:200px}.circle-sm{width:120px;height:120px}.circle-xs{width:60px;height:60px}.circle-1{top:-150px;left:-150px}.circle-2{bottom:-100px;right:-100px}.circle-3{top:15%;right:5%}.circle-4{bottom:20%;left:3%}.circle-5{top:50%;left:45%}.circle-6{top:5%;left:40%}.circle-7{bottom:5%;right:25%}.circle-8{top:35%;left:8%}.circle-9{bottom:35%;right:10%}.circle-10{top:10%;right:30%}.login-card{position:relative;z-index:1;width:100%;max-width:400px;background:var(--card-bg);border-radius:16px;padding:40px 32px;box-shadow:0 20px 60px #4a0d541f}.logo-section{text-align:center;margin-bottom:24px}.logo-image{width:72px;height:72px;object-fit:contain}.login-content{width:100%}.header-section{text-align:center;margin-bottom:32px}.title{font-size:26px;font-weight:700;color:var(--text-dark);margin-bottom:6px}.subtitle{font-size:14px;color:var(--text-muted)}.error-alert{display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg,#fef2f2,#fff5f5);border:1px solid #fecaca;border-left:4px solid var(--error-color);border-radius:12px;padding:16px;margin-bottom:24px;animation:slideDown .3s ease-out;box-shadow:0 4px 12px #dc26261a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-alert:before{content:"⚠️";font-size:18px;line-height:1;flex-shrink:0}.error-alert span{flex:1;color:#991b1b;font-size:14px;font-weight:500;line-height:1.5;word-break:break-word}.error-close{background:none;border:none;color:#b91c1c;cursor:pointer;font-size:18px;padding:4px;line-height:1;border-radius:6px;transition:all .2s ease;flex-shrink:0;opacity:.7}.error-close:hover{opacity:1;background:#b91c1c1a}.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:18px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-dark);margin-bottom:6px}.input-wrapper{position:relative}.input-icon{display:none}.form-input{width:100%;height:48px;padding:0 16px;font-size:15px;color:var(--text-dark);background:var(--input-bg);border:1.5px solid var(--border-color);border-radius:10px;outline:none;transition:border-color .2s,box-shadow .2s}.form-input:hover{border-color:#d1d5db}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4a0d541a;background:#fff}.form-input::placeholder{color:#9ca3af}.form-group:has(.password-toggle) .form-input{padding-right:48px}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:#6b7280;cursor:pointer;border-radius:6px;transition:color .2s,background .2s;padding:0}.password-toggle:hover{color:var(--primary-color);background:#4a0d540d}.password-toggle svg{width:20px;height:20px;min-width:20px;min-height:20px;flex-shrink:0;stroke:currentColor;stroke-width:2}.error-message{display:none}.form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:10px}.checkbox-group{display:flex;align-items:center;gap:8px}.checkbox-input{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.checkbox-custom{display:none}.checkbox-label{font-size:13px;color:var(--text-dark);cursor:pointer}.forgot-password-link{font-size:13px;color:var(--primary-color);text-decoration:none;font-weight:500}.forgot-password-link:hover{text-decoration:underline}.submit-button{width:100%;height:48px;background:var(--primary-color);color:#fff;font-size:15px;font-weight:600;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 12px #4a0d5440}.submit-button:hover{background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 6px 16px #4a0d544d}.submit-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-button svg{width:18px;height:18px}.login-footer{text-align:center;margin-top:28px;padding-top:20px;border-top:1px solid var(--border-color)}.footer-text{font-size:12px;color:var(--text-muted);margin-bottom:2px}.version-text{font-size:11px;color:#9ca3af}@media(max-width:480px){.login-page{padding:16px}.login-card{padding:32px 24px}.logo-image{width:60px;height:60px}.title{font-size:22px}.form-options{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.circle-3,.circle-4,.circle-5,.circle-6,.circle-7,.circle-8,.circle-9,.circle-10{display:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-purple: #5a2d6e;--purple-accent: #7a4ea6;--bg-light: #f6f7f8;--white: #ffffff;--shadow-subtle: 0 4px 12px rgba(0, 0, 0, .05);--shadow-light: 0 2px 8px rgba(0, 0, 0, .08);--border-radius: 10px;--border-radius-sm: 8px;--text-primary: #1a1a1a;--text-secondary: #666666;--text-muted: #999999;--border-color: #e0e0e0;--yellow-alert: #ffc107;--yellow-bg: #fff4d9;--red-critical: #ff6b6b;--pink-alert: #fdecec;--gray-badge: #c0c0c0;--gray-state: #e8eaed}body{font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-light);color:var(--text-primary);line-height:1.5}html{scroll-behavior:smooth}.dashboard-container{display:flex;flex-direction:column;height:100vh;width:100%;background-color:var(--bg-light)}.home-content{width:100%;height:100%;display:flex;flex-direction:column}.top-header{background-color:var(--white);border-bottom:1px solid var(--border-color);padding:16px 40px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-light);height:80px;flex-shrink:0;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:16px}.header-logo{height:40px;width:auto;object-fit:contain}.header-title{font-size:24px;font-weight:700;color:var(--primary-purple);letter-spacing:-.5px}.header-right{display:flex;align-items:center;gap:24px}.user-name{font-size:14px;color:var(--text-secondary);font-weight:500}.logout-btn{background-color:var(--primary-purple);color:var(--white);border:1px solid var(--primary-purple);padding:10px 24px;border-radius:var(--border-radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background-color:#4a1f5a;transform:translateY(-2px);box-shadow:0 4px 12px #5a2d6e4d}.content-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;display:flex;flex-direction:column;gap:20px}.stats-container{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;flex-shrink:0}.stat-card{background-color:var(--white);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow-subtle);display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;border:1px solid #f0f0f0}.stat-card:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-4px)}.stat-header{margin-bottom:12px}.stat-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-content{display:flex;align-items:flex-end;justify-content:space-between}.stat-value{font-size:36px;font-weight:700;color:var(--primary-purple)}.stat-icon{display:flex;align-items:center;justify-content:center;padding:12px;border-radius:8px;background-color:transparent;transition:all .3s ease}.stat-icon.yellow-bg{background-color:#ffc1071a}.filters-panel{background-color:var(--white);border-radius:var(--border-radius);padding:16px 20px;box-shadow:var(--shadow-subtle);border:1px solid #f0f0f0;flex-shrink:0}.filters-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.filter-icon{color:var(--purple-accent);width:20px;height:20px}.filters-title{font-size:14px;font-weight:600;color:var(--text-primary)}.filters-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.select-wrapper{position:relative;display:flex;align-items:center}.filter-select{width:100%;padding:10px 32px 10px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:13px;color:var(--text-primary);background-color:var(--white);cursor:pointer;appearance:none;transition:all .3s ease;font-family:inherit;font-weight:500}.filter-select:hover{border-color:var(--purple-accent)}.filter-select:focus{outline:none;border-color:var(--purple-accent);box-shadow:0 0 0 3px #7a4ea61a}.select-chevron{position:absolute;right:12px;pointer-events:none;color:var(--text-muted)}.table-container{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-subtle);border-top:3px solid rgba(90,45,110,.1);border:1px solid #f0f0f0;overflow-x:auto;-webkit-overflow-scrolling:touch}.reports-table{width:100%;min-width:900px;border-collapse:collapse;font-size:13px;table-layout:fixed}.table-header{background-color:#fafbfc;border-bottom:2px solid var(--border-color)}.table-header th{padding:10px 8px;text-align:left;font-size:10px;font-weight:700;color:#8b8b8b;text-transform:uppercase;letter-spacing:.4px;background-color:#fafbfc;white-space:nowrap}.table-row{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.table-row:hover{background-color:#fafbfc}.table-row.row-grave{background-color:var(--pink-alert)}.table-row.row-grave:hover{background-color:#fce5e5}td{padding:10px 8px;vertical-align:middle}.cell-tipo{width:10%}.tipo-cell{display:flex;align-items:center;gap:6px;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tipo-cell svg{color:var(--purple-accent);flex-shrink:0}.cell-contenido{width:18%;max-width:180px}.truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary);max-width:100%}.cell-motivo{width:10%;max-width:100px}.cell-motivo span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);font-weight:500}.cell-denuncias{width:6%;text-align:center}.denuncias-badge{display:inline-flex;align-items:center;justify-content:center;background-color:#7a4ea61a;color:var(--purple-accent);padding:3px 8px;border-radius:5px;font-weight:600;font-size:11px;min-width:24px}.cell-usuario{width:12%;max-width:120px}.cell-fecha{width:11%;font-size:11px;color:var(--text-secondary)}.fecha-text{display:block;white-space:nowrap;font-size:11px}.usuario-cell{display:flex;align-items:center;gap:8px;overflow:hidden}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--purple-accent),#5a2d6e);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.user-info{display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}.user-nombre{color:var(--text-primary);font-weight:600;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-handle{color:var(--text-muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell-estado{width:9%}.cell-prioridad{width:8%}.badge{display:inline-block;padding:4px 8px;border-radius:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.2px;text-align:center;white-space:nowrap}.estado-badge{background-color:var(--yellow-bg);color:#8b6914}.prioridad-badge{color:var(--white)}.cell-acciones{width:8%;min-width:70px}.action-link{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:var(--purple-accent);font-size:11px;font-weight:600;transition:all .3s ease;padding:4px 6px;border-radius:5px;white-space:nowrap}.action-link:hover{background-color:#7a4ea61a}.action-link svg{width:14px;height:14px;flex-shrink:0}.action-link span{display:none}@media(min-width:1200px){.action-link span{display:inline}}.table-footer{background-color:#fafbfc;border-top:1px solid var(--border-color);padding:16px 24px;display:flex;justify-content:flex-end;flex-shrink:0;border-radius:0 0 var(--border-radius) var(--border-radius)}.footer-text{font-size:12px;color:var(--text-secondary);font-weight:500}.content-area::-webkit-scrollbar,.table-container::-webkit-scrollbar{width:8px}.content-area::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track{background:transparent}.content-area::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:4px}.content-area::-webkit-scrollbar-thumb:hover,.table-container::-webkit-scrollbar-thumb:hover{background:#b0b0b0}@media(max-width:1920px){.stats-container{grid-template-columns:repeat(4,1fr)}.content-area{padding:36px}}@media(max-width:1600px){.content-area{padding:32px;gap:28px}.stat-card{padding:24px 20px}.stat-value{font-size:40px}.header-title{font-size:20px}}@media(max-width:1400px){.content-area{padding:20px 32px 10px;gap:18px}.filters-grid{grid-template-columns:repeat(5,1fr);gap:14px}.stat-value{font-size:32px}}@media(max-width:1280px){.content-area{padding:18px 28px 10px;gap:16px}.stats-container{grid-template-columns:repeat(4,1fr);gap:14px}.stat-value{font-size:30px}.filters-grid{grid-template-columns:repeat(3,1fr);gap:12px}.header-title{font-size:18px}.action-link span{display:none}}@media(max-width:1024px){.top-header{padding:12px 24px;height:70px}.header-left{gap:12px}.header-logo{height:32px}.header-title{font-size:16px}.header-right{gap:16px}.content-area{padding:16px 24px 10px;gap:16px}.stats-container{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px 14px}.stat-value{font-size:28px}.stat-header{margin-bottom:10px}.stat-title{font-size:10px}.stat-icon{padding:8px}.stat-icon svg{width:20px;height:20px}.filters-panel{padding:14px 16px}.filters-header{margin-bottom:10px}.filters-grid{grid-template-columns:repeat(3,1fr);gap:12px}.filter-label{font-size:10px}.filter-select{font-size:12px;padding:8px 30px 8px 10px}.table-container{border-radius:8px;background:transparent;box-shadow:none;border:none}.pagination-container{padding:12px 20px;margin-top:8px;border-radius:10px}.pagination-nav,.pagination-page{width:32px;height:32px;font-size:12px}.pagination-info{font-size:12px}}@media(max-width:768px){.top-header{padding:10px 16px;height:56px}.header-left{gap:10px}.header-logo{height:28px}.header-title{font-size:14px}.header-right{gap:12px}.user-name{display:none}.logout-btn{padding:8px 16px;font-size:12px}.content-area{padding:12px 16px 8px;gap:12px}.stats-container{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px 12px}.stat-value{font-size:24px}.stat-header{margin-bottom:8px}.stat-title{font-size:9px}.stat-icon{padding:6px}.stat-icon svg{width:18px;height:18px}.filters-panel{padding:12px}.filters-header{margin-bottom:10px}.filters-grid{grid-template-columns:repeat(2,1fr);gap:10px}.filter-group{gap:4px}.filter-label{font-size:9px}.filter-select{font-size:11px;padding:8px 28px 8px 10px}.table-container{border-radius:6px}.filter-icon{width:16px;height:16px}.filters-title{font-size:12px}.select-chevron{width:14px;height:14px}.pagination-container{padding:10px 16px;flex-direction:column;gap:10px}.pagination-controls{position:static;transform:none;width:100%;justify-content:center}.pagination-info{font-size:11px;text-align:center;width:100%}.pagination-nav,.pagination-page{width:30px;height:30px;font-size:11px}}@media(max-width:480px){.top-header{flex-direction:row;gap:8px;height:50px;padding:8px 12px}.header-left{gap:8px}.header-logo{height:24px}.header-title{font-size:12px}.header-right{gap:8px}.logout-btn{padding:6px 12px;font-size:10px}.content-area{padding:10px 12px 6px;gap:10px}.stats-container{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:10px 8px}.stat-header{margin-bottom:6px}.stat-value{font-size:20px}.stat-title{font-size:8px}.stat-icon{padding:4px}.stat-icon svg{width:16px;height:16px}.filters-panel{padding:10px}.filters-header{margin-bottom:8px}.filters-grid{grid-template-columns:1fr;gap:8px}.filter-group{gap:3px}.filter-label{font-size:9px}.filter-select{font-size:11px;padding:6px 26px 6px 8px}.filter-icon{width:14px;height:14px}.filters-title{font-size:11px}.select-chevron{width:12px;height:12px}.table-container{border-radius:6px}.pagination-container{padding:8px 12px;flex-direction:column;gap:8px}.pagination-controls{position:static;transform:none;width:100%;justify-content:center}.pagination-info{font-size:10px;text-align:center;width:100%}.pagination-nav,.pagination-page{width:28px;height:28px;font-size:10px}.pagination-pages{gap:3px}}.stat-card,.filters-panel,.table-container{animation:fadeIn .4s ease-out}.table-row{animation:fadeIn .3s ease-out}.pagination-container{position:relative;display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;background-color:var(--white);border-top:1px solid var(--border-color);border-radius:0 0 var(--border-radius) var(--border-radius)}.pagination-info{font-size:13px;color:var(--text-secondary);text-align:right}.pagination-controls{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px}.pagination-btn{padding:8px 16px;background-color:var(--white);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:var(--bg-light);border-color:var(--purple-accent);color:var(--purple-accent)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-nav{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--white);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease}.pagination-nav:hover:not(:disabled){background-color:var(--purple-accent);border-color:var(--purple-accent);color:var(--white)}.pagination-nav:disabled{opacity:.3;cursor:not-allowed}.pagination-pages{display:flex;gap:4px}.pagination-page{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--white);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-page:hover{background-color:var(--bg-light);border-color:var(--purple-accent);color:var(--purple-accent)}.pagination-page.active{background-color:var(--purple-accent);border-color:var(--purple-accent);color:var(--white)}@media(max-width:700px){.pagination-container{flex-direction:column;gap:16px;padding:16px}.pagination-controls{position:static;transform:none;width:100%;justify-content:center;flex-wrap:wrap}.pagination-info{font-size:12px;text-align:center;width:100%}.pagination-btn{padding:6px 12px;font-size:12px}.pagination-nav{width:40px;height:40px;font-size:16px;min-width:44px;min-height:44px}.pagination-page{width:36px;height:36px;font-size:12px;min-width:36px;min-height:36px}.pagination-pages{flex-wrap:wrap;justify-content:center;gap:6px}}@media(max-width:1024px){.table-container{overflow-x:visible;background:transparent;box-shadow:none;border:none}.table-header{display:none}.reports-table{min-width:unset;width:100%;display:block}.reports-table thead{display:none}.reports-table tbody{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.table-row{display:flex;flex-direction:column;padding:16px;margin-bottom:0;border:1px solid #e0e0e0;border-radius:10px;background-color:var(--white);box-shadow:0 2px 8px #0000000f;gap:6px}.table-row:last-child{margin-bottom:0}.table-row.row-grave{border-left:4px solid var(--red-critical);background-color:#fff9f9}.table-row td{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f5f5f5;width:100%!important}.table-row td:last-child{border-bottom:none;padding-top:10px}.table-row td:before{content:attr(data-label);font-weight:600;font-size:11px;color:#8b8b8b;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;margin-right:12px}.cell-tipo{order:1;background-color:#f8f9fa;margin:-16px -16px 0;padding:12px 16px!important;border-radius:10px 10px 0 0;border-bottom:none!important}.cell-tipo:before{display:none}.tipo-cell{font-weight:600;font-size:14px}.cell-contenido{order:2}.cell-contenido .truncate{white-space:normal;overflow:visible;text-overflow:unset;text-align:right;font-size:13px;color:var(--text-primary);max-width:60%}.cell-motivo{order:3}.cell-denuncias{order:4}.cell-denuncias .denuncias-badge{font-size:12px;padding:4px 10px}.cell-usuario{order:5}.cell-usuario:before{content:"Usuario";font-weight:600;font-size:11px;color:#8b8b8b;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;margin-right:12px}.usuario-cell{flex:1;justify-content:flex-end}.cell-fecha{order:6}.cell-fecha .fecha-text{font-size:12px}.cell-estado{order:7}.cell-estado .badge{font-size:11px;padding:5px 12px}.cell-prioridad{order:8}.cell-prioridad .badge{font-size:11px;padding:5px 12px}.cell-acciones{order:9;justify-content:center!important;padding-top:12px!important;border-top:1px solid #f0f0f0;margin-top:4px}.cell-acciones:before{display:none}.cell-acciones .action-link{width:100%;justify-content:center;padding:10px 16px;background-color:var(--purple-accent);color:#fff;border-radius:8px;font-size:13px;font-weight:600}.cell-acciones .action-link:hover{background-color:var(--primary-purple)}.cell-acciones .action-link span{display:inline}.cell-acciones .action-link svg{width:16px;height:16px}.card-badges-row{display:flex;gap:8px}}@media(max-width:768px){.reports-table tbody{grid-template-columns:1fr;gap:10px}.table-row{padding:14px}.cell-tipo{margin:-14px -14px 0;padding:10px 14px!important}}@media(max-width:480px){.table-row{padding:14px;margin-bottom:10px;gap:8px}.table-row td{padding:5px 0;font-size:12px}.table-row td:before{font-size:10px}.cell-tipo{margin:-14px -14px 0;padding:10px 14px!important}.tipo-cell{font-size:13px}.tipo-cell svg{width:16px;height:16px}.cell-contenido .truncate{font-size:12px}.user-avatar{width:28px;height:28px;font-size:11px}.user-nombre{font-size:12px}.user-handle{font-size:10px}.cell-acciones .action-link{padding:10px 14px;font-size:12px}}.custom-alert-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .2s ease-in-out}.custom-alert-container{background-color:#fff;border-radius:15px;padding:24px;width:90%;max-width:400px;box-shadow:0 10px 25px #0000004d;animation:slideUp .3s ease-out}@media(prefers-color-scheme:dark){.custom-alert-container{background-color:#1f2937;color:#f3f4f6}}.custom-alert-title{font-size:1.25rem;font-weight:700;margin:0 0 12px;text-align:center;color:inherit}.custom-alert-message{font-size:1rem;line-height:1.5;margin:0 0 20px;text-align:center;color:inherit;opacity:.9}.custom-alert-buttons{display:flex;gap:10px;justify-content:center}.custom-alert-button{flex:1;padding:12px 20px;border-radius:10px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;font-family:inherit}.custom-alert-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.custom-alert-button:active{transform:translateY(0)}.custom-alert-button-confirm{color:#fff}.custom-alert-button-cancel{background-color:transparent;border:2px solid}.custom-alert-button-extra{width:100%;margin-top:10px;color:#fff}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.custom-alert-container{width:95%;padding:20px}.custom-alert-title{font-size:1.125rem}.custom-alert-message{font-size:.9375rem}.custom-alert-button{padding:10px 16px;font-size:.9375rem}}:root{--primary-purple: #5a2d6e;--gray-dark: #333333;--gray-light: #f6f7f8;--white: #ffffff;--shadow-subtle: 0 4px 12px rgba(0, 0, 0, .05);--shadow-light: 0 2px 8px rgba(0, 0, 0, .08);--border-radius: 12px;--border-radius-sm: 10px;--orange-pastel: #fdefd6;--yellow-light: #fff8dc;--gray-pale: #f9fafb;--text-primary: #1a1a1a;--text-secondary: #666666;--text-muted: #999999;--yellow-badge: #fff4d9;--orange-badge: #fce6c9;--border-color: #e0e0e0}.detalles-container{width:100%;background-color:var(--gray-light);min-height:100vh;padding:0}.detalles-header{background-color:var(--white);border-bottom:1px solid var(--border-color);padding:20px 40px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-light);margin-bottom:24px}.header-left{flex:1}.back-button{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;color:var(--primary-purple);font-size:14px;font-weight:600;transition:all .3s ease;padding:8px 12px;border-radius:6px}.back-button:hover{background-color:#5a2d6e1a;gap:10px}.back-button svg{width:20px;height:20px}.header-right{display:flex;align-items:center;gap:16px}.case-id{font-size:12px;color:var(--text-muted);font-weight:600;background-color:#f5f5f5;padding:6px 12px;border-radius:6px;text-transform:uppercase}.badge-prioridad{display:flex;align-items:center;gap:8px;background-color:var(--orange-pastel);color:#d97d3a;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge-prioridad svg{width:14px;height:14px}.detalles-title-section{padding:0 40px 20px}.detalles-title{font-size:32px;font-weight:700;color:var(--gray-dark);margin:0;letter-spacing:-.5px}.detalles-content{padding:0 40px 40px;max-width:1200px;margin:0 auto}.detalles-card{background-color:var(--white);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-subtle);margin-bottom:24px;border:1px solid #f0f0f0}.card-title{font-size:14px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.contenido-card{background-color:var(--gray-pale);border-radius:var(--border-radius-sm);padding:20px;border:1px solid #e8eaed}.contenido-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.badge-tipo{display:inline-block;background-color:var(--primary-purple);color:var(--white);padding:4px 10px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.contenido-categoria{font-size:12px;color:var(--text-secondary);font-weight:500}.contenido-texto{font-size:14px;color:var(--text-primary);line-height:1.6;margin:0}.detalles-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.autor-info{display:flex;align-items:flex-start;gap:16px}.autor-avatar{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary-purple),#4a1f5a);color:var(--white);flex-shrink:0}.autor-avatar svg{width:32px;height:32px}.autor-details{flex:1}.autor-nombre{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.autor-handle{font-size:12px;color:var(--text-muted);margin:0 0 12px}.autor-fecha{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.autor-fecha svg{width:14px;height:14px;color:var(--text-muted)}.engagement-metrics{display:flex;flex-direction:column;gap:16px}.metric{display:flex;align-items:center;gap:16px}.metric-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;background-color:#f0f0f0;color:var(--primary-purple);flex-shrink:0}.metric-icon svg{width:24px;height:24px}.metric-info{display:flex;flex-direction:column;gap:4px}.metric-label{font-size:12px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.2px}.metric-value{font-size:16px;font-weight:600;color:var(--text-primary)}.metric-value.bold{font-weight:700}.info-column{display:flex;flex-direction:column;gap:16px}.info-item{display:flex;flex-direction:column;gap:6px}.info-label{font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.info-value{font-size:14px;color:var(--text-primary);font-weight:500;margin:0}.badge-estado{display:inline-block;background-color:var(--yellow-badge);color:#8b6914;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;width:fit-content}.respuestas-header{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.respuestas-count{font-size:12px;color:var(--text-muted);font-weight:500}.respuestas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.respuesta-card{border:2px solid var(--orange-badge);border-radius:var(--border-radius-sm);padding:16px;background-color:var(--white);box-shadow:var(--shadow-subtle);transition:all .3s ease}.respuesta-card:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-2px)}.respuesta-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.respuesta-titulo{font-size:13px;font-weight:700;color:var(--text-primary);margin:0;flex:1}.badge-respuesta{display:inline-block;padding:4px 10px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;flex-shrink:0}.badge-respuesta.media{background-color:var(--orange-badge);color:#d97d3a}.badge-respuesta.high{background-color:#e3b8ff;color:#7a4ea6}.badge-respuesta.critical{background-color:#ffcccb;color:#c00}.respuesta-texto{font-size:12px;color:var(--text-secondary);line-height:1.5;margin:0}.detalles-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.btn{padding:12px 32px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.btn-primary{background-color:var(--primary-purple);color:var(--white)}.btn-primary:hover{background-color:#4a1f5a;transform:translateY(-2px);box-shadow:0 4px 12px #5a2d6e4d}.btn-secondary{background-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background-color:#d0d0d0;transform:translateY(-2px)}@media(max-width:1200px){.detalles-content{padding:0 32px 32px}.detalles-title-section{padding:0 32px 20px}.detalles-header{padding:18px 32px}}@media(max-width:1024px){.detalles-grid-2{grid-template-columns:1fr}.detalles-content{padding:0 24px 24px}.detalles-title-section{padding:0 24px 20px}.detalles-header{padding:16px 24px}.detalles-card{padding:20px}.detalles-title{font-size:28px}.card-title{font-size:13px}}@media(max-width:768px){.detalles-header{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 16px}.header-right{width:100%;justify-content:space-between}.case-id{font-size:11px}.badge-prioridad{font-size:11px;padding:6px 12px}.detalles-title-section{padding:0 16px 16px}.detalles-content{padding:0 16px 24px}.detalles-title{font-size:24px}.detalles-card{padding:16px;margin-bottom:16px}.card-title{font-size:12px;margin-bottom:12px}.contenido-card{padding:16px}.autor-info{gap:12px}.autor-avatar{width:48px;height:48px}.autor-avatar svg{width:28px;height:28px}.autor-nombre{font-size:15px}.metric-icon{width:40px;height:40px}.respuestas-grid{grid-template-columns:1fr}.respuesta-card{padding:12px}.respuesta-titulo{font-size:12px}.respuesta-texto{font-size:11px}.detalles-actions{flex-direction:column;gap:10px}.btn{width:100%;padding:10px 16px;font-size:13px}}@media(max-width:480px){.detalles-header{flex-direction:column;gap:10px;padding:10px 12px}.back-button{font-size:12px;padding:6px 8px}.case-id{font-size:10px;padding:4px 8px}.badge-prioridad{font-size:10px;padding:5px 10px}.detalles-title{font-size:20px}.detalles-content{padding:0 12px 16px}.detalles-title-section{padding:0 12px 12px}.detalles-card{padding:12px;margin-bottom:12px}.contenido-texto{font-size:13px}.autor-nome{font-size:14px}.respuesta-card{padding:10px;border:1px solid var(--orange-badge)}.metric{flex-direction:column;align-items:flex-start}.btn{padding:10px 12px;font-size:12px}}.detalles-card,.respuesta-card{animation:fadeIn .4s ease-out}.respuesta-card.selected{border:2px solid #7A4EA6;background-color:#f5f0ff}.respuesta-card{transition:all .2s ease}.respuesta-card:hover{border-color:#7a4ea6;transform:translateY(-2px);box-shadow:0 4px 12px #7a4ea626}.notas-textarea{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:120px;transition:border-color .3s ease}.notas-textarea:focus{outline:none;border-color:#7a4ea6;box-shadow:0 0 0 3px #7a4ea61a}.notas-textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.respuesta-rapida-selector{display:flex;flex-direction:column;gap:1.25rem}.selector-group{display:flex;flex-direction:column;gap:.625rem}.selector-group label{font-weight:600;font-size:14px;color:#2c3e50;display:flex;align-items:center;gap:.5rem}.selector-input{width:100%;padding:12px 36px 12px 14px;border:1.5px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;background-color:#fff;color:#2c3e50;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.selector-input:hover{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.selector-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 4px #3498db26}.selector-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.mensaje-preview{margin-top:.75rem;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 8px #667eea33;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mensaje-preview strong{display:block;margin-bottom:.625rem;color:#fff;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mensaje-preview p{margin:0;color:#fff;line-height:1.6;font-size:14px;background-color:#ffffff1a;padding:12px;border-radius:6px;border-left:3px solid rgba(255,255,255,.5)}.respuesta-selector-loading,.respuesta-selector-error{padding:16px;text-align:center;border-radius:8px;font-size:14px;font-weight:500}.respuesta-selector-loading{background-color:#f8f9fa;color:#6c757d;border:1.5px dashed #dee2e6}.respuesta-selector-error{background-color:#fff5f5;color:#e53e3e;border:1.5px solid #feb2b2;display:flex;align-items:center;justify-content:center;gap:.5rem}.historial-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;margin-top:20px}.historial-titulo{font-size:18px;font-weight:600;color:#2c3e50;margin:0;display:flex;align-items:center;gap:8px}.historial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.historial-contador-rechazos{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff4e6;border:1px solid #FFB74D;border-radius:12px;font-weight:600;font-size:13px;color:#e65100}.historial-contador-rechazos svg{color:#ff9800}.historial-loading,.historial-error,.historial-vacio{text-align:center;padding:20px;color:#7f8c8d;font-size:14px}.historial-error{color:#e74c3c}.historial-timeline{display:flex;flex-direction:column;gap:0}.historial-item{position:relative;padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:12px;transition:all .2s ease}.historial-item:hover{background:#f1f3f5;transform:translate(4px)}.historial-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.historial-item-accion{display:flex;align-items:center;gap:8px}.historial-icon{width:20px;height:20px}.historial-icon-aprobada{color:#27ae60}.historial-icon-rechazada{color:#e74c3c}.historial-icon-bloqueada{color:#e67e22}.historial-accion-texto{font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.historial-accion-aprobada{color:#27ae60}.historial-accion-rechazada{color:#e74c3c}.historial-accion-bloqueada{color:#e67e22}.historial-item-fecha{display:flex;align-items:center;gap:6px;font-size:12px;color:#7f8c8d}.historial-item-moderador{display:flex;align-items:center;gap:6px;font-size:13px;color:#34495e;margin-bottom:8px}.historial-item-respuesta{margin-top:12px;padding:12px;background:#fff;border-radius:6px;border-left:3px solid #9b59b6}.historial-respuesta-label{font-size:13px;color:#2c3e50;margin-bottom:8px}.historial-respuesta-label strong{color:#9b59b6}.historial-respuesta-mensaje{font-size:13px;color:#34495e}.historial-respuesta-mensaje strong{color:#9b59b6;display:block;margin-bottom:4px}.historial-respuesta-mensaje p{margin:0;padding:8px;background:#f8f9fa;border-radius:4px;font-style:italic;color:#555;line-height:1.5}.historial-item-line{position:absolute;left:50%;bottom:-12px;width:2px;height:12px;background:linear-gradient(to bottom,#e0e0e0,transparent);transform:translate(-50%)}@media(max-width:768px){.historial-item-header{flex-direction:column;align-items:flex-start;gap:8px}}.layout-wrapper{display:flex;min-height:100vh;width:100%;background-color:#f5f5f5;overflow:hidden}.sidebar{background:linear-gradient(180deg,#1a1a2e,#16213e);transition:width .3s ease;overflow:hidden;display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:fixed;left:0;top:0;z-index:1000}.sidebar.open{width:260px}.sidebar.closed{width:0}.sidebar-content{display:flex;flex-direction:column;height:100%;width:260px}.sidebar-header{display:flex;align-items:center;gap:12px;padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{width:48px;height:48px;border-radius:12px;object-fit:contain;background:#fff;padding:4px}.sidebar-title h2{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.sidebar-title p{color:#fff9;font-size:.75rem;margin:0}.sidebar-nav{flex:1;overflow-y:auto;padding:16px 12px}.menu-item-container{margin-bottom:4px}.menu-button,.menu-link{display:flex;align-items:center;width:100%;padding:12px 16px;border:none;border-radius:8px;background:transparent;color:#ffffffb3;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.menu-button:hover,.menu-link:hover{background:#7a4ea633;color:#fff}.menu-link.active{background:linear-gradient(90deg,#7a4ea6,#9b6bc3);color:#fff}.menu-button.nested,.menu-link.nested{padding-left:48px;font-size:.8125rem}.menu-button-content{display:flex;align-items:center;gap:12px;flex:1}.menu-link{gap:12px}.menu-label{font-weight:500}.submenu{margin-top:4px;margin-left:8px}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.user-info{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:8px;margin-bottom:12px}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.user-details{flex:1;min-width:0}.nombre-user{color:#fff!important;font-size:.875rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{color:#fff9;font-size:.75rem;margin:0}.logout-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border:1px solid rgba(239,68,68,.5);border-radius:8px;background:transparent;color:#ef4444;font-size:.875rem;cursor:pointer;transition:all .2s ease}.logout-button:hover{background:#ef44441a;border-color:#ef4444}.refresh-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border:1px solid rgba(122,78,166,.5);border-radius:8px;background:transparent;color:#9b6bc3;font-size:.8rem;cursor:pointer;transition:all .2s ease;margin-bottom:8px}.refresh-button:hover{background:#7a4ea61a;border-color:#7a4ea6}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.refresh-button .spin{animation:spin 1s linear infinite}.main-container{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-left:260px;transition:margin-left .3s ease;min-height:100vh}.main-container.sidebar-closed{margin-left:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #e5e5e5}.menu-toggle{padding:8px;border:none;border-radius:8px;background:transparent;color:#333;cursor:pointer;transition:background .2s ease}.menu-toggle:hover{background:#f0f0f0}.topbar-right{display:flex;align-items:center;gap:16px}.user-email{color:#666;font-size:.875rem}.main-content{flex:1;overflow-y:auto;padding:0;background-color:#f6f7f8;min-height:0}.main-content{-webkit-overflow-scrolling:touch}.sidebar-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:999;opacity:0;transition:opacity .3s ease}.sidebar-overlay.visible{display:block;opacity:1}@media(max-width:1024px){.sidebar{position:fixed;z-index:1000;height:100vh;transform:translate(-100%);transition:transform .3s ease,width .3s ease}.sidebar.open{width:260px;transform:translate(0)}.sidebar.closed{width:260px;transform:translate(-100%)}.main-container{margin-left:0!important}.sidebar-overlay{display:none}.sidebar-overlay.visible{display:block}.topbar{padding:12px 16px}.user-email{display:none}}@media(max-width:768px){.sidebar.open,.sidebar.closed,.sidebar-content{width:280px}.topbar{padding:10px 12px}.menu-toggle{padding:6px}.menu-toggle svg{width:22px;height:22px}}@media(max-width:480px){.sidebar.open,.sidebar.closed,.sidebar-content{width:100%;max-width:300px}.sidebar-header{padding:20px 16px}.sidebar-logo{width:40px;height:40px}.sidebar-title h2{font-size:1.1rem}.sidebar-nav{padding:12px 8px}.menu-button,.menu-link{padding:10px 14px;font-size:.8125rem}.menu-button.nested,.menu-link.nested{padding-left:40px}.sidebar-footer{padding:12px}.user-info{padding:10px}.user-avatar{width:36px;height:36px}.nombre-user{font-size:.8125rem}.user-role{font-size:.6875rem}.logout-button{padding:8px;font-size:.8125rem}}.dashboard-page{padding:8px 0;max-width:1400px;margin:0 auto}.welcome-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:16px;padding:24px 28px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d}.welcome-text h1{font-size:1.5rem;font-weight:700;color:#1a1a2e;margin:0 0 4px}.welcome-text p{color:#666;margin:0;font-size:.875rem}.welcome-badge{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #f0f0f0}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:#1a1a2e;line-height:1.2}.stat-label{font-size:.8125rem;color:#888;margin-top:2px}.quick-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.quick-stat-card{background:#fff;border-radius:12px;padding:18px 20px;box-shadow:0 2px 8px #0000000d;border:1px solid #f0f0f0}.quick-stat-header{display:flex;align-items:center;gap:8px;color:#666;font-size:.8125rem;margin-bottom:8px}.quick-stat-header svg{color:#7a4ea6;width:18px;height:18px}.quick-stat-value{font-size:1.375rem;font-weight:700;color:#1a1a2e}.quick-stat-value.critical{color:#d32f2f}.info-section{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-card{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 2px 8px #0000000d;border:1px solid #f0f0f0}.info-card h3{font-size:.9375rem;font-weight:600;color:#1a1a2e;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.action-list{list-style:none;padding:0;margin:0}.action-list li{margin-bottom:4px}.action-list li:last-child{margin-bottom:0}.action-list a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:#333;text-decoration:none;transition:all .2s ease;font-size:.8125rem}.action-list a:hover{background:#f8f9fa;color:#7a4ea6}.action-list a svg{color:#7a4ea6;width:16px;height:16px}.activity-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;color:#999;text-align:center}.activity-placeholder svg{margin-bottom:10px;opacity:.4;width:28px;height:28px}.activity-placeholder p{margin:0;font-size:.8125rem}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.quick-stats-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.dashboard-page{padding:4px 0}.welcome-section{flex-direction:column;align-items:flex-start;padding:18px 20px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.quick-stats-row,.info-section{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}.stat-icon{width:42px;height:42px}.stat-value{font-size:1.25rem}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}.admin-page{padding:24px;min-height:100%;background:#f8f9fc}@media(min-width:768px){.admin-page{padding:32px}}@media(min-width:1200px){.admin-page{padding:40px}}.page-header p{color:#666;margin:8px 0 0;font-size:.875rem}.search-input-wrapper input{flex:1;border:none;outline:none;font-size:.875rem;background:transparent;min-width:0}th.center{text-align:center}td.center{text-align:center}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:600;flex-shrink:0;box-shadow:0 2px 8px #7a4ea640}.role-cell{display:flex;align-items:center;gap:12px}.role-icon{color:#7a4ea6}.status-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}button.status-badge:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001a}button.status-badge:disabled{cursor:not-allowed;opacity:.6;transform:none}button.status-badge:disabled:hover{transform:none;box-shadow:none}.role-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:600;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff;white-space:nowrap;text-align:center;min-width:fit-content}.role-badge.no-role{background:#e8e8e8;color:#888;font-style:italic}.action-cell .no-actions{color:#999;font-size:.75rem;font-style:italic;padding:8px 12px;background:#f5f5f5;border-radius:6px}.icon-btn svg{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;flex-shrink:0}.icon-btn.permisos{background:linear-gradient(135deg,#f3e5f5,#e1bee7)}.icon-btn.permisos svg{color:#7b1fa2!important;stroke:#7b1fa2!important}.icon-btn.permisos:hover{box-shadow:0 4px 12px #9c27b066}.pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(to bottom,#f8f9fc,#f3f4f8);border-top:1px solid #e8e8f0;font-size:.875rem;color:#666;flex-wrap:wrap;gap:12px}@media(min-width:768px){.pagination{padding:18px 24px}}.pagination-buttons{display:flex;gap:10px}.pagination-buttons button{width:40px;height:40px;border:1px solid #e0e0e0;border-radius:10px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pagination-buttons button:hover:not(:disabled){background:#f8f9fc;border-color:#7a4ea6;color:#7a4ea6}.modal{background:#fff;border-radius:20px;box-shadow:0 24px 80px #00000059;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .25s ease-out;color:#1a1a2e}.modal.modal-lg{max-width:900px}.modal-header{padding:24px 28px;border-bottom:1px solid #e8e8f0;background:linear-gradient(to bottom,#fafafd,#fff);border-radius:20px 20px 0 0}@media(min-width:768px){.modal-header h2{font-size:1.375rem}}.modal-body .form-group label{color:#333}.modal-body .form-group input,.modal-body .form-group select,.modal-body .form-group textarea{background:#fff!important;color:#1a1a2e!important;border:2px solid #e0e0e8}.modal-body .form-group input:focus,.modal-body .form-group select:focus,.modal-body .form-group textarea:focus{border-color:#7a4ea6;box-shadow:0 0 0 4px #7a4ea61f}.modal-body .form-group input::placeholder,.modal-body .form-group textarea::placeholder{color:#999!important}.modal-footer .btn-secondary{background:#fff;color:#555;border:2px solid #e0e0e8}.modal-footer .btn-secondary:hover{background:#f5f5f8;border-color:#ccc}.modal-footer .btn-primary{background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff;border:none}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:10px;font-size:.875rem;font-weight:600;color:#333}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.checkbox-group label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500}.checkbox-group input[type=checkbox]{width:20px;height:20px;accent-color:#7A4EA6;cursor:pointer}.password-input{position:relative}.password-input input{padding-right:50px}.password-input button{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#666;padding:6px;border-radius:6px;transition:all .2s}.password-input button:hover{color:#7a4ea6;background:#7a4ea61a}.permisos-table{max-height:450px;overflow-y:auto;border-radius:12px;border:1px solid #e8e8f0}.permisos-table table{font-size:.8125rem}.permisos-table th,.permisos-table td{padding:12px 16px}.tabla-name{font-weight:600;color:#1a1a2e;font-family:Monaco,Menlo,monospace;font-size:.8125rem;background:#f8f9fc;padding:4px 10px;border-radius:6px}.permiso-btn{width:36px;height:36px;border-radius:10px;border:2px solid #e8e8f0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#ccc}.permiso-btn.active{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745;color:#28a745}.permiso-btn:hover{transform:scale(1.15);box-shadow:0 2px 8px #00000026}@media(max-width:768px){.action-bar{flex-direction:column;align-items:stretch}.search-form{max-width:none}.action-buttons{justify-content:stretch}.form-row{grid-template-columns:1fr}.table-container{overflow-x:auto;border-radius:12px}table{min-width:600px}th,td{padding:12px 16px}}@media(max-width:480px){.admin-page{padding:16px}.page-header h1{font-size:1.25rem}.action-bar{padding:14px 16px}.btn-primary,.btn-secondary{padding:10px 16px;font-size:.8125rem}.modal{border-radius:16px}.modal-header,.modal-body,.modal-footer{padding:20px}}.permisos-layout{display:grid;grid-template-columns:300px 1fr;gap:28px;min-height:calc(100vh - 280px)}@media(max-width:1100px){.permisos-layout{grid-template-columns:260px 1fr;gap:20px}}.roles-panel{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;height:fit-content;max-height:calc(100vh - 280px);position:sticky;top:24px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f5}.panel-header h3{font-size:1.0625rem;font-weight:700;color:#1a1a2e;margin:0;display:flex;align-items:center;gap:10px}.panel-header h3 svg{color:#7a4ea6}.btn-icon{background:#f8f9fc;border:1px solid #e8e8f0;border-radius:10px;padding:10px;cursor:pointer;color:#666;transition:all .2s}.btn-icon:hover{background:#f0f0f5;color:#7a4ea6;border-color:#7a4ea6}.search-form.compact{margin-bottom:20px}.search-form.compact .search-input-wrapper{padding:10px 14px;border-radius:10px}.search-form.compact .search-input-wrapper input{font-size:.8125rem}.roles-list{flex:1;overflow-y:auto;margin:0 -8px;padding:0 8px}.rol-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;cursor:pointer;transition:all .2s;margin-bottom:6px;border:2px solid transparent}.rol-item:hover{background:#f8f9fc;border-color:#e8e8f0}.rol-item.selected{background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff;box-shadow:0 4px 16px #7a4ea659}.rol-item.selected svg{color:#fff}.rol-item.inactive{opacity:.55}.rol-item svg{color:#7a4ea6;flex-shrink:0}.rol-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.rol-name{font-weight:600;font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inactive-badge{font-size:.6875rem;color:#888;background:#f0f0f5;padding:3px 8px;border-radius:6px;width:fit-content;font-weight:500}.rol-item.selected .inactive-badge{background:#ffffff40;color:#fffffff2}.roles-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding-top:16px;margin-top:16px;border-top:1px solid #f0f0f5;font-size:.8125rem;color:#666;font-weight:500}.roles-pagination button{width:32px;height:32px;border:1px solid #e8e8f0;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.roles-pagination button:hover:not(:disabled){background:#f8f9fc;border-color:#7a4ea6;color:#7a4ea6}.roles-pagination button:disabled{opacity:.4;cursor:not-allowed}.permisos-panel{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;overflow:hidden}.permisos-panel .panel-header{padding:24px 28px;border-bottom:1px solid #f0f0f5;margin-bottom:0;background:linear-gradient(to bottom,#fafafd,#fff)}@media(min-width:768px){.permisos-panel .panel-header{padding:28px 32px}}.permisos-table-wrapper{flex:1;overflow:auto;padding:0}.permisos-table-full{width:100%;border-collapse:collapse}.permisos-table-full th{position:sticky;top:0;background:linear-gradient(to bottom,#f8f9fc,#f3f4f8);z-index:1;padding:16px 20px}.permisos-table-full td{padding:14px 20px}.permisos-table-full th.center{text-align:center;vertical-align:middle}.permisos-table-full th.center svg{color:#7a4ea6;display:block;margin:0 auto 4px}.permisos-table-full th.center span{font-size:.6875rem;font-weight:600;display:block}.permiso-btn-all{padding:6px 12px;border-radius:8px;border:2px solid #e8e8f0;background:#fff;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s;color:#666}.permiso-btn-all:hover{background:#f8f9fc;border-color:#7a4ea6;color:#7a4ea6}.permiso-btn-all.active{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#ef5350;color:#d32f2f}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;color:#999;text-align:center}.no-selection svg{color:#ddd;margin-bottom:20px}.no-selection h3{color:#555;margin:0 0 10px;font-size:1.25rem;font-weight:600}.no-selection p{margin:0;font-size:.9375rem;color:#888}.empty-message{padding:28px;text-align:center;color:#999;font-size:.9375rem}@media(max-width:1000px){.permisos-layout{grid-template-columns:1fr;gap:24px}.roles-panel{max-height:none;position:static}.roles-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:0;padding:0}.rol-item{margin-bottom:0}}@media(max-width:600px){.roles-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.rol-item{padding:12px 14px}.rol-name{font-size:.875rem}.permisos-panel .panel-header{padding:20px}.permisos-table-full th,.permisos-table-full td{padding:12px 14px}}.confirm-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.confirm-dialog{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-close{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:#666;transition:all .2s ease}.confirm-close:hover{background:#f5f5f5;color:#333}.confirm-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.confirm-icon.danger{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#d32f2f}.confirm-icon.warning{background:linear-gradient(135deg,#fff8e1,#ffecb3);color:#f57c00}.confirm-icon.info{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2}.confirm-title{font-size:1.25rem;font-weight:600;color:#1a1a2e;margin:0 0 12px}.confirm-message{font-size:.9375rem;color:#666;margin:0 0 28px;line-height:1.5}.confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-btn{padding:12px 28px;border-radius:10px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;min-width:120px}.confirm-btn.cancel{background:#f5f5f5;color:#666}.confirm-btn.cancel:hover{background:#e0e0e0;color:#333}.confirm-btn.danger{background:linear-gradient(135deg,#ef5350,#d32f2f);color:#fff;box-shadow:0 4px 12px #d32f2f4d}.confirm-btn.danger:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d32f2f66}.confirm-btn.warning{background:linear-gradient(135deg,#ffb74d,#f57c00);color:#fff;box-shadow:0 4px 12px #f57c004d}.confirm-btn.warning:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f57c0066}.confirm-btn.info{background:linear-gradient(135deg,#64b5f6,#1976d2);color:#fff;box-shadow:0 4px 12px #1976d24d}.confirm-btn.info:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1976d266}.usuarios-page{padding:24px;min-height:100%;background:#f8f9fc}@media(min-width:768px){.usuarios-page{padding:32px}}@media(min-width:1200px){.usuarios-page{padding:40px}}.usuarios-page .page-header{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #e8e8f0}.usuarios-page .header-content{display:flex;align-items:center;gap:16px}.usuarios-page .header-icon{width:48px;height:48px;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #7a4ea64d}.usuarios-page .page-header h1{font-size:1.5rem;font-weight:700;color:#1a1a2e;margin:0}@media(min-width:768px){.usuarios-page .page-header h1{font-size:1.75rem}}.usuarios-page .page-header p{color:#666;margin:4px 0 0;font-size:.875rem}.usuarios-page .action-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 2px 8px #0000000a}@media(min-width:768px){.usuarios-page .action-bar{padding:20px 24px}}.usuarios-page .search-form{flex:1;min-width:200px;max-width:400px}@media(max-width:600px){.usuarios-page .search-form{min-width:100%;max-width:100%}}.usuarios-page .search-input-wrapper{display:flex;align-items:center;gap:12px;background:#f8f9fc;border:1px solid #e0e0e0;border-radius:10px;padding:12px 16px;transition:all .2s ease}.usuarios-page .search-input-wrapper:focus-within{border-color:#7a4ea6;background:#fff;box-shadow:0 0 0 3px #7a4ea61a}.usuarios-page .search-input-wrapper svg{color:#999;flex-shrink:0}.usuarios-page .search-input-wrapper input{flex:1;border:none;outline:none;font-size:.875rem;background:transparent;min-width:0;color:#1a1a2e}.usuarios-page .search-input-wrapper input::placeholder{color:#999}.usuarios-page .action-buttons{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:600px){.usuarios-page .action-buttons{width:100%;justify-content:stretch}.usuarios-page .action-buttons .btn-primary,.usuarios-page .action-buttons .btn-secondary{flex:1;justify-content:center}}.usuarios-page .btn-primary,.usuarios-page .btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;font-size:.875rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease;border:none}.usuarios-page .btn-primary{background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff;box-shadow:0 4px 12px #7a4ea64d}.usuarios-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7a4ea666}.usuarios-page .btn-secondary{background:#fff;color:#555;border:1px solid #e0e0e0}.usuarios-page .btn-secondary:hover{background:#f8f9fc;border-color:#7a4ea6;color:#7a4ea6}.usuarios-page .results-counter{font-size:.8125rem;color:#666;margin-bottom:16px;padding:0 4px}.usuarios-page .table-container{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;overflow:hidden}.usuarios-page .table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.usuarios-page table{width:100%;border-collapse:collapse;min-width:700px}.usuarios-page thead{background:linear-gradient(to bottom,#f8f9fc,#f3f4f8)}.usuarios-page th{text-align:left;padding:16px 20px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#666;letter-spacing:.5px;border-bottom:2px solid #e8e8f0}@media(min-width:768px){.usuarios-page th{padding:18px 24px}}.usuarios-page td{padding:16px 20px;font-size:.875rem;color:#333;border-bottom:1px solid #f0f0f5}@media(min-width:768px){.usuarios-page td{padding:18px 24px}}.usuarios-page tbody tr{transition:background-color .15s ease}.usuarios-page tbody tr:hover{background:#fafafd}.usuarios-page tr:last-child td{border-bottom:none}.usuarios-page .user-avatar{width:44px;height:44px;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0;box-shadow:0 2px 8px #7a4ea640}.usuarios-page .user-avatar.female{background:linear-gradient(135deg,#ec407a,#f48fb1);box-shadow:0 2px 8px #ec407a40}.usuarios-page .user-name{font-weight:600!important;color:#1a1a1a!important;font-size:15px!important;display:block}.usuarios-page .status-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:600;border:none}.usuarios-page .status-badge.male{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.usuarios-page .status-badge.female{background:linear-gradient(135deg,#fce4ec,#f8bbd9);color:#c2185b}.usuarios-page .status-badge.active{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.usuarios-page .status-badge.inactive{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24}.usuarios-page .action-cell{display:flex;gap:10px;justify-content:flex-start}.usuarios-page .icon-btn{width:38px;height:38px;min-width:38px;border-radius:10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 6px #0000001a}.usuarios-page .icon-btn svg{width:18px!important;height:18px!important}.usuarios-page .icon-btn:hover{transform:scale(1.1)}.usuarios-page .icon-btn.view{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.usuarios-page .icon-btn.view svg{color:#388e3c!important;stroke:#388e3c!important}.usuarios-page .icon-btn.view:hover{box-shadow:0 4px 12px #388e3c4d}.usuarios-page .icon-btn.edit{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.usuarios-page .icon-btn.edit svg{color:#1976d2!important;stroke:#1976d2!important}.usuarios-page .icon-btn.edit:hover{box-shadow:0 4px 12px #1976d24d}.usuarios-page .icon-btn.delete{background:linear-gradient(135deg,#ffebee,#ffcdd2)}.usuarios-page .icon-btn.delete svg{color:#d32f2f!important;stroke:#d32f2f!important}.usuarios-page .icon-btn.delete:hover{box-shadow:0 4px 12px #d32f2f4d}.usuarios-page .loading-cell,.usuarios-page .empty-cell{text-align:center;padding:60px 20px!important;color:#999;font-size:.9375rem}.usuarios-page .spin{animation:spin 1s linear infinite;color:#7a4ea6}.usuarios-page .empty-state{display:flex;flex-direction:column;align-items:center;gap:12px}.usuarios-page .empty-state svg{color:#ccc}.usuarios-page .empty-state p{margin:0;color:#666}.usuarios-page .empty-state .hint{font-size:.8125rem;color:#999}.usuarios-page .pagination{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid #f0f0f5;flex-wrap:wrap;gap:16px}@media(max-width:600px){.usuarios-page .pagination{flex-direction:column;gap:12px}}.usuarios-page .pagination-info{font-size:.8125rem;color:#666}@media(max-width:600px){.usuarios-page .pagination-info{display:none}}.usuarios-page .pagination-buttons{display:flex;align-items:center;gap:12px}.usuarios-page .pagination-buttons button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;padding:0;border:1px solid #e0e0e0;border-radius:10px;background:#fff;cursor:pointer;color:#555;transition:all .2s ease;box-shadow:0 2px 6px #00000014}.usuarios-page .pagination-buttons button svg{width:22px!important;height:22px!important;stroke-width:2.5}.usuarios-page .pagination-buttons button:hover:not(:disabled){background:linear-gradient(135deg,#7a4ea6,#9b6bc3);border-color:#7a4ea6;color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #7a4ea64d}.usuarios-page .pagination-buttons button:disabled{opacity:.4;cursor:not-allowed}.usuarios-page .pagination-buttons .page-indicator{padding:10px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:10px;font-size:.8125rem;font-weight:600;color:#1a1a2e;white-space:nowrap}.usuarios-page .modal-overlay{position:fixed;inset:0;background:#1a1a2e99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:fadeIn .2s ease}.usuarios-page .modal{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.usuarios-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #e8e8f0;background:linear-gradient(to bottom,#fafafe,#f8f9fc)}.usuarios-page .modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#1a1a2e}.usuarios-page .close-btn{width:40px;height:40px;border:none;background:#f0f0f5;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease}.usuarios-page .close-btn:hover{background:#e8e8f0;color:#333}.usuarios-page .modal-body{padding:28px;max-height:60vh;overflow-y:auto}.usuarios-page .form-group{margin-bottom:20px}.usuarios-page .form-group label{display:block;font-size:.8125rem;font-weight:600;color:#333;margin-bottom:8px}.usuarios-page .form-group .required{color:#d32f2f;margin-left:4px}.usuarios-page .form-group input,.usuarios-page .form-group select,.usuarios-page .form-group textarea{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:10px;font-size:.875rem;color:#1a1a2e;background:#fff;transition:all .2s ease;box-sizing:border-box}.usuarios-page .form-group input:focus,.usuarios-page .form-group select:focus,.usuarios-page .form-group textarea:focus{outline:none;border-color:#7a4ea6;box-shadow:0 0 0 3px #7a4ea61a}.usuarios-page .form-group input:disabled{background:#f8f9fc;color:#999}.usuarios-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:500px){.usuarios-page .form-row{grid-template-columns:1fr}}.usuarios-page .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid #e8e8f0;background:#fafafe}.usuarios-page .modal-footer .btn-secondary{background:#fff;color:#666;border:1px solid #e0e0e0}.usuarios-page .modal-footer .btn-secondary:hover{background:#f8f9fc;border-color:#ccc}.usuarios-page .modal-footer .btn-primary{background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff;border:none}.usuarios-page .modal-footer .btn-primary:hover{box-shadow:0 4px 16px #7a4ea666}@media(max-width:480px){.usuarios-page{padding:16px}.usuarios-page .page-header h1{font-size:1.25rem}.usuarios-page .header-icon{width:40px;height:40px}.usuarios-page .action-bar{padding:14px 16px}.usuarios-page .btn-primary,.usuarios-page .btn-secondary{padding:10px 14px;font-size:.8rem}.usuarios-page .btn-secondary span{display:none}.usuarios-page .table-container{border-radius:12px;margin:0 -8px}.usuarios-page .pagination{padding:14px 16px}.usuarios-page .pagination-buttons button{width:36px;height:36px;min-width:36px}.usuarios-page .pagination-buttons .page-indicator{padding:8px 12px;font-size:.75rem}.usuarios-page .modal{border-radius:16px}.usuarios-page .modal-header{padding:18px 20px}.usuarios-page .modal-header h2{font-size:1.1rem}.usuarios-page .modal-body{padding:20px}.usuarios-page .modal-footer{padding:16px 20px;flex-direction:column}.usuarios-page .modal-footer button{width:100%;justify-content:center}}@media(max-width:768px){.usuarios-page .action-bar{flex-direction:column;align-items:stretch}.usuarios-page .search-form{min-width:100%;max-width:100%}.usuarios-page .action-buttons{width:100%;justify-content:flex-end}.usuarios-page .table-container{position:relative}.usuarios-page .table-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:30px;background:linear-gradient(to right,transparent,rgba(255,255,255,.9));pointer-events:none;opacity:1;transition:opacity .3s}.usuarios-page .table-container::-webkit-scrollbar{height:6px}.usuarios-page .table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.usuarios-page .table-container::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:3px}.usuarios-page .table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}}.iglesia-page{padding:24px;min-height:100%;background:#f8f9fc}@media(min-width:768px){.iglesia-page{padding:32px}}@media(min-width:1200px){.iglesia-page{padding:40px}}.page-header{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #e8e8f0}.page-header .header-content{display:flex;align-items:center;gap:16px}.page-header .header-icon{width:48px;height:48px;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #7a4ea64d}.page-header h1{font-size:1.5rem;font-weight:700;color:#1a1a2e;margin:0}@media(min-width:768px){.page-header h1{font-size:1.75rem}}.page-header p{color:#666;margin:4px 0 0;font-size:.875rem}.action-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 2px 8px #0000000a}@media(min-width:768px){.action-bar{padding:20px 24px}}.search-form{flex:1;min-width:200px;max-width:400px}@media(max-width:600px){.search-form{min-width:100%;max-width:100%}}.search-input-wrapper{display:flex;align-items:center;gap:12px;background:#f8f9fc;border:1px solid #e0e0e0;border-radius:10px;padding:12px 16px;transition:all .2s ease}.action-buttons{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:600px){.action-buttons{width:100%;justify-content:stretch}.action-buttons .btn-primary,.action-buttons .btn-secondary{flex:1;justify-content:center}}.results-counter{margin-bottom:16px;font-size:.875rem;color:#666;padding:0 4px}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}@media(min-width:768px){.btn-primary,.btn-secondary{padding:12px 24px}}.btn-primary{background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff;box-shadow:0 4px 12px #7a4ea64d}.btn-primary:hover{background:linear-gradient(135deg,#6a3e96,#8b5bb3);transform:translateY(-2px);box-shadow:0 6px 16px #7a4ea666}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#fff;color:#444;border:1px solid #e0e0e0}.btn-secondary:hover{background:#f8f9fc;border-color:#ccc}.table-container{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;overflow:hidden}table{width:100%;border-collapse:collapse}thead{background:linear-gradient(to bottom,#f8f9fc,#f3f4f8)}th{text-align:left;padding:16px 20px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#666;letter-spacing:.5px;border-bottom:2px solid #e8e8f0}@media(min-width:768px){th{padding:18px 24px}}td{padding:16px 20px;font-size:.875rem;color:#333;border-bottom:1px solid #f0f0f5}@media(min-width:768px){td{padding:18px 24px}}tbody tr{transition:background-color .15s ease}tbody tr:hover{background:#fafafd}tr:last-child td{border-bottom:none}.user-cell{display:flex;align-items:center;gap:14px}.user-avatar{width:44px;height:44px;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0;box-shadow:0 2px 8px #7a4ea640}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-weight:600;color:#1a1a2e}.user-email{font-size:.8125rem;color:#666}.status-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:600;border:none}.status-badge.active{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.status-badge.inactive{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24}.action-cell{display:flex;gap:10px;justify-content:flex-start}.icon-btn{width:38px;height:38px;min-width:38px;border-radius:10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 6px #0000001a}.icon-btn svg{width:18px!important;height:18px!important}.icon-btn:hover{transform:scale(1.1)}.icon-btn.view{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.icon-btn.view svg{color:#388e3c!important;stroke:#388e3c!important}.icon-btn.view:hover{box-shadow:0 4px 12px #388e3c4d}.icon-btn.edit{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.icon-btn.edit svg{color:#1976d2!important;stroke:#1976d2!important}.icon-btn.edit:hover{box-shadow:0 4px 12px #1976d24d}.icon-btn.delete{background:linear-gradient(135deg,#ffebee,#ffcdd2)}.icon-btn.delete svg{color:#d32f2f!important;stroke:#d32f2f!important}.icon-btn.delete:hover{box-shadow:0 4px 12px #d32f2f4d}.loading-cell,.empty-cell{text-align:center;padding:60px 20px!important;color:#999;font-size:.9375rem}.spin{animation:spin 1s linear infinite;color:#7a4ea6}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px}.empty-state svg{color:#ccc;margin-bottom:8px}.empty-state p{margin:0}.empty-state .hint{font-size:.8125rem;color:#aaa}.pagination{display:flex;align-items:center;justify-content:center;padding:16px 20px;background:linear-gradient(to bottom,#f8f9fc,#f3f4f8);border-top:1px solid #e8e8f0;font-size:.875rem;color:#666;flex-wrap:wrap;gap:12px}@media(min-width:768px){.pagination{justify-content:space-between;padding:18px 24px}}.pagination-info{font-weight:500;text-align:center;width:100%;order:2}@media(min-width:768px){.pagination-info{width:auto;order:0}}.pagination-buttons{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;flex-wrap:wrap}@media(min-width:768px){.pagination-buttons{width:auto;gap:10px}}.pagination-buttons button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;padding:0;border:1px solid #e0e0e0;border-radius:10px;background:#fff;cursor:pointer;font-size:.8125rem;font-weight:500;color:#555;transition:all .2s ease;box-shadow:0 2px 6px #0000001a}.pagination-buttons button svg{width:20px!important;height:20px!important;stroke-width:2.5px}.pagination-buttons button:hover:not(:disabled){background:#f8f9fc;border-color:#7a4ea6;color:#7a4ea6;transform:scale(1.1);box-shadow:0 4px 12px #7a4ea64d}.pagination-buttons button:disabled{opacity:.4;cursor:not-allowed}.pagination-buttons .page-indicator{padding:10px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:10px;font-size:.75rem;font-weight:600;color:#1a1a2e;white-space:nowrap}@media(min-width:480px){.pagination-buttons .page-indicator{padding:10px 16px;font-size:.8125rem}}.modal-overlay{position:fixed;inset:0;background:#1a1a2e99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}@media(min-width:768px){.modal-overlay{padding:24px}}.modal{background:#fff;border-radius:20px;box-shadow:0 24px 80px #00000059;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .25s ease-out;color:#1a1a2e}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:24px 28px;border-bottom:1px solid #e8e8f0;background:linear-gradient(to bottom,#fafafd,#fff);border-radius:20px 20px 0 0;display:flex;align-items:center;justify-content:space-between}@media(min-width:768px){.modal-header{padding:28px 32px}}.modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#1a1a2e}.modal-header .close-btn{background:none;border:none;padding:8px;cursor:pointer;color:#999;border-radius:8px;transition:all .2s}.modal-header .close-btn:hover{background:#f0f0f5;color:#666}.modal-body{padding:24px 28px;background:#fff}@media(min-width:768px){.modal-body{padding:28px 32px}}.modal-footer{padding:20px 28px;border-top:1px solid #e8e8f0;display:flex;justify-content:flex-end;gap:14px;background:#fafafd;border-radius:0 0 20px 20px}@media(min-width:768px){.modal-footer{padding:24px 32px}}.page-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 2px 8px #0000000a}@media(min-width:768px){.page-toolbar{padding:20px 24px}}.toolbar-actions{display:flex;gap:12px;align-items:center}.btn-refresh{width:42px;height:42px;border-radius:10px;border:1px solid #e0e0e0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-refresh:hover:not(:disabled){background:#f8f9fc;border-color:#7a4ea6}.btn-refresh:hover svg{color:#7a4ea6}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.btn-search{padding:12px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-search:hover{background:linear-gradient(135deg,#6a3e96,#8b5bb3)}.header-stats{margin-top:16px}.stat-badge{display:inline-flex;align-items:center;padding:6px 14px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;border-radius:20px;font-size:.75rem;font-weight:600}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:linear-gradient(to bottom,#f8f9fc,#f3f4f8)}.data-table th{text-align:left;padding:16px 20px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#666;letter-spacing:.5px;border-bottom:2px solid #e8e8f0}.data-table td{padding:16px 20px;font-size:.875rem;color:#333;border-bottom:1px solid #f0f0f5}.data-table tbody tr{transition:background-color .15s ease}.data-table tbody tr:hover{background:#fafafd}.data-table tr:last-child td{border-bottom:none}.cell-with-icon{display:flex;align-items:center;gap:8px}.cell-with-icon svg{color:#7a4ea6;flex-shrink:0}.action-buttons{display:flex;gap:8px}.btn-action{width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-action.btn-view{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#388e3c}.btn-action.btn-view:hover{transform:scale(1.1);box-shadow:0 4px 12px #388e3c4d}.btn-action.btn-edit{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2}.btn-action.btn-edit:hover{transform:scale(1.1);box-shadow:0 4px 12px #1976d24d}.btn-action.btn-delete{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#d32f2f}.btn-action.btn-delete:hover{transform:scale(1.1);box-shadow:0 4px 12px #d32f2f4d}.modal-content{background:#fff;border-radius:20px;box-shadow:0 24px 80px #00000059;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .25s ease-out}.modal-content.modal-large{max-width:900px}.modal-content .modal-header{padding:24px 28px;border-bottom:1px solid #e8e8f0;background:linear-gradient(to bottom,#fafafd,#fff);border-radius:20px 20px 0 0;display:flex;align-items:center;justify-content:space-between}.modal-content .modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#1a1a2e;display:flex;align-items:center;gap:12px}.modal-content .modal-header h2 svg{color:#7a4ea6}.modal-close{background:none;border:none;padding:8px;cursor:pointer;color:#999;border-radius:8px;transition:all .2s}.modal-close:hover{background:#f0f0f5;color:#666}.modal-content .modal-body{padding:24px 28px;background:#fff}.modal-content .modal-footer{padding:20px 28px;border-top:1px solid #e8e8f0;display:flex;justify-content:flex-end;gap:14px;background:#fafafd;border-radius:0 0 20px 20px}.form-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.form-grid{grid-template-columns:1fr 1fr}}.form-section{background:#fafafd;padding:20px;border-radius:12px;border:1px solid #e8e8f0}.form-section-title{display:flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:600;color:#1a1a2e;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.form-section-title svg{color:#7a4ea6}.form-checkbox{display:flex;align-items:center;gap:10px}.form-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#7A4EA6}.form-checkbox label{margin:0!important;cursor:pointer;font-weight:500!important}.form-group label{display:flex;align-items:center;gap:6px}.form-group label svg{color:#7a4ea6}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:8px;font-size:.875rem;font-weight:600;color:#333}.form-group label .required{color:#e53935;margin-left:4px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e8e8f0;border-radius:12px;font-size:.9375rem;transition:all .2s ease;background:#fff;color:#1a1a2e}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#d0d0e0}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#7a4ea6;background:#fff;box-shadow:0 0 0 4px #7a4ea61f}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f5f5f8;color:#888;cursor:not-allowed}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:500px){.form-row{grid-template-columns:1fr;gap:0}}@media(max-width:768px){.action-bar{flex-direction:column;align-items:stretch}.search-form{max-width:none}.table-container{overflow-x:auto;border-radius:12px}table{min-width:700px}th,td{padding:12px 16px}}@media(max-width:480px){.iglesia-page{padding:16px}.page-header h1{font-size:1.25rem}.action-bar{padding:14px 16px}.btn-primary,.btn-secondary{padding:10px 16px;font-size:.8125rem}.modal{border-radius:16px}.modal-header,.modal-body,.modal-footer{padding:20px}}.usuario-detalle-page{padding-bottom:40px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#666;gap:16px}.loading-container .spin{color:#7a4ea6}.detalle-header{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #0000000f}.back-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid #e0e0e0;border-radius:8px;color:#666;font-size:.875rem;cursor:pointer;transition:all .2s ease;margin-bottom:20px}.back-button:hover{background:#f8f9fc;border-color:#7a4ea6;color:#7a4ea6}.usuario-header-info{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.usuario-avatar-lg{width:80px;height:80px;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;flex-shrink:0;box-shadow:0 4px 16px #7a4ea64d}.usuario-avatar-lg.female{background:linear-gradient(135deg,#ec407a,#f48fb1);box-shadow:0 4px 16px #ec407a4d}.usuario-header-details{flex:1;min-width:200px}.usuario-header-details h1{font-size:1.5rem;font-weight:700;color:#1a1a2e;margin:0 0 6px}@media(min-width:768px){.usuario-header-details h1{font-size:1.75rem}}.usuario-email{color:#666;font-size:.9375rem;margin:0 0 12px}.usuario-badges{display:flex;gap:8px;flex-wrap:wrap}.tabs-container{background:#fff;border-radius:16px;margin-bottom:24px;box-shadow:0 2px 12px #0000000f;overflow:hidden}.tabs-navigation{display:flex;gap:4px;padding:8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#ccc transparent}.tabs-navigation::-webkit-scrollbar{height:4px}.tabs-navigation::-webkit-scrollbar-track{background:transparent}.tabs-navigation::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.tab-button{display:flex;align-items:center;gap:8px;padding:12px 18px;border:none;border-radius:10px;background:transparent;color:#666;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-button:hover{background:#f8f9fc;color:#7a4ea6}.tab-button.active{background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff;box-shadow:0 4px 12px #7a4ea64d}.tab-button svg{flex-shrink:0}@media(max-width:600px){.tab-button{padding:10px 14px;font-size:.8125rem}.tab-button span{display:none}.tab-button.active span{display:inline}}.tab-content{min-height:300px}.tab-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;overflow:hidden}.tab-card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e8e8f0;background:linear-gradient(to bottom,#fafafd,#fff);flex-wrap:wrap;gap:12px}.form-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:600px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:600px){.info-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.info-grid{grid-template-columns:repeat(3,1fr)}}.info-item{padding:16px;background:#f8f9fc;border-radius:12px;border:1px solid #e8e8f0}.info-item label{display:block;font-size:.75rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.info-item .value{font-size:.9375rem;font-weight:500;color:#1a1a2e}.info-item .value.mono{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;color:#666}.cards-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:600px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.cards-grid{grid-template-columns:repeat(3,1fr)}}.item-card{background:#fff;border:1px solid #e8e8f0;border-radius:14px;padding:20px;transition:all .2s ease}.item-card:hover{border-color:#d0d0e0;box-shadow:0 4px 16px #00000014}.item-card-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.item-avatar{width:50px;height:50px;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;flex-shrink:0}.item-avatar.female{background:linear-gradient(135deg,#ec407a,#f48fb1)}.item-avatar.icon-only{background:linear-gradient(135deg,#42a5f5,#64b5f6)}.item-card-info{flex:1;min-width:0}.item-card-info h4{font-size:1rem;font-weight:600;color:#1a1a2e;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-card-info p{font-size:.8125rem;color:#666;margin:0}.item-card-actions{display:flex;gap:8px;flex-shrink:0}.item-card-body{display:flex;flex-direction:column;gap:8px}.item-detail{display:flex;align-items:center;gap:8px;font-size:.8125rem}.item-detail .label{color:#888}.item-detail .value{color:#333;font-weight:500}.tab-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999}.tab-empty-state svg{color:#ccc;margin-bottom:16px}.tab-empty-state h3{font-size:1.125rem;font-weight:600;color:#666;margin:0 0 8px}.tab-empty-state p{font-size:.875rem;color:#999;margin:0;text-align:center}.sub-tabs{display:flex;gap:4px;padding:12px 20px;border-bottom:1px solid #e8e8f0;overflow-x:auto;background:#fafafd}.sub-tab-button{display:flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid transparent;border-radius:8px;background:transparent;color:#666;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.sub-tab-button:hover{background:#fff;border-color:#e0e0e0}.sub-tab-button.active{background:#fff;border-color:#7a4ea6;color:#7a4ea6;box-shadow:0 2px 8px #7a4ea626}.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(min-width:600px){.media-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.media-grid{grid-template-columns:repeat(4,1fr)}}.media-item{background:#fff;border:1px solid #e8e8f0;border-radius:12px;overflow:hidden;position:relative;transition:all .2s ease}.media-item:hover{border-color:#d0d0e0;box-shadow:0 4px 16px #00000014}.media-item-preview{aspect-ratio:1;background:#f8f9fc;display:flex;align-items:center;justify-content:center;color:#ccc}.media-item-info{padding:12px}.media-item-info h5{font-size:.8125rem;font-weight:600;color:#333;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-item-info p{font-size:.75rem;color:#888;margin:0}.media-item-actions{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .2s ease}.media-item:hover .media-item-actions{opacity:1}.notas-list{display:flex;flex-direction:column;gap:16px}.nota-item{background:#fff;border:1px solid #e8e8f0;border-radius:14px;padding:20px;transition:all .2s ease}.nota-item:hover{border-color:#d0d0e0;box-shadow:0 4px 16px #00000014}.nota-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.nota-header h4{font-size:1rem;font-weight:600;color:#1a1a2e;margin:0}.nota-content{font-size:.9375rem;color:#555;line-height:1.6;margin-bottom:12px}.nota-footer{font-size:.75rem;color:#888}.iglesias-page{padding:24px;max-width:1400px;margin:0 auto}.iglesias-page .page-header{margin-bottom:24px}.iglesias-page .header-content{display:flex;align-items:center;gap:16px}.iglesias-page .header-icon{width:56px;height:56px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #6366f14d}.iglesias-page .header-content h1{font-size:28px;font-weight:700;color:#1e293b;margin:0}.iglesias-page .header-content p{color:#64748b;margin:4px 0 0;font-size:14px}.iglesias-page .action-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.iglesias-page .search-form{flex:1;min-width:280px;max-width:400px}.iglesias-page .search-input-wrapper{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px;transition:all .2s ease}.iglesias-page .search-input-wrapper:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.iglesias-page .search-input-wrapper svg{color:#94a3b8;flex-shrink:0}.iglesias-page .search-input-wrapper input{flex:1;border:none;outline:none;font-size:14px;color:#334155;background:transparent}.iglesias-page .search-input-wrapper input::placeholder{color:#94a3b8}.iglesias-page .action-buttons{display:flex;gap:12px}.iglesias-page .btn-primary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #6366f14d}.iglesias-page .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.iglesias-page .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.iglesias-page .btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;color:#475569;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.iglesias-page .btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.iglesias-page .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.iglesias-page .results-counter{color:#64748b;font-size:14px;margin-bottom:16px;padding:8px 0}.iglesias-page .table-container{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:20px}.iglesias-page table{width:100%;border-collapse:collapse}.iglesias-page thead{background:#f8fafc}.iglesias-page th{padding:16px 20px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.iglesias-page td{padding:16px 20px;font-size:14px;color:#334155;border-bottom:1px solid #f1f5f9}.iglesias-page tbody tr:hover{background:#f8fafc}.iglesias-page tbody tr:last-child td{border-bottom:none}.iglesias-page .cell-with-icon{display:flex;align-items:center;gap:8px}.iglesias-page .cell-with-icon svg{color:#94a3b8;flex-shrink:0}.iglesias-page .cell-primary{font-weight:600;color:#1e293b}.iglesias-page .loading-cell,.iglesias-page .empty-cell{text-align:center;padding:48px 20px!important;color:#64748b}.iglesias-page .loading-cell,.iglesias-page .empty-cell{display:flex;flex-direction:column;align-items:center;gap:12px}.iglesias-page .empty-cell svg{color:#cbd5e1}.iglesias-page .action-cell{display:flex;align-items:center;gap:8px}.iglesias-page .icon-btn{width:38px;height:38px;border-radius:10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.iglesias-page .icon-btn svg{width:18px!important;height:18px!important}.iglesias-page .icon-btn.view{background:#eff6ff;color:#3b82f6}.iglesias-page .icon-btn.view:hover{background:#dbeafe;transform:translateY(-1px)}.iglesias-page .icon-btn.edit{background:#fef3c7;color:#f59e0b}.iglesias-page .icon-btn.edit:hover{background:#fde68a;transform:translateY(-1px)}.iglesias-page .icon-btn.delete{background:#fee2e2;color:#ef4444}.iglesias-page .icon-btn.delete:hover{background:#fecaca;transform:translateY(-1px)}.iglesias-page .pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.iglesias-page .pagination-info{color:#64748b;font-size:14px}.iglesias-page .pagination-buttons{display:flex;gap:8px}.iglesias-page .pagination-buttons button,.iglesias-page .btn-page{width:42px;height:42px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.iglesias-page .pagination-buttons button svg,.iglesias-page .btn-page svg{width:22px!important;height:22px!important}.iglesias-page .pagination-buttons button:hover:not(:disabled),.iglesias-page .btn-page:hover:not(:disabled){background:#f8fafc;border-color:#6366f1;color:#6366f1}.iglesias-page .pagination-buttons button:disabled,.iglesias-page .btn-page:disabled{opacity:.5;cursor:not-allowed}.iglesias-page .spin{animation:spin 1s linear infinite}.iglesias-page .modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.iglesias-page .modal-content{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.iglesias-page .modal-content.modal-large{max-width:900px}.iglesias-page .modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e2e8f0}.iglesias-page .modal-header h2{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#1e293b;margin:0}.iglesias-page .modal-header h2 svg{color:#6366f1}.iglesias-page .modal-close{width:40px;height:40px;border-radius:10px;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.iglesias-page .modal-close:hover{background:#e2e8f0;color:#ef4444}.iglesias-page .modal-body{padding:24px;overflow-y:auto;flex:1}.iglesias-page .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0;background:#f8fafc}.iglesias-page .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.iglesias-page .form-section{background:#f8fafc;border-radius:12px;padding:20px}.iglesias-page .form-section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#334155;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.iglesias-page .form-section-title svg{color:#6366f1}.iglesias-page .form-group{margin-bottom:16px}.iglesias-page .form-group:last-child{margin-bottom:0}.iglesias-page .form-group label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#475569;margin-bottom:8px}.iglesias-page .form-group label svg{color:#94a3b8}.iglesias-page .form-group input,.iglesias-page .form-group select,.iglesias-page .form-group textarea{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#334155;background:#fff;transition:all .2s ease;box-sizing:border-box}.iglesias-page .form-group input:focus,.iglesias-page .form-group select:focus,.iglesias-page .form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.iglesias-page .form-group textarea{resize:vertical;min-height:100px}.iglesias-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.iglesias-page .form-checkbox{display:flex;align-items:center;gap:10px}.iglesias-page .form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#6366f1}.iglesias-page .form-checkbox label{margin-bottom:0;cursor:pointer}@media(max-width:768px){.iglesias-page{padding:16px}.iglesias-page .action-bar{flex-direction:column;align-items:stretch}.iglesias-page .search-form{max-width:none}.iglesias-page .action-buttons{justify-content:flex-end}.iglesias-page .table-container{overflow-x:auto}.iglesias-page table{min-width:700px}.iglesias-page .modal-content.modal-large{max-width:100%}.iglesias-page .form-grid,.iglesias-page .form-row{grid-template-columns:1fr}.iglesias-page .pagination{flex-direction:column;gap:12px}}.iglesia-detalle-page{padding:16px;min-height:100%;background:linear-gradient(135deg,#f5f3ff,#f8f9fc,#faf5ff)}@media(min-width:480px){.iglesia-detalle-page{padding:20px}}@media(min-width:768px){.iglesia-detalle-page{padding:32px 40px}}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#666}.error-container svg{color:#ccc}.error-container h2{color:#333;margin:0}.spinner{width:48px;height:48px;border:4px solid #e8e8f0;border-top-color:#7a4ea6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.detalle-header{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;background:#fff;padding:16px;border-radius:16px;box-shadow:0 4px 16px #0000000f;border:1px solid #e8e8f0}@media(min-width:600px){.detalle-header{flex-direction:row;align-items:center;padding:20px;gap:20px}}@media(min-width:768px){.detalle-header{padding:24px;margin-bottom:28px}}.btn-back{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#f8f9fc;border:1px solid #e0e0e0;border-radius:10px;color:#666;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s ease;width:fit-content}@media(min-width:600px){.btn-back{padding:12px 20px;border-radius:12px}}.btn-back:hover{background:linear-gradient(135deg,#7a4ea6,#9b6bc3);border-color:transparent;color:#fff;box-shadow:0 4px 16px #7a4ea64d}.iglesia-info-header{display:flex;align-items:center;gap:14px;flex:1;min-width:0}@media(min-width:600px){.iglesia-info-header{gap:20px}}.iglesia-avatar{width:52px;height:52px;min-width:52px;background:linear-gradient(135deg,#7a4ea6,#9b6bc3,#a855f7);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px #7a4ea659;position:relative;overflow:hidden}.iglesia-avatar svg{width:24px;height:24px}@media(min-width:600px){.iglesia-avatar{width:64px;height:64px;min-width:64px;border-radius:16px}.iglesia-avatar svg{width:28px;height:28px}}@media(min-width:768px){.iglesia-avatar{width:72px;height:72px;min-width:72px;border-radius:18px}.iglesia-avatar svg{width:32px;height:32px}}.iglesia-avatar:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%,to{transform:translate(-100%) rotate(45deg)}50%{transform:translate(100%) rotate(45deg)}}.iglesia-header-text{min-width:0;flex:1}.iglesia-header-text h1{margin:0;font-size:1.15rem;font-weight:700;color:#1a1a2e;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:480px){.iglesia-header-text h1{font-size:1.35rem}}@media(min-width:768px){.iglesia-header-text h1{font-size:1.75rem;font-weight:800;letter-spacing:-.5px}}.iglesia-header-text p{margin:4px 0 0;color:#7a4ea6;font-size:.8rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:768px){.iglesia-header-text p{margin:6px 0 0;font-size:1rem}}.header-actions{display:none;gap:12px}@media(min-width:600px){.header-actions{display:flex}}.btn-edit-header{display:flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);border:none;border-radius:14px;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #7a4ea659}.btn-edit-header:hover{transform:translateY(-3px);box-shadow:0 10px 28px #7a4ea673}.btn-edit-header:active{transform:translateY(-1px)}.tabs-container{display:flex;gap:4px;margin-bottom:16px;background:#fff;padding:6px;border-radius:12px;box-shadow:0 4px 16px #0000000f;overflow-x:auto;border:1px solid #e8e8f0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tabs-container::-webkit-scrollbar{display:none}@media(min-width:480px){.tabs-container{gap:6px;padding:8px;margin-bottom:20px}}@media(min-width:768px){.tabs-container{padding:10px;border-radius:16px;margin-bottom:28px}}.tab-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:#666;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .25s ease;white-space:nowrap;flex-shrink:0}.tab-button svg{width:16px;height:16px;flex-shrink:0}@media(max-width:400px){.tab-button span{display:none}.tab-button{padding:10px;min-width:44px}}@media(min-width:480px){.tab-button{padding:12px 16px;gap:8px;font-size:.85rem;border-radius:10px}}@media(min-width:768px){.tab-button{padding:14px 24px;gap:10px;font-size:.95rem;border-radius:12px}.tab-button svg{width:18px;height:18px}}.tab-button:hover{background:#f5f3ff;color:#7a4ea6}.tab-button.active{background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff;box-shadow:0 4px 12px #7a4ea659}@media(min-width:768px){.tab-button.active{box-shadow:0 6px 20px #7a4ea659}}.tab-button.active svg{color:#fff}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-card{background:#fff;border-radius:24px;box-shadow:0 4px 24px #00000014;padding:0;overflow:hidden;border:1px solid rgba(122,78,166,.1)}.info-sections{display:flex;flex-direction:column;gap:0}.info-section{padding:28px 32px;border-bottom:1px solid #e8e8f0}.info-section:last-child{border-bottom:none}.info-section h3{display:flex;align-items:center;gap:14px;font-size:1.2rem;font-weight:700;color:#1a1a2e;margin:0 0 24px;padding-bottom:16px;border-bottom:3px solid #7A4EA6;position:relative}.info-section h3:after{content:"";position:absolute;bottom:-3px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#9b6bc3,#a855f7);border-radius:2px}.info-section h3 svg{color:#fff;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);padding:10px;border-radius:12px;box-shadow:0 4px 12px #7a4ea64d}.info-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:600px){.info-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(min-width:1024px){.info-grid{grid-template-columns:repeat(2,1fr);gap:24px}}.info-item{display:flex;flex-direction:column;gap:8px;padding:20px 24px;background:linear-gradient(135deg,#faf5ff,#f5f3ff);border-radius:16px;border:1px solid rgba(122,78,166,.08);transition:all .25s ease}.info-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7a4ea61f;border-color:#7a4ea633}.info-item.full-width{grid-column:1 / -1}.info-label{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;color:#7a4ea6;text-transform:uppercase;letter-spacing:.8px}.info-label svg{color:#9b6bc3;width:16px;height:16px}.info-value{font-size:1.05rem;color:#1a1a2e;font-weight:600;line-height:1.5}.info-value.code{font-family:SF Mono,Fira Code,monospace;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);padding:8px 16px;border-radius:10px;font-size:.95rem;color:#fff;display:inline-block;font-weight:700;letter-spacing:1px;box-shadow:0 4px 12px #7a4ea640}.info-value.italic{font-style:italic;color:#555;font-size:1rem}.info-badge{display:inline-flex;align-items:center;padding:8px 20px;border-radius:50px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.info-badge.yes{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.info-badge.no{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;box-shadow:0 4px 12px #f871714d}.edit-form{display:flex;flex-direction:column;gap:0}.form-section{padding:28px 32px;border-bottom:1px solid #e8e8f0}.form-section:last-child{border-bottom:none}.form-section h3{display:flex;align-items:center;gap:14px;font-size:1.2rem;font-weight:700;color:#1a1a2e;margin:0 0 24px;padding-bottom:16px;border-bottom:3px solid #7A4EA6;position:relative}.form-section h3:after{content:"";position:absolute;bottom:-3px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#9b6bc3,#a855f7);border-radius:2px}.form-section h3 svg{color:#fff;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);padding:10px;border-radius:12px;box-shadow:0 4px 12px #7a4ea64d}.form-grid-2{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px}@media(min-width:600px){.form-grid-2{grid-template-columns:1fr 1fr;gap:20px}}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{font-size:.9rem;font-weight:700;color:#333;letter-spacing:.3px}.form-group input,.form-group textarea,.form-group select{padding:14px 18px;border:2px solid #e8e8f0;border-radius:14px;font-size:1rem;transition:all .25s ease;background:#faf5ff;color:#1a1a2e;font-weight:500}.form-group input:hover,.form-group textarea:hover,.form-group select:hover{border-color:#d8d0e8}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#7a4ea6;box-shadow:0 0 0 4px #7a4ea626;background:#fff}.form-group input::placeholder,.form-group textarea::placeholder{color:#999;font-weight:400}.form-group textarea{resize:vertical;min-height:120px}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%237A4EA6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:48px}.form-checkbox{flex-direction:row;align-items:center;gap:12px;margin-top:8px}.form-checkbox input[type=checkbox]{width:22px;height:22px;accent-color:#7A4EA6;cursor:pointer;border-radius:6px}.form-checkbox label{cursor:pointer;font-weight:600;color:#444}.form-actions{display:flex;justify-content:flex-end;gap:16px;padding:24px 32px;background:linear-gradient(135deg,#f5f3ff,#faf5ff);border-top:1px solid #e8e8f0}.form-actions .btn-secondary,.form-actions .btn-primary{display:flex;align-items:center;gap:10px;padding:14px 28px;border-radius:14px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .25s ease}.form-actions .btn-secondary{background:#fff;border:2px solid #e0e0e0;color:#666}.form-actions .btn-secondary:hover{background:#f8f9fc;border-color:#ccc;transform:translateY(-2px)}.form-actions .btn-primary{background:linear-gradient(135deg,#7a4ea6,#9b6bc3);border:none;color:#fff;box-shadow:0 6px 20px #7a4ea659}.form-actions .btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 28px #7a4ea673}.tab-placeholder,.tab-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#888}.tab-placeholder svg,.tab-empty svg{color:#ccc;margin-bottom:12px}.tab-placeholder h3,.tab-empty h4{margin:0 0 8px;color:#333;font-size:1rem}.tab-placeholder p,.tab-empty p{margin:0;font-size:.9rem}.tab-empty.small{padding:20px}.tab-empty.small svg{width:32px;height:32px}.tab-empty .btn-primary{margin-top:16px;display:flex;align-items:center;gap:8px;padding:10px 20px;background:#7a4ea6;border:none;border-radius:6px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer}.tab-empty .btn-primary:hover{background:#6a3e96}.tab-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;flex-wrap:wrap;gap:12px}.tab-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:1rem;font-weight:600;color:#333}.tab-header h3 svg{color:#7a4ea6}.tab-header-actions{display:flex;gap:10px;align-items:center}.btn-add{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#7a4ea6;border:none;border-radius:6px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-add:hover{background:#6a3e96}.search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #ddd;border-radius:6px;min-width:200px}.search-box svg{color:#888}.search-box input{flex:1;border:none;background:transparent;font-size:.875rem;color:#333;outline:none}.search-box input::placeholder{color:#999}.tab-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;color:#666}.iglesia-detalle-page .action-cell{display:flex;gap:6px;justify-content:center}.iglesia-detalle-page .icon-btn{width:32px;height:32px;border-radius:4px;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;background:#fff}.iglesia-detalle-page .icon-btn.view{color:#3b82f6;border-color:#3b82f6}.iglesia-detalle-page .icon-btn.view:hover{background:#3b82f6;color:#fff}.iglesia-detalle-page .icon-btn.edit{color:#f59e0b;border-color:#f59e0b}.iglesia-detalle-page .icon-btn.edit:hover{background:#f59e0b;color:#fff}.iglesia-detalle-page .icon-btn.delete{color:#ef4444;border-color:#ef4444}.iglesia-detalle-page .icon-btn.delete:hover{background:#ef4444;color:#fff}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px;border-top:1px solid #e0e0e0;background:#f8f9fa}.pagination button{padding:8px 16px;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:.85rem;color:#333;cursor:pointer;transition:all .15s ease}.pagination button:hover:not(:disabled){background:#7a4ea6;border-color:#7a4ea6;color:#fff}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-size:.85rem;color:#666}.direcciones-grid{display:grid;grid-template-columns:1fr;gap:16px;padding:20px}@media(min-width:600px){.direcciones-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.direcciones-grid{grid-template-columns:repeat(3,1fr)}}.direccion-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.direccion-card:hover{box-shadow:0 2px 8px #00000014}.direccion-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:10px}.direccion-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.direccion-title h4{margin:0;font-size:1rem;font-weight:600;color:#333}.badge-principal{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:#7a4ea6;color:#fff;font-size:.7rem;font-weight:600;border-radius:4px}.direccion-body{margin-bottom:12px}.direccion-text{display:flex;align-items:flex-start;gap:8px;margin:0 0 6px;font-size:.9rem;color:#333}.direccion-text svg{color:#7a4ea6;flex-shrink:0;margin-top:2px}.direccion-location{margin:0 0 4px;font-size:.85rem;color:#666;padding-left:24px}.direccion-postal{margin:0;font-size:.85rem;color:#888;padding-left:24px}.direccion-status{padding-top:12px;border-top:1px solid #eee}.status-active,.status-inactive{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:500}.status-active{color:#155724}.status-inactive{color:#721c24}.departamentos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:20px}.departamento-card{background:#fff;border:1px solid #e0e0e0;border-left:4px solid #7A4EA6;border-radius:8px;padding:16px}.departamento-card:hover{box-shadow:0 2px 8px #00000014}.departamento-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.departamento-icon{font-size:24px}.departamento-body h4{margin:0 0 8px;font-size:1rem;font-weight:600;color:#333}.departamento-members{display:flex;align-items:center;gap:6px;margin:0;font-size:.85rem;color:#666}.departamento-members svg{color:#7a4ea6}.departamento-status{padding-top:12px;border-top:1px solid #eee}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-content.modal-sm{max-width:380px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#333}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#f5f5f5;border-radius:4px;color:#666;cursor:pointer}.modal-close:hover{background:#e8e8e8}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #e0e0e0;background:#f8f9fa}.modal-footer .btn-secondary,.modal-footer .btn-primary{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer}.modal-footer .btn-secondary{background:#fff;border:1px solid #ddd;color:#666}.modal-footer .btn-secondary:hover{background:#f5f5f5}.modal-footer .btn-primary{background:#7a4ea6;border:none;color:#fff}.modal-footer .btn-primary:hover{background:#6a3e96}.tab-card .table-container{margin:0;overflow-x:auto}.tab-card .table-container table{width:100%;border-collapse:collapse}.tab-card .table-container thead th{background:#f8f9fa;color:#333;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;border-bottom:2px solid #e0e0e0;text-align:left}.tab-card .table-container tbody tr{border-bottom:1px solid #eee}.tab-card .table-container tbody tr:hover{background:#f8f9fa}.tab-card .table-container tbody td{padding:12px 16px;font-size:.9rem;color:#333}.tab-table-container{width:100%}.tab-card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e8e8f0;background:linear-gradient(to bottom,#fafafd,#fff);flex-wrap:wrap;gap:16px}.tab-card-header-left{display:flex;align-items:center;gap:12px}.tab-card-header-left .tab-icon{width:44px;height:44px;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #7a4ea640}.tab-card-header-left h2{font-size:1.25rem;font-weight:700;color:#1a1a2e;margin:0}.tab-card-header-left p{color:#666;font-size:.8125rem;margin:4px 0 0}.search-input-wrapper{display:flex;align-items:center;gap:10px;background:#f8f9fc;border:1px solid #e0e0e0;border-radius:10px;padding:10px 14px;min-width:200px;transition:all .2s ease}.search-input-wrapper:focus-within{border-color:#7a4ea6;background:#fff;box-shadow:0 0 0 3px #7a4ea61a}.search-input-wrapper svg{color:#999;flex-shrink:0}.search-input-wrapper input{flex:1;border:none;outline:none;font-size:.875rem;background:transparent;min-width:0;color:#1a1a2e}.search-input-wrapper input::placeholder{color:#999}.tab-card-body{padding:24px}.tab-card-body.no-padding{padding:0}.action-buttons{display:flex;gap:10px}.responsive-table{overflow-x:auto}.responsive-table table{width:100%;border-collapse:collapse;min-width:600px}.responsive-table thead{background:linear-gradient(to bottom,#f8f9fc,#f3f4f8)}.responsive-table th{text-align:left;padding:14px 16px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#666;letter-spacing:.5px;border-bottom:2px solid #e8e8f0;white-space:nowrap}.responsive-table td{padding:14px 16px;font-size:.875rem;color:#333;border-bottom:1px solid #f0f0f5}.responsive-table tbody tr{transition:background-color .15s ease}.responsive-table tbody tr:hover{background:#fafafd}.responsive-table tbody tr:last-child td{border-bottom:none}.mobile-cards{display:none}@media(max-width:768px){.responsive-table{display:none}.mobile-cards{display:flex;flex-direction:column;gap:12px;padding:16px}}.mobile-card{background:#fff;border:1px solid #e8e8f0;border-radius:12px;overflow:hidden;transition:box-shadow .2s ease}.mobile-card:hover{box-shadow:0 4px 12px #00000014}.mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 16px;background:#fafafd;border-bottom:1px solid #e8e8f0;gap:12px}.mobile-card-body{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.mobile-card-row{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem}.mobile-card-row .label{color:#888;font-weight:500}.mobile-card-row .value{color:#333;font-weight:600}.mobile-card-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #e8e8f0;background:#fafafd}.mobile-card-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cell-with-icon{display:flex;align-items:center;gap:10px}.cell-with-icon-small{display:flex;align-items:center;gap:6px;color:#666}.cell-with-icon-small svg{color:#7a4ea6}.cell-primary{font-weight:600;color:#1a1a2e}.cell-with-badge{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dept-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff!important;font-size:14px;flex-shrink:0}.dept-icon svg{color:#fff!important;stroke:#fff!important}.dir-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff!important;font-size:14px;flex-shrink:0}.dir-icon svg{color:#fff!important;stroke:#fff!important}.direccion-info{display:flex;flex-direction:column;gap:2px}.descripcion-text{color:#6b7280;font-size:.75rem;font-style:italic}.cell-info{display:flex;flex-direction:column;gap:4px}.badge-principal-small{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;font-size:.6rem;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.3px;width:fit-content}.badge-principal-small svg{width:8px;height:8px}.badge-principal{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff;font-size:.65rem;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.tab-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #e8e8f0;background:#fafafd;flex-wrap:wrap;gap:12px}.tab-pagination .pagination-info{font-size:.8125rem;color:#666}.tab-pagination .pagination-buttons{display:flex;gap:8px}.tab-pagination .pagination-buttons button{width:38px;height:38px;border-radius:8px;border:1px solid #e0e0e0;background:#fff;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tab-pagination .pagination-buttons button:hover:not(:disabled){background:#7a4ea6;border-color:#7a4ea6;color:#fff}.tab-pagination .pagination-buttons button:disabled{opacity:.4;cursor:not-allowed}.tab-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:#666}.tab-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#888}.tab-empty-state svg{color:#ccc;margin-bottom:12px}.tab-empty-state h3{margin:0 0 8px;color:#333;font-size:1.1rem;font-weight:600}.tab-empty-state p{margin:0 0 16px;font-size:.9rem}.tab-empty-state.small{padding:30px 20px}.tab-empty-state.small svg{width:32px;height:32px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #7a4ea640}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7a4ea659}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;color:#555;border:1px solid #e0e0e0;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#f8f9fc;border-color:#7a4ea6;color:#7a4ea6}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#dc2626;border-color:#dc2626;color:#fff}.user-cell{display:flex;align-items:center;gap:10px}.user-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0;box-shadow:0 2px 8px #7a4ea640}.user-avatar.female{background:linear-gradient(135deg,#ec407a,#f48fb1);box-shadow:0 2px 8px #ec407a40}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{font-weight:600;color:#1a1a2e!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-cell .user-name{color:#1a1a2e!important}.user-email{font-size:.75rem;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.status-badge.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.status-badge.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.status-badge.male{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.status-badge.female{background:linear-gradient(135deg,#fce4ec,#f8bbd9);color:#c2185b}.action-cell{display:flex;gap:6px;justify-content:flex-start}.icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:#fff}.icon-btn svg{width:16px;height:16px}.icon-btn.view{color:#3b82f6;border-color:#93c5fd;background:#eff6ff}.icon-btn.view:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.icon-btn.edit{color:#f59e0b;border-color:#fcd34d;background:#fffbeb}.icon-btn.edit:hover{background:#f59e0b;border-color:#f59e0b;color:#fff}.icon-btn.delete{color:#ef4444;border-color:#fca5a5;background:#fef2f2}.icon-btn.delete:hover{background:#ef4444;border-color:#ef4444;color:#fff}.form-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:500px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-grid .full-width{grid-column:1 / -1}@media(max-width:480px){.tab-card{border-radius:16px;margin:0 -4px}.tab-card-header{padding:14px 16px;gap:12px}.tab-card-header-left .tab-icon{width:36px;height:36px;border-radius:10px}.tab-card-header-left .tab-icon svg{width:18px;height:18px}.tab-card-header-left h2{font-size:1rem}.tab-card-header-left p{font-size:.75rem}.search-input-wrapper{padding:8px 12px}.btn-primary,.btn-secondary,.btn-danger{padding:8px 14px;font-size:.8rem}.mobile-cards{padding:12px;gap:10px}.mobile-card-header{padding:12px 14px}.mobile-card-body,.mobile-card-actions{padding:10px 14px}.mobile-card-actions button{padding:8px 12px;font-size:.75rem}.tab-pagination{padding:12px 14px}.tab-pagination .pagination-buttons button{width:34px;height:34px}.form-actions{padding:16px;gap:10px}.form-actions .btn-secondary,.form-actions .btn-primary{padding:12px 20px;font-size:.85rem}.info-section{padding:20px 16px}.info-item{padding:14px 16px}.modal-overlay{padding:12px}.modal-content{border-radius:16px}.modal-header{padding:14px 16px}.modal-header h3{font-size:1rem}.modal-body{padding:16px}.modal-footer{padding:14px 16px;flex-direction:column}.modal-footer .btn-secondary,.modal-footer .btn-primary{width:100%;justify-content:center}}@media(max-width:768px){.tab-card-header{flex-direction:column;align-items:stretch}.tab-card-header-left{margin-bottom:4px}.search-input-wrapper{width:100%;min-width:auto}.action-buttons{width:100%;justify-content:stretch}.action-buttons .btn-primary{flex:1;justify-content:center}.tab-pagination{flex-direction:column;text-align:center;gap:10px}.form-actions{flex-direction:column}.form-actions button{width:100%;justify-content:center}.search-box{width:100%;min-width:auto}.info-section h3{font-size:1.05rem}.form-section{padding:20px 16px}.form-section h3{font-size:1.05rem}}.datos-maestros-page{padding:24px;min-height:100%;background:#f8f9fc}@media(min-width:768px){.datos-maestros-page{padding:32px}}@media(min-width:1200px){.datos-maestros-page{padding:40px}}.datos-maestros-page .page-header{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #e8e8f0}.datos-maestros-page .header-content{display:flex;align-items:center;gap:16px}.datos-maestros-page .header-icon{width:48px;height:48px;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #7a4ea64d}.datos-maestros-page .page-header h1{font-size:1.5rem;font-weight:700;color:#1a1a2e;margin:0}@media(min-width:768px){.datos-maestros-page .page-header h1{font-size:1.75rem}}.datos-maestros-page .page-header p{color:#666;margin:4px 0 0;font-size:.875rem}.datos-maestros-page .action-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 2px 8px #0000000a}@media(min-width:768px){.datos-maestros-page .action-bar{padding:20px 24px}}.datos-maestros-page .search-form{flex:1;min-width:200px;max-width:400px}@media(max-width:600px){.datos-maestros-page .search-form{min-width:100%;max-width:100%}}.datos-maestros-page .search-input-wrapper{display:flex;align-items:center;gap:12px;background:#f8f9fc;border:1px solid #e0e0e0;border-radius:10px;padding:12px 16px;transition:all .2s ease}.datos-maestros-page .search-input-wrapper:focus-within{border-color:#7a4ea6;background:#fff;box-shadow:0 0 0 3px #7a4ea61a}.datos-maestros-page .search-input-wrapper svg{color:#999;flex-shrink:0}.datos-maestros-page .search-input-wrapper input{flex:1;border:none;outline:none;font-size:.875rem;background:transparent;min-width:0;color:#1a1a2e}.datos-maestros-page .search-input-wrapper input::placeholder{color:#999}.datos-maestros-page .action-buttons{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:600px){.datos-maestros-page .action-buttons{width:100%;justify-content:stretch}.datos-maestros-page .action-buttons .btn-primary,.datos-maestros-page .action-buttons .btn-secondary{flex:1;justify-content:center}}.datos-maestros-page .btn-primary,.datos-maestros-page .btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;font-size:.875rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease;border:none}.datos-maestros-page .btn-primary{background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff;box-shadow:0 4px 12px #7a4ea64d}.datos-maestros-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7a4ea666}.datos-maestros-page .btn-secondary{background:#fff;color:#555;border:1px solid #e0e0e0}.datos-maestros-page .btn-secondary:hover{background:#f8f9fc;border-color:#7a4ea6;color:#7a4ea6}.datos-maestros-page .results-counter{font-size:.8125rem;color:#666;margin-bottom:16px;padding:0 4px}.datos-maestros-page .table-container{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;overflow:hidden}.datos-maestros-page .table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.datos-maestros-page table{width:100%;border-collapse:collapse;min-width:600px}.datos-maestros-page thead{background:linear-gradient(to bottom,#f8f9fc,#f3f4f8)}.datos-maestros-page th{text-align:left;padding:16px 20px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#666;letter-spacing:.5px;border-bottom:2px solid #e8e8f0}@media(min-width:768px){.datos-maestros-page th{padding:18px 24px}}.datos-maestros-page td{padding:16px 20px;font-size:.875rem;color:#333;border-bottom:1px solid #f0f0f5}@media(min-width:768px){.datos-maestros-page td{padding:18px 24px}}.datos-maestros-page tbody tr{transition:background-color .15s ease}.datos-maestros-page tbody tr:hover{background:#fafafd}.datos-maestros-page tr:last-child td{border-bottom:none}.datos-maestros-page .id-badge{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:6px 12px;background:linear-gradient(135deg,#e8e8f0,#f0f0f5);color:#666;border-radius:8px;font-size:.75rem;font-weight:600;font-family:Monaco,Consolas,monospace}.datos-maestros-page .id-badge.uid{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.datos-maestros-page .cell-primary{font-weight:600;color:#1a1a2e}.datos-maestros-page .cell-description{color:#666;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datos-maestros-page .cell-with-icon{display:flex;align-items:center;gap:10px}.datos-maestros-page .cell-with-icon svg{color:#7a4ea6;flex-shrink:0}.datos-maestros-page .cell-date{color:#666;font-size:.8125rem}.datos-maestros-page .tipo-badge{display:inline-flex;align-items:center;padding:6px 14px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;border-radius:20px;font-size:.75rem;font-weight:600}.datos-maestros-page .idioma-badge{display:inline-flex;align-items:center;padding:6px 14px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100;border-radius:20px;font-size:.75rem;font-weight:600}.datos-maestros-page .action-cell{display:flex;gap:10px;justify-content:flex-start}.datos-maestros-page .icon-btn{width:38px;height:38px;min-width:38px;border-radius:10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 6px #0000001a}.datos-maestros-page .icon-btn svg{width:18px!important;height:18px!important}.datos-maestros-page .icon-btn:hover{transform:scale(1.1)}.datos-maestros-page .icon-btn.edit{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.datos-maestros-page .icon-btn.edit svg{color:#1976d2!important;stroke:#1976d2!important}.datos-maestros-page .icon-btn.edit:hover{box-shadow:0 4px 12px #1976d24d}.datos-maestros-page .icon-btn.delete{background:linear-gradient(135deg,#ffebee,#ffcdd2)}.datos-maestros-page .icon-btn.delete svg{color:#d32f2f!important;stroke:#d32f2f!important}.datos-maestros-page .icon-btn.delete:hover{box-shadow:0 4px 12px #d32f2f4d}.datos-maestros-page .loading-cell,.datos-maestros-page .empty-cell{text-align:center;padding:60px 20px!important;color:#999;font-size:.9375rem}.datos-maestros-page .spin{animation:spin 1s linear infinite;color:#7a4ea6}.datos-maestros-page .empty-state{display:flex;flex-direction:column;align-items:center;gap:12px}.datos-maestros-page .empty-state svg{color:#ccc}.datos-maestros-page .empty-state p{margin:0;color:#666}.datos-maestros-page .empty-state .hint{font-size:.8125rem;color:#999}.datos-maestros-page .pagination{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid #f0f0f5;flex-wrap:wrap;gap:16px}@media(max-width:600px){.datos-maestros-page .pagination{flex-direction:column;gap:12px}}.datos-maestros-page .pagination-info{font-size:.8125rem;color:#666}@media(max-width:600px){.datos-maestros-page .pagination-info{display:none}}.datos-maestros-page .pagination-buttons{display:flex;align-items:center;gap:12px}.datos-maestros-page .pagination-buttons button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;padding:0;border:1px solid #e0e0e0;border-radius:10px;background:#fff;cursor:pointer;color:#555;transition:all .2s ease;box-shadow:0 2px 6px #00000014}.datos-maestros-page .pagination-buttons button svg{width:22px!important;height:22px!important;stroke-width:2.5}.datos-maestros-page .pagination-buttons button:hover:not(:disabled){background:linear-gradient(135deg,#7a4ea6,#9b6bc3);border-color:#7a4ea6;color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #7a4ea64d}.datos-maestros-page .pagination-buttons button:disabled{opacity:.4;cursor:not-allowed}.datos-maestros-page .pagination-buttons .page-indicator{padding:10px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:10px;font-size:.8125rem;font-weight:600;color:#1a1a2e;white-space:nowrap}.datos-maestros-page .modal-overlay{position:fixed;inset:0;background:#1a1a2e99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.datos-maestros-page .modal{background:#fff;border-radius:20px;width:100%;max-width:550px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.datos-maestros-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #e8e8f0;background:linear-gradient(to bottom,#fafafe,#f8f9fc)}.datos-maestros-page .modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#1a1a2e;display:flex;align-items:center;gap:12px}.datos-maestros-page .modal-header h2 svg{color:#7a4ea6}.datos-maestros-page .close-btn{width:40px;height:40px;border:none;background:#f0f0f5;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s ease}.datos-maestros-page .close-btn:hover{background:#e8e8f0;color:#333}.datos-maestros-page .modal-body{padding:28px;max-height:60vh;overflow-y:auto}.datos-maestros-page .form-group{margin-bottom:20px}.datos-maestros-page .form-group label{display:flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:600;color:#333;margin-bottom:8px}.datos-maestros-page .form-group label svg{color:#7a4ea6}.datos-maestros-page .form-group .required{color:#d32f2f;margin-left:4px}.datos-maestros-page .form-group input,.datos-maestros-page .form-group select,.datos-maestros-page .form-group textarea{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:10px;font-size:.875rem;color:#1a1a2e;background:#fff;transition:all .2s ease;box-sizing:border-box;font-family:inherit}.datos-maestros-page .form-group input:focus,.datos-maestros-page .form-group select:focus,.datos-maestros-page .form-group textarea:focus{outline:none;border-color:#7a4ea6;box-shadow:0 0 0 3px #7a4ea61a}.datos-maestros-page .form-group textarea{resize:vertical;min-height:80px}.datos-maestros-page .form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.datos-maestros-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:500px){.datos-maestros-page .form-row{grid-template-columns:1fr}}.datos-maestros-page .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid #e8e8f0;background:#fafafe}.datos-maestros-page .modal-footer .btn-secondary{background:#fff;color:#666;border:1px solid #e0e0e0}.datos-maestros-page .modal-footer .btn-secondary:hover{background:#f8f9fc;border-color:#ccc}.datos-maestros-page .modal-footer .btn-primary{background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff;border:none}.datos-maestros-page .modal-footer .btn-primary:hover{box-shadow:0 4px 16px #7a4ea666}@media(max-width:480px){.datos-maestros-page{padding:16px}.datos-maestros-page .page-header h1{font-size:1.25rem}.datos-maestros-page .header-icon{width:40px;height:40px}.datos-maestros-page .action-bar{padding:14px 16px}.datos-maestros-page .btn-primary,.datos-maestros-page .btn-secondary{padding:10px 14px;font-size:.8rem}.datos-maestros-page .btn-secondary span{display:none}.datos-maestros-page .table-container{border-radius:12px;margin:0 -8px}.datos-maestros-page .pagination{padding:14px 16px}.datos-maestros-page .pagination-buttons button{width:36px;height:36px;min-width:36px}.datos-maestros-page .pagination-buttons .page-indicator{padding:8px 12px;font-size:.75rem}.datos-maestros-page .modal{border-radius:16px}.datos-maestros-page .modal-header{padding:18px 20px}.datos-maestros-page .modal-header h2{font-size:1.1rem}.datos-maestros-page .modal-body{padding:20px}.datos-maestros-page .modal-footer{padding:16px 20px;flex-direction:column}.datos-maestros-page .modal-footer button{width:100%;justify-content:center}}@media(max-width:768px){.datos-maestros-page .action-bar{flex-direction:column;align-items:stretch}.datos-maestros-page .search-form{min-width:100%;max-width:100%}.datos-maestros-page .action-buttons{width:100%;justify-content:flex-end}.datos-maestros-page .table-container{position:relative}.datos-maestros-page .table-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:30px;background:linear-gradient(to right,transparent,rgba(255,255,255,.9));pointer-events:none;opacity:1;transition:opacity .3s}.datos-maestros-page .table-container::-webkit-scrollbar{height:6px}.datos-maestros-page .table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.datos-maestros-page .table-container::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:3px}.datos-maestros-page .table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}}.mensajes-libvit-page{padding:24px;min-height:100%;background:#f8f9fc}@media(min-width:768px){.mensajes-libvit-page{padding:32px}}@media(min-width:1200px){.mensajes-libvit-page{padding:40px}}.mensajes-libvit-page .page-header{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #e8e8f0}.mensajes-libvit-page .header-content{display:flex;align-items:center;gap:16px}.mensajes-libvit-page .header-icon{width:48px;height:48px;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #7a4ea64d}.mensajes-libvit-page .page-header h1{font-size:1.5rem;font-weight:700;color:#1a1a2e;margin:0}@media(min-width:768px){.mensajes-libvit-page .page-header h1{font-size:1.75rem}}.mensajes-libvit-page .page-header p{color:#666;margin:4px 0 0;font-size:.875rem}.mensajes-libvit-page .tabs-container{display:flex;gap:8px;margin-bottom:24px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 2px 8px #0000000a}.mensajes-libvit-page .tab-button{padding:12px 24px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-weight:500;color:#666;transition:all .2s ease;display:flex;align-items:center;gap:8px}.mensajes-libvit-page .tab-button:hover{background:#f0f0f5;color:#333}.mensajes-libvit-page .tab-button.active{background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff}.mensajes-libvit-page .action-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 2px 8px #0000000a}@media(min-width:768px){.mensajes-libvit-page .action-bar{padding:20px 24px}}.mensajes-libvit-page .search-form{flex:1;min-width:200px;max-width:400px}@media(max-width:600px){.mensajes-libvit-page .search-form{min-width:100%;max-width:100%}}.mensajes-libvit-page .search-input-wrapper{display:flex;align-items:center;background:#f8f9fc;border:1px solid #e8e8f0;border-radius:10px;padding:0 12px;transition:all .2s ease}.mensajes-libvit-page .search-input-wrapper:focus-within{border-color:#7a4ea6;box-shadow:0 0 0 3px #7a4ea61a}.mensajes-libvit-page .search-input-wrapper svg{color:#999;flex-shrink:0}.mensajes-libvit-page .search-input{flex:1;border:none;background:transparent;padding:12px;font-size:.9rem;color:#333;outline:none}.mensajes-libvit-page .search-input::placeholder{color:#999}.mensajes-libvit-page .action-buttons{display:flex;gap:10px;flex-wrap:wrap}.mensajes-libvit-page .btn-create{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .2s ease;box-shadow:0 2px 8px #7a4ea64d}.mensajes-libvit-page .btn-create:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7a4ea666}.mensajes-libvit-page .btn-refresh{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;background:#f0f0f5;border:1px solid #e8e8f0;border-radius:10px;cursor:pointer;color:#666;transition:all .2s ease;padding:0}.mensajes-libvit-page .btn-refresh svg{width:18px;height:18px;flex-shrink:0}.mensajes-libvit-page .btn-refresh:hover{background:#e8e8f0;color:#333}.mensajes-libvit-page .btn-refresh.loading svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mensajes-libvit-page .table-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000f}.mensajes-libvit-page .table-wrapper{overflow-x:auto}.mensajes-libvit-page table{width:100%;border-collapse:collapse}.mensajes-libvit-page thead{background:linear-gradient(135deg,#f8f9fc,#f0f0f5)}.mensajes-libvit-page th{padding:16px 20px;text-align:left;font-weight:600;color:#666;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e8e8f0;white-space:nowrap}.mensajes-libvit-page td{padding:16px 20px;border-bottom:1px solid #f0f0f5;color:#333;font-size:.9rem}.mensajes-libvit-page tbody tr{transition:background-color .2s ease}.mensajes-libvit-page tbody tr:hover{background-color:#f8f9fc}.mensajes-libvit-page tbody tr:last-child td{border-bottom:none}.mensajes-libvit-page .clave-cell{font-family:Monaco,Consolas,monospace;font-size:.85rem;background:#f3e5f5;padding:4px 8px;border-radius:4px;color:#7a4ea6;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mensajes-libvit-page .texto-cell{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mensajes-libvit-page .idioma-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;background:#f3e5f5;color:#7a4ea6}.mensajes-libvit-page .status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:500}.mensajes-libvit-page .status-badge.activo{background:#dcfce7;color:#166534}.mensajes-libvit-page .status-badge.inactivo{background:#fee2e2;color:#991b1b}.mensajes-libvit-page .actions-cell{display:flex;gap:8px;justify-content:flex-start}.mensajes-libvit-page .btn-action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;padding:0}.mensajes-libvit-page .btn-action svg{width:18px;height:18px;flex-shrink:0}.mensajes-libvit-page .btn-toggle{background:#dbeafe;color:#1d4ed8}.mensajes-libvit-page .btn-toggle:hover{background:#bfdbfe}.mensajes-libvit-page .btn-edit{background:#fef08a;color:#a16207}.mensajes-libvit-page .btn-edit:hover{background:#fde047}.mensajes-libvit-page .btn-delete{background:#fecaca;color:#b91c1c}.mensajes-libvit-page .btn-delete:hover{background:#fca5a5}.mensajes-libvit-page .btn-add-translation{background:#bbf7d0;color:#15803d}.mensajes-libvit-page .btn-add-translation:hover{background:#86efac}.mensajes-libvit-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.mensajes-libvit-page .empty-state svg{color:#ccc;margin-bottom:16px}.mensajes-libvit-page .empty-state h3{font-size:1.1rem;color:#666;margin:0 0 8px}.mensajes-libvit-page .empty-state p{color:#999;font-size:.9rem;margin:0}.mensajes-libvit-page .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.mensajes-libvit-page .modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.mensajes-libvit-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e8e8f0}.mensajes-libvit-page .modal-header h2{font-size:1.25rem;font-weight:600;color:#1a1a2e;margin:0}.mensajes-libvit-page .btn-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f0f0f5;border:none;border-radius:8px;cursor:pointer;color:#666;transition:all .2s ease}.mensajes-libvit-page .btn-close:hover{background:#e8e8f0;color:#333}.mensajes-libvit-page .modal-body{padding:24px}.mensajes-libvit-page .form-group{margin-bottom:20px}.mensajes-libvit-page .form-group label{display:block;font-weight:500;color:#333;margin-bottom:8px;font-size:.9rem}.mensajes-libvit-page .form-group input,.mensajes-libvit-page .form-group select,.mensajes-libvit-page .form-group textarea{width:100%;padding:12px 16px;border:1px solid #e8e8f0;border-radius:10px;font-size:.9rem;color:#333;transition:all .2s ease}.mensajes-libvit-page .form-group input:focus,.mensajes-libvit-page .form-group select:focus,.mensajes-libvit-page .form-group textarea:focus{outline:none;border-color:#7a4ea6;box-shadow:0 0 0 3px #7a4ea61a}.mensajes-libvit-page .form-group textarea{min-height:100px;resize:vertical}.mensajes-libvit-page .form-group .helper-text{font-size:.8rem;color:#999;margin-top:6px}.mensajes-libvit-page .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e8e8f0}.mensajes-libvit-page .btn-cancel{padding:10px 20px;background:#f0f0f5;border:1px solid #e8e8f0;border-radius:10px;cursor:pointer;font-weight:500;color:#666;transition:all .2s ease}.mensajes-libvit-page .btn-cancel:hover{background:#e8e8f0;color:#333}.mensajes-libvit-page .btn-save{padding:10px 24px;background:linear-gradient(135deg,#7a4ea6,#9b6bc3);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:all .2s ease}.mensajes-libvit-page .btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7a4ea666}.mensajes-libvit-page .stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.mensajes-libvit-page .stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;align-items:center;gap:16px}.mensajes-libvit-page .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.mensajes-libvit-page .stat-icon.maestros{background:#f3e5f5;color:#7a4ea6}.mensajes-libvit-page .stat-icon.traducciones{background:#dcfce7;color:#16a34a}.mensajes-libvit-page .stat-icon.activos{background:#fef3c7;color:#b45309}.mensajes-libvit-page .stat-info h3{font-size:.8rem;color:#666;margin:0 0 4px;text-transform:uppercase;letter-spacing:.05em}.mensajes-libvit-page .stat-info .stat-value{font-size:1.5rem;font-weight:700;color:#1a1a2e}.mensajes-libvit-page .detalles-row{background:#f8f9fc}.mensajes-libvit-page .detalles-row td{padding:0}.mensajes-libvit-page .detalles-container{padding:16px 20px}.mensajes-libvit-page .detalles-list{display:flex;flex-wrap:wrap;gap:12px}.mensajes-libvit-page .detalle-item{background:#fff;padding:12px 16px;border-radius:8px;border:1px solid #e8e8f0;display:flex;align-items:center;gap:12px}.mensajes-libvit-page .detalle-item .idioma{font-weight:600;color:#7a4ea6;min-width:30px}.mensajes-libvit-page .detalle-item .texto{color:#333;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mensajes-libvit-page .detalle-item .delete-btn{margin-left:auto;padding:4px;background:none;border:none;cursor:pointer;color:#999;transition:color .2s}.mensajes-libvit-page .detalle-item .delete-btn:hover{color:#dc2626}