.login-container{background:#f6f7f7;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border:1px solid #e0e7e2;border-radius:16px;width:100%;max-width:420px;padding:40px;box-shadow:0 10px 30px #00000014}.login-card h1{color:#198754;text-align:center;margin:0 0 8px;font-size:32px;font-weight:700}.login-card>p{color:#6c757d;text-align:center;margin:0 0 30px;font-size:15px}.login-card form{flex-direction:column;gap:20px;display:flex}.login-card form>div{flex-direction:column;gap:8px;display:flex}.login-card label{color:#212529;font-size:14px;font-weight:600}.login-card input{color:#212529;background:#fff;border:1px solid #ced4da;border-radius:8px;outline:none;width:100%;padding:13px 14px;font-size:15px;transition:all .2s}.login-card input::placeholder{color:#adb5bd}.login-card input:focus{border-color:#198754;box-shadow:0 0 0 3px #19875426}.login-card button{color:#fff;cursor:pointer;background:#198754;border:none;border-radius:8px;width:100%;margin-top:5px;padding:13px;font-size:15px;font-weight:600;transition:all .2s}.login-card button:hover{background:#146c43}.login-card button:active{transform:scale(.98)}@media (width<=480px){.login-card{padding:30px 24px}.login-card h1{font-size:28px}}html,body{height:100%;margin:0;padding:0}#root{min-height:100dvh}*{box-sizing:border-box}.dashboard{--color-primary:#198754;--color-bg-page:#f5f7f6;--color-bg-surface:#fff;--color-border:#e1e6e3;--color-text-secondary:#6c757d;--color-text-on-primary:#fff;--header-height:72px;--header-height-sm:64px;--radius-full:50%;--shadow-header:0 2px 8px #0000000a;--transition-fast:.15s ease;background-color:var(--color-bg-page);min-height:100dvh;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}.dashboard *{box-sizing:border-box}@media (prefers-color-scheme:dark){.dashboard{--color-bg-page:#0f1512;--color-bg-surface:#161d1a;--color-border:#263129;--color-text-primary:#eef1ef;--color-text-secondary:#9aa39d;--shadow-header:0 2px 8px #00000040}}.dashboard-header{height:var(--header-height);background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-header);z-index:10;padding:0 clamp(16px,4vw,30px);padding-top:env(safe-area-inset-top);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.dashboard-header h1{color:var(--color-primary);margin:0;font-size:clamp(18px,2.5vw,24px);font-weight:700;line-height:1.2}.dashboard-header p{color:var(--color-text-secondary);margin:3px 0 0;font-size:13px}.header-user{color:var(--color-text-primary);flex-shrink:0;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.user-avatar{border-radius:var(--radius-full);background-color:var(--color-primary);width:40px;height:40px;color:var(--color-text-on-primary);transition:transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.user-avatar:hover{transform:scale(1.05)}.dashboard-content{flex:1;padding:clamp(16px,4vw,30px)}.dashboard-content h2{color:var(--color-text-primary);margin:0 0 8px;font-size:clamp(18px,2vw,22px);font-weight:600;line-height:1.3}.dashboard-content p{color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.6}.dashboard a:focus-visible,.dashboard button:focus-visible,.dashboard [tabindex]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.dashboard *{transition:none!important;animation:none!important}}@media (width<=768px){.dashboard-content{padding:20px}}@media (width<=480px){.dashboard-header{height:var(--header-height-sm);padding-left:15px;padding-right:15px}.dashboard-header p,.header-user span{display:none}.dashboard-content{padding:15px}}@media (width>=1440px){.dashboard-header{padding-left:48px;padding-right:48px}}.titulo{grid-template-columns:repeat(3,1fr);display:grid}.systems-grid{flex-direction:column;gap:20px;display:flex}.system-card{background-color:#fff;border:1px solid #e1e6e3;border-radius:12px;justify-content:space-between;align-items:center;padding:18px 22px;transition:box-shadow .15s,border-color .15s,transform .15s;display:flex}.system-card:hover{border-color:#198754;transform:translateY(-1px);box-shadow:0 4px 14px #0000000f}.system-info{flex-direction:column;gap:4px;min-width:0;display:flex}.system-info h3{color:#212529;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:600;overflow:hidden}.system-info p{color:#6c757d;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13.5px;overflow:hidden}.system-rigth{flex-shrink:0;align-items:center;gap:0 30px;display:flex}.system-status{text-transform:capitalize;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.system-status.activo{color:#198754;background-color:#1987541a}.system-status.activo .status-dot{background-color:#198754}.system-status.inactivo{color:#dc3545;background-color:#dc35451a}.system-status.inactivo .status-dot{background-color:#dc3545}@media (width<=480px){.system-card{padding:14px 16px}.system-info h3{font-size:15px}.system-status{padding:5px 10px;font-size:11.5px}}.footer{width:100%;margin-top:40px}.footer-content{color:#212529;justify-content:center;align-items:center;min-height:60px;padding:20px 30px;display:flex}.footer p{color:inherit;margin:0;font-size:13px}@media (prefers-color-scheme:dark){.footer-content{color:#fff}}@media (width<=600px){.footer-content{flex-direction:column;justify-content:center;gap:5px;padding:15px}}.system-button{color:#fff;cursor:pointer;border:none;border-radius:7px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}.system-button.activar{background-color:#198754}.system-button.activar:hover{background-color:#146c43}.system-button.desactivar{background-color:#dc3545}.system-button.desactivar:hover{background-color:#bb2d3b}.system-button.reset{background-color:#6c757d}.system-button.reset:hover{background-color:#495057}