:root{--navy:#0f2a4a;--navy-2:#173a63;--teal:#1fb6a5;--teal-dk:#12897c;--orange:#f2994a;--red:#e5533c;--green:#27ae60;--lgray:#f3f5f7;--mgray:#e3e7eb;--dgray:#6b7683;--txt:#1b2733}*{box-sizing:border-box}body{background:var(--lgray);color:var(--txt);margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#fff;flex-shrink:0;width:200px;padding:20px 0}.sidebar .brand{letter-spacing:.5px;padding:0 20px 20px;font-size:15px;font-weight:600}.sidebar .nav-item{color:#cbd5e1;border-left:3px solid #0000;align-items:center;gap:8px;padding:10px 20px;font-size:14px;display:flex}.sidebar .nav-item.active{background:var(--navy-2);color:#fff;border-left-color:var(--teal)}.main{flex:1;padding:28px 36px}.topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.topbar h1{color:var(--navy);margin:0;font-size:20px}.user-chip{color:var(--dgray);font-size:13px}.user-chip strong{color:var(--txt)}.card{border:1px solid var(--mgray);background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #0f2a4a0a}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:var(--dgray);background:var(--lgray);padding:10px 16px;font-size:12px;font-weight:600}td{border-top:1px solid var(--mgray);padding:12px 16px}.badge{border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-pendiente{color:var(--red);background:#fdeae5}.badge-en_progreso{color:#b5680e;background:#fdf0de}.badge-terminado{color:var(--green);background:#e4f5e9}button{border:1px solid var(--mgray);cursor:pointer;background:#fff;border-radius:6px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600}button.primary{background:var(--teal-dk);color:#fff;border-color:var(--teal-dk)}button.primary:hover{background:var(--teal)}button:hover{background:var(--lgray)}.login-wrap{background:var(--navy);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{text-align:center;background:#fff;border-radius:12px;width:300px;padding:36px 32px}.login-card h1{color:var(--navy);margin:0 0 4px;font-size:22px}.login-card p.subtitle{color:var(--dgray);margin:0 0 20px;font-size:13px}.field{text-align:left;margin-bottom:14px}.field label{color:var(--dgray);margin-bottom:4px;font-size:12px;display:block}.field input{border:1px solid var(--mgray);border-radius:6px;width:100%;padding:9px 10px;font-family:inherit;font-size:14px}.error-text{color:var(--red);margin:8px 0;font-size:13px}.mobile-warning{display:none}.app-root{display:block}@media (width<=820px){.app-root{display:none}.mobile-warning{background:var(--navy);justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}.mobile-warning-box{text-align:center;background:#fff;border-radius:12px;max-width:340px;padding:32px 24px}}