@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif}.App,body{background:#f5f7fb}.App,.loading{min-height:100vh}.loading{align-items:center;color:#2e7cf6;display:flex;font-family:Inter,sans-serif;font-size:1.2em;justify-content:center}.header{background:linear-gradient(135deg,#0b1f4d,#1e3a73);box-shadow:0 4px 12px #0b1f4d26;color:#fff;padding:20px}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px}.header-content,.header-title{align-items:center;display:flex}.header-title{gap:14px}.header-logo{border-radius:10px;box-shadow:0 4px 12px #0003;height:44px;width:44px}.header h1{font-family:Poppins,sans-serif;font-size:1.8em;font-weight:700;margin:0}.header-user{align-items:center;display:flex;gap:20px}.user-info{background:#ffffff1f;border-radius:20px;font-size:.95em;padding:8px 16px}.logout-btn,.user-info{font-family:Inter,sans-serif}.logout-btn{background:#2e7cf633;border:1px solid #2e7cf680;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.logout-btn:hover{background:#2e7cf6;border-color:#2e7cf6;transform:translateY(-2px)}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 auto;max-width:1200px;padding:20px}.tabs button{background:#fff;border:none;border-radius:10px;box-shadow:0 2px 8px #0b1f4d14;color:#1e3a73;cursor:pointer;font-family:Inter,sans-serif;font-weight:600;padding:12px 24px;transition:all .3s}.tabs button:hover{background:#e8ecf4;transform:translateY(-2px)}.tabs button.active{background:linear-gradient(135deg,#1e3a73,#2e7cf6);box-shadow:0 4px 15px #2e7cf659;color:#fff}.container{margin:0 auto;max-width:1200px;padding:20px}.form-container,.list-container,.nomina-container{background:#fff;border-radius:14px;box-shadow:0 4px 20px #0b1f4d0f;margin-bottom:30px;padding:30px}.form-container h2,.list-container h2,.nomina-container h2{color:#0b1f4d;font-family:Poppins,sans-serif;font-size:1.6em;font-weight:600;margin-bottom:20px}.form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.form-grid input,.form-grid select{background:#fafbfd;border:1.5px solid #e8ecf4;border-radius:10px;font-family:Inter,sans-serif;font-size:1em;padding:12px;transition:border-color .3s}.form-grid input:focus,.form-grid select:focus{background:#fff;border-color:#2e7cf6;box-shadow:0 0 0 4px #2e7cf61a;outline:none}.nomina-form{background:#f5f7fb;border-radius:10px;margin-bottom:20px;padding:20px}.nomina-form label{color:#0b1f4d;display:block;font-family:Inter,sans-serif;font-size:.95em;font-weight:600;margin-bottom:8px}button[type=submit]{background:linear-gradient(135deg,#1e3a73,#2e7cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1em;font-weight:600;padding:14px 32px;transition:all .3s;width:100%}button[type=submit]:hover:not(:disabled){box-shadow:0 10px 25px #2e7cf659;transform:translateY(-2px)}button[type=submit]:disabled{cursor:not-allowed;opacity:.7}.message{border-radius:10px;font-family:Inter,sans-serif;font-weight:600;margin-bottom:20px;padding:15px}.message.success{background:#e4f7ed;border:1px solid #c3e6cb;color:#1b7a43}.message.error{background:#fee8e8;border:1px solid #f5c6cb;color:#c0392b}.empty{color:#9aa5b8;font-family:Inter,sans-serif;font-size:1.1em;padding:40px;text-align:center}.table-responsive{overflow-x:auto}.employees-table{border-collapse:collapse;font-family:Inter,sans-serif;margin-top:20px;width:100%}.employees-table thead{background:#f5f7fb}.employees-table th{border-bottom:2px solid #e8ecf4;color:#0b1f4d;font-weight:600;padding:15px;text-align:left}.employees-table td{border-bottom:1px solid #e8ecf4;color:#333;padding:15px}.employees-table tbody tr:hover{background:#fafbfd}.panel-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.panel-header h2{margin-bottom:0}.btn-primary{background:linear-gradient(135deg,#1e3a73,#2e7cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.95em;font-weight:600;padding:12px 24px;transition:all .3s;white-space:nowrap}.btn-primary:hover:not(:disabled){box-shadow:0 10px 25px #2e7cf659;transform:translateY(-2px)}.nuevo-usuario-form{background:#f5f7fb;border-radius:12px;margin-bottom:25px;padding:20px}.status-badge{border-radius:20px;display:inline-block;font-family:Inter,sans-serif;font-size:.85em;font-weight:600;padding:5px 14px}.status-active{background:#e4f7ed;color:#1b7a43}.status-inactive{background:#fee8e8;color:#c0392b}.user-actions{display:flex;flex-wrap:wrap;gap:8px}.action-btn{border:none;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:.85em;font-weight:600;padding:8px 14px;transition:all .3s;white-space:nowrap}.action-btn:disabled{cursor:not-allowed;opacity:.6}.action-btn-warning{background:#fef3e0;color:#b7791f}.action-btn-warning:hover:not(:disabled){background:#f5c97b;color:#7a4f0a}.action-btn-success{background:#e4f7ed;color:#1b7a43}.action-btn-success:hover:not(:disabled){background:#a8e6c1}.action-btn-neutral{background:#e8ecf4;color:#1e3a73}.action-btn-neutral:hover:not(:disabled){background:#2e7cf6;color:#fff}.resultado{animation:slideIn .3s ease-in;margin-top:30px}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.resultado h3{color:#0b1f4d;font-family:Poppins,sans-serif;font-size:1.4em;font-weight:600;margin-bottom:20px}.resultado-acciones{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-top:25px}.resultado-acciones .message{margin-bottom:0}.result-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:#f5f7fb;border-left:4px solid #2e7cf6;border-radius:12px;font-family:Inter,sans-serif;padding:20px}.card h4{color:#1e3a73;font-family:Poppins,sans-serif;font-size:1.05em;font-weight:600;margin-bottom:15px}.card p{color:#333;display:flex;justify-content:space-between;margin-bottom:10px}.card .total{border-top:2px solid #e8ecf4;color:#2e7cf6;font-weight:600;margin-top:10px;padding-top:10px}.card.highlight{background:linear-gradient(135deg,#0b1f4d,#2e7cf6);border-left:none;color:#fff}.card.highlight h4,.card.highlight p{color:#fff}.neto{color:#fff!important;font-family:Poppins,sans-serif;font-size:2em!important;justify-content:center}@media (max-width:768px){.header h1{font-size:1.4em}.header-logo{height:34px;width:34px}.header-content{flex-direction:column;gap:15px}.form-grid,.result-grid{grid-template-columns:1fr}.employees-table{font-size:.9em}.employees-table td,.employees-table th{padding:10px}}.login-container{align-items:center;animation:gradientShift 12s ease infinite;background:linear-gradient(135deg,#0b1f4d,#1e3a73 50%,#2e7cf6);background-size:300% 300%;display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.login-container:before{animation:floatShapes 18s ease-in-out infinite;background-image:radial-gradient(circle at 15% 20%,#ffffff0d 0,#0000 22%),radial-gradient(circle at 85% 15%,#2e7cf61a 0,#0000 20%),radial-gradient(circle at 75% 80%,#ffffff0a 0,#0000 24%),radial-gradient(circle at 10% 85%,#2e7cf614 0,#0000 20%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes floatShapes{0%,to{transform:translateY(0) translateX(0) scale(1)}50%{transform:translateY(-25px) translateX(20px) scale(1.05)}}.login-bg{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.login-bg svg{display:block;height:100%;width:100%}.network-lines line{stroke:#ffffff1a;stroke-width:1}.network-nodes .node{fill:#ffffff59;animation:nodePulse 4.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes nodePulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.6;transform:scale(1.5)}}.trend-line{fill:none;stroke:#2e7cf666;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:14 10;animation:dashMove 25s linear infinite}@keyframes dashMove{to{stroke-dashoffset:-480}}.login-box{animation:fadeInUp .6s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-radius:16px;box-shadow:0 20px 60px #0b1f4d66;max-width:420px;padding:50px;position:relative;width:100%;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:35px;text-align:center}.login-header img{border-radius:18px;box-shadow:0 8px 20px #2e7cf64d;height:90px;margin-bottom:15px;width:90px}.login-header h1{color:#0b1f4d;font-family:Poppins,sans-serif;font-size:2em;font-weight:700;margin:0 0 8px}.login-header p{color:#5a6b87;font-family:Inter,sans-serif;font-size:.9em;margin:0}.form-group{margin-bottom:22px}.form-group label{color:#0b1f4d;display:block;font-family:Inter,sans-serif;font-size:.9em;font-weight:600;margin-bottom:8px}.form-group input{background:#fafbfd;border:1.5px solid #e8ecf4;border-radius:10px;box-sizing:border-box;font-family:Inter,sans-serif;font-size:1em;padding:13px 16px;transition:all .3s;width:100%}.form-group input:focus{background:#fff;border-color:#2e7cf6;box-shadow:0 0 0 4px #2e7cf61f;outline:none}.error-message{background:#fee8e8;border:1px solid #f5c6cb;border-radius:10px;color:#c0392b;font-family:Inter,sans-serif;font-size:.9em;margin-bottom:20px;padding:13px}.login-button{background:linear-gradient(135deg,#1e3a73,#2e7cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1em;font-weight:600;letter-spacing:.3px;margin-top:5px;padding:14px;transition:all .3s;width:100%}.login-button:hover:not(:disabled){box-shadow:0 10px 25px #2e7cf666;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-footer{color:#9aa5b8;font-family:Inter,sans-serif;font-size:.85em;margin-top:28px;text-align:center}@media (max-width:480px){.login-box{padding:35px 25px}.login-header h1{font-size:1.7em}}
/*# sourceMappingURL=main.05248ccc.css.map*/