:root{--primary: #39A900;--primary-hover: #2b8000;--secondary: #004080;--bg-color: #f4f7f6;--surface: #ffffff;--text-main: #2c3e50;--text-light: #7f8c8d;--border: #eaeded;--danger: #e74c3c;--success: #2ecc71;--shadow-sm: 0 2px 8px rgba(0,0,0,.04);--shadow-md: 0 8px 24px rgba(0,0,0,.06);--shadow-lg: 0 16px 40px rgba(0,0,0,.08);--radius: 16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;zoom:100%}.app-container{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,#ffffff 0%,#fcfdfd 100%);border-right:1px solid var(--border);padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2rem;position:relative;z-index:10}.sidebar h2{color:var(--primary);font-size:1.5rem;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;gap:10px}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.nav-link{padding:.9rem 1.2rem;border-radius:10px;text-decoration:none;color:var(--text-light);font-weight:600;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center}.nav-link:hover{background-color:#f1f8ee;color:var(--primary);transform:translate(4px)}.nav-link.active{background-color:var(--primary);color:#fff;box-shadow:0 4px 12px #39a90040}.main-content{flex:1;padding:2.5rem 3.5rem;background:var(--bg-color);overflow-y:auto}.main-content h1{font-size:2rem;font-weight:700;color:var(--text-main);letter-spacing:-.5px;margin-bottom:.2rem}.card{background:var(--surface);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.8);transition:transform .3s ease,box-shadow .3s ease;margin-bottom:2rem}.card:hover{box-shadow:var(--shadow-md)}.card h3{font-size:1.2rem;color:var(--text-main);margin-bottom:1.5rem;font-weight:700;border-bottom:2px solid #f0f3f2;padding-bottom:.8rem}.btn{padding:.7rem 1.4rem;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-family:Inter,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;box-shadow:0 4px 10px #39a90033}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #39a9004d}.btn-danger{background-color:var(--danger);color:#fff}.input-group{margin-bottom:.5rem;display:flex;flex-direction:column;gap:.3rem}.input-group label{font-weight:600;font-size:.8rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.input-group input,.input-group select{padding:.6rem .8rem;border:1.5px solid var(--border);border-radius:8px;font-family:Inter,sans-serif;font-size:.9rem;transition:all .3s ease;background-color:#fafbfc;color:var(--text-main)}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--primary);background-color:var(--surface);box-shadow:0 0 0 4px #39a9001a}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}@media (max-width: 768px){.form-grid-2,.form-grid-3{grid-template-columns:1fr;gap:.8rem}.col-span-2{grid-column:span 1}}.col-span-2{grid-column:span 2}.table-wrapper{overflow-x:auto;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}table{width:100%;border-collapse:separate;border-spacing:0}th,td{padding:.8rem 1rem;text-align:left;border-bottom:1px solid var(--border)}th{background-color:#f8fbfc;font-weight:700;font-size:.8rem;text-transform:uppercase;color:var(--text-light);letter-spacing:.5px}tr:last-child td{border-bottom:none}tr{transition:background-color .2s ease}tr:hover{background-color:#fcfdfd}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;overflow-y:auto;animation:fadeIn .2s ease;padding:1rem}.modal-content{background:var(--surface);border-radius:var(--radius);width:100%;max-width:700px;padding:1.5rem 2rem;box-shadow:0 25px 50px -12px #00000040;animation:slideIn .2s ease-out forwards;margin:1rem auto}.modal-content h3{margin-top:0;font-size:1.3rem;color:var(--text-main);border-bottom:2px solid var(--border);padding-bottom:.8rem;margin-bottom:1rem}.sena-logo{filter:brightness(0) saturate(100%) invert(46%) sepia(87%) saturate(1064%) hue-rotate(63deg) brightness(97%) contrast(97%)}.auth-split-container{display:flex;height:100vh;width:100%;max-width:100%;overflow:hidden;background-color:var(--surface)}.auth-banner-panel{flex:1.3;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:4rem;color:#fff}.auth-banner-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1;opacity:0;animation:slideshowAnimation 15s infinite;transition:opacity 1s ease-in-out}.auth-banner-bg:nth-child(1){background-image:linear-gradient(rgba(57,169,0,.35),rgba(0,64,128,.65)),url(https://caracol.com.co/resizer/v2/64WMKKZRFJH75EZPXS4544YQWA.jpg?auth=e7d539eacd9a8ae2a0d5b4fc7133b45a0afc692a11973aea3e040cdb3a85d5ec&quality=70&width=1200&height=675&smart=true);animation-delay:0s}.auth-banner-bg:nth-child(2){background-image:linear-gradient(rgba(57,169,0,.35),rgba(0,64,128,.65)),url(https://ecosdelcombeima.com/sites/default/files/2025-10/sena_1_0.jpg);animation-delay:5s}.auth-banner-bg:nth-child(3){background-image:linear-gradient(rgba(57,169,0,.35),rgba(0,64,128,.65)),url(https://s3.wasabisys.com/assets.elcronista.co/assets/media/sena-tolima-oferta-2025.jpg);animation-delay:10s}@keyframes slideshowAnimation{0%{opacity:0;transform:scale(1.03)}5%{opacity:1}33%{opacity:1}38%{opacity:0;transform:scale(1)}to{opacity:0}}.auth-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left,rgba(57,169,0,.25),transparent),linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,.7));z-index:2}.auth-banner-content{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:space-between}.auth-banner-header{display:flex;align-items:center;gap:1rem}.auth-banner-header h3{font-weight:700;font-size:1.2rem;letter-spacing:1px;text-transform:uppercase}.auth-banner-footer h1{font-size:2.8rem;font-weight:800;line-height:1.2;margin-bottom:1rem;text-shadow:0 4px 12px rgba(0,0,0,.3)}.auth-banner-footer p{font-size:1.1rem;opacity:.9;max-width:550px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.auth-form-panel{flex:.8;display:flex;align-items:center;justify-content:center;padding:4rem;background-color:var(--surface);box-shadow:-10px 0 30px #00000008;z-index:5}.auth-card{width:100%;max-width:380px;background:transparent;border-radius:0;box-shadow:none;border:none;padding:0}.auth-title{text-align:center;margin-bottom:.5rem;color:var(--primary);font-size:1.9rem;font-weight:800;letter-spacing:-.5px}@media (max-width: 1024px){.auth-banner-panel{display:none}.auth-form-panel{flex:1;background:linear-gradient(135deg,#e8f5e9 0%,#f4f7f6 100%)}.auth-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:3rem;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,1);max-width:440px}}
