@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:8px;flex-shrink:0}.spinner-dark{display:inline-block;width:14px;height:14px;border:2px solid rgba(60,60,60,.2);border-top-color:#444;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:8px;flex-shrink:0}.spinner-large{width:40px;height:40px;border:3px solid rgba(79,70,229,.2);border-top-color:#4f46e5;border-radius:50%;animation:spin .8s linear infinite}.loading-overlay{position:absolute;inset:0;background:#f9fafbcc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;z-index:20;gap:12px;color:#253586;font-size:13px;font-weight:500}:root{font-family:Inter,Segoe UI,system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#111827;background-color:#f9fafb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#4f46e5;text-decoration:none}a:hover{color:#4338ca}body{margin:0;padding:0;display:block;min-width:320px;min-height:100vh;background-color:#f9fafb;color:#111827}h1,h2,h3,h4{font-weight:600;color:#111827}button{border-radius:6px;border:1px solid transparent;padding:.5em 1.1em;font-size:.875rem;font-weight:500;font-family:inherit;background-color:#fff;color:#374151;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}button:hover{border-color:#4f46e5;color:#4f46e5}button:focus,button:focus-visible{outline:2px solid #4F46E5;outline-offset:2px}.execution-tab-content{padding:0}.execution-header{margin-bottom:20px}.execution-header h2{margin:0 0 4px;font-size:1.15rem;font-weight:600;color:#111827}.execution-header p{margin:0;font-size:.85rem;color:#6b7280}.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:18px 20px;margin-bottom:16px}.execution-machine-area{margin-bottom:16px}.machine-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.machine-header h3{margin:0;font-size:.85rem;font-weight:600;color:#374151}.btn-toggle-config{background:none;border:1px solid #e5e7eb;border-radius:6px;padding:5px 12px;cursor:pointer;font-size:.8rem;color:#6b7280;transition:background .15s,border-color .15s}.btn-toggle-config:hover{background:#f9fafb;border-color:#253586;color:#253586}.machine-selector{display:flex;align-items:center;gap:10px}.machine-selector label{font-weight:600;font-size:.8rem;white-space:nowrap;color:#374151}.machine-selector select{flex:1;padding:7px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;max-width:400px;color:#374151;outline:none;transition:border-color .15s}.machine-selector select:focus{border-color:#4f46e5}.machine-config-panel{margin-top:14px;display:flex;flex-direction:column;gap:12px}.machine-config-card{border:1px solid #e5e7eb;border-radius:6px;padding:14px;background:#f9fafb;transition:border-color .15s}.machine-config-card.active{border-color:#4f46e5;background:#eef2ff}.machine-config-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.machine-label-input{font-size:.9rem;font-weight:600;border:none;border-bottom:2px solid transparent;background:transparent;padding:3px 0;outline:none;color:#111827;flex:1}.machine-label-input:focus{border-bottom-color:#4f46e5}.btn-remove-machine{background:none;border:none;color:#9ca3af;font-size:16px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .15s,background .15s}.btn-remove-machine:hover{color:#ef4444;background:#fef2f2}.machine-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-row{display:flex;flex-direction:column;gap:4px}.field-row label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.field-row input,.field-row select{padding:7px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:.85rem;color:#374151;background:#fff;outline:none;transition:border-color .15s}.field-row input:focus,.field-row select:focus{border-color:#4f46e5}.field-row small{font-size:.75rem;color:#9ca3af}.btn-add-machine{align-self:flex-start;background:none;border:1px dashed #d1d5db;border-radius:6px;padding:7px 16px;cursor:pointer;font-size:.85rem;color:#6b7280;transition:background .15s,border-color .15s,color .15s}.btn-add-machine:hover{background:#f9fafb;border-color:#4f46e5;color:#4f46e5}.execution-selection-area h3{margin:0 0 12px;font-size:.85rem;font-weight:600;color:#374151}.execution-table{width:100%;border-collapse:collapse;font-size:.875rem}.execution-table thead tr{border-bottom:1px solid #e5e7eb}.execution-table th{padding:9px 12px;text-align:left;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6b7280}.execution-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .1s}.execution-table tbody tr:hover{background-color:#f9fafb}.execution-table tbody tr.row-selected{background-color:#eef2ff}.execution-table td{padding:9px 12px;color:#374151}.execution-table input[type=checkbox]{accent-color:#4F46E5;width:15px;height:15px;cursor:pointer}.execution-form-area .input-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.execution-form-area label{font-size:.875rem;font-weight:500;color:#374151;white-space:nowrap}.execution-form-area input[type=number]{padding:7px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;width:120px;color:#374151;outline:none;transition:border-color .15s}.execution-form-area input[type=number]:focus{border-color:#4f46e5}.btn-run-script{padding:8px 20px;background-color:#253586;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.875rem;transition:background-color .15s;display:inline-flex;align-items:center;gap:6px}.btn-run-script:hover:not(:disabled){background-color:#1c2a6e}.btn-run-script:disabled{opacity:.45;cursor:not-allowed}.error-msg{margin-top:10px;font-size:.85rem;color:#b91c1c;background:#fef2f2;padding:8px 12px;border-radius:6px;border-left:3px solid #ef4444}.execution-results h3{margin:0 0 12px;font-size:.85rem;font-weight:600;color:#374151}.results-table{width:100%;border-collapse:collapse;font-size:.875rem}.results-table th{padding:9px 12px;text-align:left;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6b7280;border-bottom:1px solid #e5e7eb}.results-table td{padding:9px 12px;border-bottom:1px solid #f3f4f6;color:#374151}.text-success{color:#15803d;font-size:.85rem}.text-danger{color:#b91c1c;font-size:.85rem}.suivi-container{padding:0}.suivi-container h2{margin:0 0 20px;color:#111827;font-size:1.15rem;font-weight:600}.suivi-controls{display:flex;gap:10px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.suivi-controls select{padding:7px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;color:#374151;background:#fff;outline:none;transition:border-color .15s}.suivi-controls select:focus{border-color:#4f46e5}.btn-secondary{padding:7px 14px;background-color:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-weight:500;font-size:.85rem;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex;align-items:center;gap:6px}.btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#253586;color:#253586}button:disabled{opacity:.45;cursor:not-allowed}.checkbox-label{display:flex;align-items:center;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.85rem;color:#6b7280}.checkbox-label input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:#4F46E5}.monitoring-table{background:#fff;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:20px;overflow:hidden}.monitoring-table h3{margin:0;padding:14px 16px;border-bottom:1px solid #e5e7eb;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6b7280;background-color:#f9fafb}.monitoring-table table{width:100%;border-collapse:collapse;font-size:.85rem}.monitoring-table thead{border-bottom:1px solid #e5e7eb}.monitoring-table th{padding:10px 14px;text-align:left;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6b7280}.monitoring-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .1s}.monitoring-table tbody tr:hover{background-color:#f9fafb}.monitoring-table tbody tr:last-child{border-bottom:none}.monitoring-table td{padding:11px 14px;color:#374151}.status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.status-badge.status-running{background-color:#eff6ff;color:#1d4ed8}.status-badge.status-pending{background-color:#fefce8;color:#a16207}.status-badge.status-completed{background-color:#f0fdf4;color:#15803d}.status-badge.status-error,.status-badge.status-suspended{background-color:#fef2f2;color:#b91c1c}.status-badge.status-unknown{background-color:#f3f4f6;color:#6b7280}.status-legend{background:#fff;padding:14px 16px;border-radius:8px;border:1px solid #e5e7eb;margin-top:16px}.status-legend h4{margin:0 0 12px;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6b7280}.legend-items{display:flex;flex-wrap:wrap;gap:16px}.legend-item{display:flex;align-items:center;gap:7px;font-size:.8rem;color:#6b7280}.legend-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.filename{font-family:JetBrains Mono,Monaco,Courier New,monospace;color:#374151;font-size:.8rem;word-break:break-all}.details{font-size:.8rem;color:#6b7280}.irene-log{background:#1e1e2e;color:#cdd6f4;padding:14px;border-radius:6px;font-family:JetBrains Mono,Monaco,monospace;font-size:.78rem;overflow-x:auto;white-space:pre;border:1px solid #313244}.empty-state{text-align:center;padding:56px 20px;color:#9ca3af;font-size:.875rem}.loading{text-align:center;padding:40px;color:#9ca3af;font-size:.875rem}.error-message{background-color:#fef2f2;color:#b91c1c;padding:10px 14px;border-radius:6px;margin-bottom:16px;border-left:3px solid #ef4444;font-size:.85rem}:root{--primary: #253586;--primary-hover: #1c2a6e;--accent: #4F46E5;--accent-hover: #4338ca;--bg-main: #F9FAFB;--bg-card: #ffffff;--text-dark: #111827;--text-light: #6b7280;--border: #e5e7eb;--danger: #ef4444;--danger-hover: #dc2626;--success: #10b981}body{margin:0;overflow-x:hidden;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-main);color:var(--text-dark);-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;height:100vh}.main-layout{display:flex;flex:1;overflow:hidden}.sidebar{width:320px;background-color:var(--bg-card);border-right:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:15px;overflow-y:auto}.sidebar h3{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-top:0;color:var(--text-light);display:flex;align-items:center;gap:8px}.ssh-form{display:flex;flex-direction:column;gap:8px}.ssh-form label{font-size:.85rem;font-weight:600;color:var(--text-light)}.ssh-form input{padding:10px;border:1px solid var(--border);border-radius:6px;background:#f9f9f9;color:var(--text-dark)}.ssh-form input:focus{outline:2px solid var(--primary);background:#fff}.hint{font-size:.75rem;color:var(--text-light);font-style:italic}.content{flex:1;padding:25px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.tabs-header{display:flex;gap:10px;border-bottom:2px solid var(--border);margin-bottom:10px}.tabs-header button{padding:10px 20px;border:none;background:none;cursor:pointer;font-weight:500;font-size:.875rem;color:var(--text-light);transition:color .2s;border-bottom:2px solid transparent;margin-bottom:-2px;border-radius:0}.tabs-header button:hover{color:var(--accent);border-color:transparent}.tabs-header button.active{color:var(--accent);border-bottom:2px solid var(--accent);font-weight:600}.tab-body{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000000d}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.login-card{background:#fff;padding:48px 40px;border-radius:12px;box-shadow:0 1px 3px #00000014,0 8px 24px #2535861a;width:100%;max-width:380px;text-align:center;border:1px solid var(--border)}.login-card input{width:100%;padding:12px;margin:10px 0;border:1px solid var(--border);border-radius:8px;box-sizing:border-box}.btn-login{width:100%;padding:11px;background-color:var(--accent);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;margin-top:10px;transition:background-color .2s;letter-spacing:.02em}.btn-login:hover{background-color:var(--accent-hover)}.error-text{color:var(--danger);background:#fff5f5;padding:10px;border-radius:6px;font-size:.9rem}.yargla-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.yargla-modal{background:#fff;padding:30px;border-radius:12px;box-shadow:0 10px 30px #0003;width:100%;max-width:420px}.yargla-modal h3{margin-top:0;color:var(--primary);font-size:1.2rem}.yargla-modal p{color:var(--text-light);font-size:.9rem;margin-bottom:15px}.yargla-modal form{display:flex;flex-direction:column;gap:8px}.yargla-modal label{font-size:.85rem;font-weight:600;color:var(--text-light)}.yargla-modal input{padding:10px;border:1px solid var(--border);border-radius:6px;background:#f9f9f9;color:var(--text-dark)}.yargla-modal input:focus{outline:2px solid var(--primary);background:#fff}.yargla-modal input:disabled{opacity:.6;cursor:not-allowed}.yargla-modal-buttons{display:flex;gap:10px;margin-top:15px}.yargla-modal-buttons .btn-login{flex:1}.yargla-modal-buttons .btn-cancel{flex:1;padding:12px;background-color:#e0e0e0;color:#333;border:none;border-radius:8px;font-weight:700;cursor:pointer}.yargla-modal-buttons .btn-cancel:hover{background-color:#d0d0d0}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 24px;background-color:var(--primary);height:56px;width:100%;box-sizing:border-box;color:#fff;box-shadow:0 1px #ffffff12,0 2px 8px #2535862e;z-index:1000}.navbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.navbar-logo{height:32px;width:auto;display:block;filter:brightness(0) invert(1)}.navbar-title{font-size:.95rem;font-weight:600;color:#ffffffe6;letter-spacing:.03em}.navbar-logout{padding:6px 14px;background-color:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:6px;font-weight:500;font-size:.85rem;cursor:pointer;transition:background-color .2s}.navbar-logout:hover{background-color:#ffffff38}.btn-refresh-ssh{width:100%;padding:8px 12px;background-color:#4f46e5;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:.85rem;cursor:pointer;transition:background-color .15s;margin-top:4px}.btn-refresh-ssh:hover:not(:disabled){background-color:#4338ca}.btn-refresh-ssh:disabled{opacity:.45;cursor:not-allowed}