:root{--azul-primario: #1e40af;--azul-hover: #1e3a8a;--amarillo: #f59e0b;--amarillo-hover: #d97706;--rojo: #dc2626;--rojo-hover: #b91c1c;--blanco: #ffffff;--negro: #1f2937;--gris-claro: #f3f4f6;--gris-medio: #e5e7eb;--gris-oscuro: #6b7280}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--gris-claro);color:var(--negro);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--azul-primario);color:var(--blanco)}.btn-primary:hover:not(:disabled){background-color:var(--azul-hover)}.btn-warning{background-color:var(--amarillo);color:var(--negro)}.btn-warning:hover:not(:disabled){background-color:var(--amarillo-hover)}.btn-danger{background-color:var(--rojo);color:var(--blanco)}.btn-danger:hover:not(:disabled){background-color:var(--rojo-hover)}.btn-outline{background-color:transparent;border:2px solid var(--azul-primario);color:var(--azul-primario)}.btn-outline:hover:not(:disabled){background-color:var(--azul-primario);color:var(--blanco)}.card{background:var(--blanco);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid var(--gris-medio)}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--negro)}.form-input{width:100%;padding:.75rem;border:2px solid var(--gris-medio);border-radius:.5rem;font-size:1rem;transition:border-color .3s ease}.form-input:focus{outline:none;border-color:var(--azul-primario)}.form-select{width:100%;padding:.75rem;border:2px solid var(--gris-medio);border-radius:.5rem;font-size:1rem;background-color:var(--blanco)}.header{background:linear-gradient(135deg,var(--azul-primario),#1e3a8a);color:var(--blanco);padding:1rem 0;box-shadow:0 2px 10px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700}.nav-tabs{display:flex;background:var(--blanco);border-bottom:2px solid var(--gris-medio);overflow-x:auto}.nav-tab{padding:1rem 1.5rem;background:none;border:none;font-size:1rem;font-weight:600;color:var(--gris-oscuro);cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;white-space:nowrap}.nav-tab.active{color:var(--azul-primario);border-bottom-color:var(--azul-primario)}.nav-tab:hover:not(.active){color:var(--azul-hover);background-color:var(--gris-claro)}.alert{padding:1rem;border-radius:.5rem;margin-bottom:1rem;border-left:4px solid}.alert-success{background-color:#d1fae5;border-left-color:#10b981;color:#065f46}.alert-error{background-color:#fee2e2;border-left-color:var(--rojo);color:#7f1d1d}.alert-warning{background-color:#fef3c7;border-left-color:var(--amarillo);color:#78350f}.table{width:100%;border-collapse:collapse;background:var(--blanco);border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.table th,.table td{padding:1rem;text-align:left;border-bottom:1px solid var(--gris-medio)}.table th{background-color:var(--gris-claro);font-weight:600;color:var(--negro)}.table tr:hover{background-color:var(--gris-claro)}@media (max-width: 768px){.container{padding:0 .5rem}.nav-tabs{flex-wrap:wrap}.nav-tab{flex:1;min-width:120px;text-align:center}.table{font-size:.875rem}.table th,.table td{padding:.5rem}}.loading{display:flex;justify-content:center;align-items:center;padding:2rem}.spinner{width:2rem;height:2rem;border:3px solid var(--gris-medio);border-top:3px solid var(--azul-primario);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}