.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}}.dashboard{--color-primary:#34d399;--color-bg-page:#0f1512;--color-bg-surface:#161d1a;--color-border:#263129;--color-text-primary:#eef1ef;--color-text-secondary:#9aa39d;--color-text-on-primary:#0f1512;--header-height:72px;--header-height-sm:64px;--radius-full:50%;--shadow-header:0 2px 8px #00000040;--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}.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}.modal-overlay{z-index:100;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:14px;width:100%;max-width:400px;padding:24px}.modal-content h3{color:var(--color-text-primary);margin:0 0 16px;font-size:17px;font-weight:700}.modal-content form{flex-direction:column;gap:10px;display:flex}.modal-content input{background:var(--color-bg-page);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.875rem}.modal-content input::placeholder{color:var(--color-text-secondary)}.modal-content input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.modal-error{color:#f87171;margin:0;font-size:.8rem}.modal-buttons{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.modal-buttons button{cursor:pointer;border:none;border-radius:7px;padding:9px 16px;font-size:.85rem;font-weight:600}.modal-buttons button[type=submit]{background:var(--color-primary);color:var(--color-text-on-primary)}.modal-buttons button[type=button]{background:var(--color-border);color:var(--color-text-primary)}.header-actions{align-items:center;gap:16px;display:flex}.btn-agregar-sistema{background:var(--color-primary);color:var(--color-text-on-primary);cursor:pointer;white-space:nowrap;transition:opacity var(--transition-fast);border:none;border-radius:8px;padding:10px 18px;font-size:.875rem;font-weight:600}.btn-agregar-sistema:hover{opacity:.85}.system-card{background:var(--color-bg-surface,#161d1a);border:1px solid var(--color-border,#263129);border-radius:14px;overflow:hidden}.table-topbar{border-bottom:1px solid var(--color-border,#263129);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.topbar-badges{gap:8px;display:flex}.badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.badge-info{color:#60a5fa;background:#60a5fa24}.badge-warning{color:#f3ce13;background:#e8b80b24}.topbar-updated{color:var(--color-text-secondary,#9aa39d);font-size:12px}.table-scroll{overflow-x:auto}.modules-table{border-collapse:collapse;width:100%;font-size:13px}.modules-table thead th{text-align:left;color:var(--color-text-secondary,#9aa39d);border-bottom:1px solid var(--color-border,#263129);white-space:nowrap;padding:10px 16px;font-size:12px;font-weight:600}.col-modulo-header{color:var(--color-text-primary,#eef1ef);border-left:1px solid var(--color-border,#263129);font-size:13px}.col-basedatos{min-width:170px;color:var(--color-text-primary,#eef1ef);padding:12px 16px}.col-sub{border-left:1px solid var(--color-border,#263129);vertical-align:middle;padding:12px 16px}.sin-datos{color:var(--color-text-secondary,#9aa39d)}.modules-table tbody tr{border-bottom:1px solid var(--color-border,#263129)}.modules-table tbody tr:last-child{border-bottom:none}.pill{text-transform:capitalize;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-block}.pill-activo{color:#34d399;background:#34d39924}.pill-inactivo{color:#9aa39d;background:#9aa39d24}.pill-detenido{color:#e47a09;background:#ce7b0724}.pill-en-ejecucion{color:#fb923c;background:#fb923c24}.pill-en-ejecucion-rojo{color:#f87171;background:#f8717124}.ultima-dur{justify-content:space-between;align-items:center;gap:10px;display:flex}.ultima-texto{color:var(--color-text-secondary,#9aa39d);white-space:nowrap}.dur-valor{color:#fbbf24;font-weight:600}.acciones-icono{flex-shrink:0;gap:6px;display:flex}.icon-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s;display:flex}.icon-btn:hover{background:#ffffff0f}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn-pause{color:#edaa17}.icon-btn-play{color:#34d399}.icon-btn-refresh{color:#9aa39d}@media (width<=700px){.modules-table{font-size:12px}.col-basedatos{min-width:120px}.ultima-dur{flex-direction:column;align-items:flex-start;gap:6px}}.fila-basedatos{align-items:center;gap:8px;display:flex}.orden-botones{flex-direction:column;gap:1px;display:flex}.icon-btn-orden{width:18px;height:14px;color:var(--color-text-secondary,#9aa39d)}.acciones-basedatos{gap:4px;margin-left:auto;display:flex}.icon-btn-editar{color:#60a5fa}.icon-btn-borrar{color:#f87171}.icon-btn-ejecutar{color:#60a5fa}.error-sistema{color:#f87171;font-size:12px;font-style:italic}.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}}html,body{background-color:#0f1512;height:100%;margin:0;padding:0}#root{min-height:100dvh}*{box-sizing:border-box}