@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#211d17;--bg-deep:#080604;--sidebar:#131009;--surface:#1a160f;--surface-2:#241f15;--surface-3:#2e2719;--border:#393020;--border-light:#4a3f2b;--gold:#cba15a;--gold-light:#e6c486;--gold-pale:#f7e3b4;--gold-deep:#9d7838;--gold-dim:#cba15a1f;--gold-soft:#cba15a2e;--text:#f2ebd9;--text-soft:#d4c9b2;--text-muted:#9c9079;--text-dim:#6a5e48;--danger:#d18b87;--danger-dim:#d18b871f;--success:#8cc0a0;--success-dim:#8cc0a01f;--warning:#d5b16b;--warning-dim:#d5b16b1f;--info:#8ba7cd;--info-dim:#8ba7cd1f;--font-display:"Cormorant Garamond", serif;--font-body:"DM Sans", sans-serif;--shadow-sm:0 2px 10px #00000059;--shadow:0 20px 56px #00000094;--shadow-lg:0 32px 90px #000000b8;--shadow-gold:0 10px 30px #cba15a33;--transition:.18s cubic-bezier(.4, 0, .2, 1);--transition-slow:.32s cubic-bezier(.4, 0, .2, 1);--radius:5px;--radius-lg:9px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px}body{background:var(--bg);color:var(--text);font-family:var(--font-body);letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(80% 50% at 12% -10%,#cba15a0f,#0000 60%),radial-gradient(60% 50% at 100% 110%,#cba15a0a,#0000 55%);background-attachment:fixed;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:var(--font-body)}::selection{background:var(--gold-soft);color:var(--gold-pale)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold-deep)}.layout{min-height:100vh;display:flex}.main-content{flex:1;min-height:100vh;overflow:auto}.page{padding:0}.page-header{padding:var(--space-6) 44px var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-2);background:linear-gradient(180deg, var(--sidebar), #13100959);flex-wrap:wrap;display:flex;position:relative}.page-header:after{content:"";background:linear-gradient(90deg, var(--gold), transparent);width:96px;height:2px;position:absolute;bottom:-1px;left:44px}.page-title{font-family:var(--font-display);letter-spacing:3px;background:linear-gradient(135deg, var(--gold-pale) 10%, var(--gold) 90%);-webkit-text-fill-color:transparent;color:var(--gold-pale);-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:300}.page-body{padding:var(--space-6) 44px}.tabla-wrapper{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);overflow-x:auto}.tabla{border-collapse:collapse;width:100%}.tabla thead tr{border-bottom:1px solid var(--border-light);background:linear-gradient(180deg, var(--surface-2), var(--surface))}.tabla th{text-align:left;color:var(--gold);letter-spacing:2px;white-space:nowrap;text-transform:uppercase;padding:16px 22px;font-size:10.5px;font-weight:600}.tabla tbody tr{border-bottom:1px solid var(--border);transition:background var(--transition)}.tabla tbody tr:last-child{border-bottom:none}.tabla tbody tr:hover{background:var(--surface-2)}.tabla td{color:var(--text-soft);padding:15px 22px;font-size:13.5px}.badge{letter-spacing:1.5px;text-transform:uppercase;border:1px solid #0000;border-radius:100px;align-items:center;padding:4px 13px;font-size:10.5px;font-weight:600;display:inline-flex}.badge-activo{background:var(--success-dim);color:var(--success);border-color:#8cc0a040}.badge-inactivo{background:var(--danger-dim);color:var(--danger);border-color:#d18b8740}.badge-gold{background:var(--gold-dim);color:var(--gold-light);border-color:#cba15a52}.badge-warning{background:var(--warning-dim);color:var(--warning);border-color:#d5b16b40}.badge-info{background:var(--info-dim);color:var(--info);border-color:#8ba7cd40}.paginacion{padding:var(--space-3) 0 0;justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.paginacion-info{color:var(--text-muted);letter-spacing:1px;font-size:12px}.paginacion-btns{gap:var(--space-1);display:flex}.form-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.form-grid-1{grid-template-columns:1fr}.form-group{flex-direction:column;gap:7px;display:flex}.form-label{letter-spacing:2px;color:var(--gold);text-transform:uppercase;font-size:10.5px;font-weight:500}.form-input{background:var(--surface);border:1px solid var(--border);color:var(--text);transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);width:100%;font-size:14px;font-family:var(--font-body);border-radius:var(--radius);outline:none;padding:11px 15px;line-height:1.5}.form-input:focus{border-color:var(--gold);background:var(--surface-2);box-shadow:0 0 0 3px var(--gold-dim)}.form-input::placeholder{color:var(--text-dim)}.form-input:disabled{background:var(--bg-deep);color:var(--text-dim);cursor:not-allowed}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);background:#060402d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--border-light);padding:var(--space-6);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);position:relative;overflow-y:auto}.modal:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:2px;position:absolute;top:0;left:0;right:0}.modal-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-titulo{font-family:var(--font-display);letter-spacing:2px;color:var(--gold-pale);font-size:30px;font-weight:300}.modal-close{color:var(--text-dim);cursor:pointer;transition:color var(--transition), border-color var(--transition), background var(--transition);border-radius:var(--radius);background:0 0;border:1px solid #0000;padding:4px 9px;font-size:22px;line-height:1}.modal-close:hover{color:var(--gold);border-color:var(--border);background:var(--surface-3)}.modal-footer{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.search-wrapper{width:100%;max-width:320px;position:relative}.search-icon{color:var(--text-dim);transition:color var(--transition);pointer-events:none;font-size:16px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search-wrapper:focus-within .search-icon{color:var(--gold)}.search-input{padding-left:38px}.toolbar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;padding:16px 20px;display:flex}.card{background:var(--surface);border:1px solid var(--border);padding:var(--space-3);border-radius:var(--radius-lg);transition:border-color var(--transition)}.card:hover{border-color:var(--border-light)}.card-titulo{font-family:var(--font-display);margin-bottom:var(--space-2);color:var(--gold-light);letter-spacing:1px;font-size:20px;font-weight:400}.stats-grid{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);padding:var(--space-3) var(--space-4);transition:transform var(--transition), background var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:var(--radius-lg);position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(180deg, var(--gold-light), var(--gold-deep));width:3px;height:100%;position:absolute;top:0;left:0}.stat-card:hover{background:var(--surface-2);border-color:var(--border-light);box-shadow:var(--shadow-sm);transform:translateY(-3px)}.stat-valor{font-family:var(--font-display);background:linear-gradient(135deg, var(--gold-pale), var(--gold));-webkit-text-fill-color:transparent;color:var(--gold);-webkit-background-clip:text;background-clip:text;font-size:46px;font-weight:300;line-height:1}.stat-label{letter-spacing:2.5px;color:var(--text-muted);text-transform:uppercase;margin-top:12px;font-size:10.5px}.divider{border:none;border-top:1px solid var(--border);margin:var(--space-3) 0}.empty{text-align:center;color:var(--text-dim);padding:64px 20px}.empty-icon{margin-bottom:var(--space-2);opacity:.25;font-size:42px}.empty-texto{letter-spacing:1px;font-size:13px}.btn{letter-spacing:1.5px;font-size:10.5px;font-family:var(--font-body);cursor:pointer;border-radius:var(--radius);transition:background var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition);white-space:nowrap;text-transform:uppercase;justify-content:center;align-items:center;gap:7px;padding:10px 20px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--gold-light), var(--gold));border:1px solid var(--gold-light);color:#17130c;box-shadow:var(--shadow-gold)}.btn-primary:hover{background:linear-gradient(135deg, var(--gold-pale), var(--gold-light));border-color:var(--gold-pale);transform:translateY(-1px);box-shadow:0 12px 34px #cba15a4d}.btn-primary:active{box-shadow:var(--shadow-gold);transform:translateY(0)}.btn-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.btn-secondary:hover{border-color:var(--gold-deep);color:var(--gold-light);background:var(--surface-2)}.btn-danger{border:1px solid var(--danger);color:var(--danger);background:0 0}.btn-danger:hover{background:var(--danger-dim);border-color:var(--danger)}@media (width<=1024px){.page-header{padding:var(--space-3) 28px}.page-header:after{left:28px}.page-body{padding:var(--space-3) 28px}.form-grid{grid-template-columns:1fr}}@media (width<=768px){.page-header{padding:20px}.page-header:after{left:20px}.page-body{padding:20px}.page-title{font-size:30px}.tabla th,.tabla td{padding:12px 14px}.stats-grid{grid-template-columns:repeat(2,1fr)}.search-wrapper{max-width:100%}.modal{padding:var(--space-4) 22px}.toolbar{padding:14px 16px}}@media (width<=480px){.page-header{flex-direction:column;align-items:flex-start}.stats-grid,.form-grid{grid-template-columns:1fr}.paginacion{flex-direction:column;align-items:flex-start}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}