html,body{margin:0;padding:0;box-sizing:border-box}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6}.login-card{background-color:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;max-width:24rem;width:100%;text-align:center}.logo-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem}.logo-login{width:12rem;margin:0 auto}.login-form .error-message{color:#ef4444;text-align:center;margin-bottom:1rem}.login-form .input-group{margin-bottom:1rem}.login-form .input-group-last{margin-bottom:1.5rem}.login-form label{display:block;font-size:.875rem;font-weight:700;margin-bottom:.5rem;color:#546e7a;text-align:left}.login-form input[type=text],.login-form input[type=password]{appearance:none;border:1px solid #546E7A;border-radius:.25rem;width:100%;padding:.5rem 1rem;color:#546e7a;line-height:1.25;box-shadow:0 1px 2px #0000000d;box-sizing:border-box}.login-form input[type=text]::placeholder,.login-form input[type=password]::placeholder{color:#a0aec0}.login-form input[type=text]:focus,.login-form input[type=password]:focus{outline:0;box-shadow:0 0 0 3px #546e7a80;border-color:#546e7a}.login-form .button-container{display:flex;align-items:center;justify-content:space-between}.login-form .submit-button{background-color:#e85e0c;color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:.25rem;width:100%;border:none;cursor:pointer}.login-form .submit-button:focus{outline:0;box-shadow:0 0 0 3px #e85e0c80}.login-form .submit-button:hover{background-color:#dd590c}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:70vw;min-width:300px;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}.modal-title{font-size:1.5rem;font-weight:700;margin:0;color:#333}.modal-close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0}.modal-close-button:hover{color:#333}.modal-body{padding-top:10px}.incidents-card{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.incidents-card .card-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.incidents-card .loading-text,.incidents-card .empty-text{color:#4b5563}.incidents-card .error-text{color:#ef4444}.table-wrapper{overflow-x:auto}.incidents-table{min-width:100%;border-collapse:collapse}.incidents-table thead{background-color:#f9fafb}.incidents-table th{padding:.75rem;text-align:left;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.incidents-table tbody{background-color:#fff}.incidents-table td{padding:1rem .75rem;white-space:normal;font-size:.875rem;color:#111827;border-top:1px solid #e5e7eb}.incidents-table tbody tr:first-child td{border-top:none}.status-badge{padding:.25rem .75rem;display:inline-flex;font-size:.75rem;line-height:1.25rem;font-weight:600;border-radius:9999px;text-transform:uppercase;overflow-wrap:break-word}.status-badge-active{background-color:#fee2e2;color:#991b1b}.status-badge-resolved{background-color:#86efac;color:#14532d}.status-badge-pending{background-color:#fcd34d;color:#78350f}.status-badge-visualized{background-color:#93c5fd;color:#1e3a8a}.status-cell-container{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.visualized-by-text{font-size:.75rem;color:#6b7280}.acknowledge-button{background-color:#2563eb;color:#fff;border:none;border-radius:.375rem;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.acknowledge-button svg{width:1.25rem;height:1.25rem}.acknowledge-button:hover{background-color:#1d4ed8}.acknowledge-button:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.7}.confirmation-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.confirmation-modal-content{background-color:#fff;padding:1.5rem 2rem;border-radius:.5rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;width:90%;max-width:400px;animation:fadeIn .3s ease-out}.confirmation-modal-header{border-bottom:1px solid #e5e7eb;padding-bottom:.75rem;margin-bottom:1rem}.confirmation-modal-title{font-size:1.25rem;font-weight:600;color:#1f2937}.confirmation-modal-body{margin-bottom:1.5rem;color:#4b5563}.confirmation-modal-footer{display:flex;justify-content:flex-end;gap:.75rem}.confirm-button{border:none;border-radius:.375rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s,box-shadow .2s}.confirm-button.cancel{background-color:#e5e7eb;color:#374151}.confirm-button.cancel:hover{background-color:#d1d5db}.confirm-button.confirm{background-color:#dc2626;color:#fff}.confirm-button.confirm:hover{background-color:#b91c1c}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.details-container{max-width:1280px;margin-left:auto;margin-right:auto;padding:1rem}.details-header{font-size:1.875rem;font-weight:700;color:#064e3b;margin-bottom:1.5rem}.table-container{margin-bottom:2rem}.ip-history-table-container{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;margin-top:2rem}.table-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.ip-history-table{min-width:100%;border-collapse:collapse}.ip-history-table thead{background-color:#f9fafb}.ip-history-table th{padding:.75rem;text-align:left;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.ip-history-table tbody{background-color:#fff}.ip-history-table td{padding:1rem .75rem;white-space:nowrap;font-size:.875rem;color:#111827;border-top:1px solid #e5e7eb}.ip-history-table tbody tr:first-child td{border-top:none}.customer-observation{background-color:#f0f9ff;border-left:4px solid #38b2ac;padding:1rem;margin-bottom:1.5rem;font-size:.95rem;color:#2c5282;border-radius:.25rem}.customer-observation strong{color:#234e7c}.dashboard-header{font-size:1.875rem;font-weight:700;color:#034e67;margin-bottom:1.5rem}.dashboard-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media(min-width:768px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dashboard-card{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.card-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.loading-text,.empty-text{color:#4b5563}.error-text{color:#ef4444}.customer-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.customer-item{display:flex;align-items:center;background-color:#f9fafb;padding:.75rem;border-radius:.375rem;border:1px solid #e5e7eb}.status-indicator{display:inline-block;width:1rem;height:1rem;border-radius:9999px;margin-right:1rem}.status-ok{background-color:#a3c639}.status-fail{background-color:#d32f2f}.customer-name{font-weight:500;color:#111827;flex-grow:1}.details-link{color:#e85e0c;font-size:.875rem;font-weight:600;text-decoration:none}.details-link:hover{text-decoration:underline}.chart-container{position:relative;background-color:#fff;border-radius:.5rem}@media(max-width:640px){.dashboard-header{font-size:1.5rem;margin-bottom:1rem}.dashboard-card{padding:1rem}.card-title{font-size:1.125rem;margin-bottom:.75rem}.customer-item{flex-wrap:wrap;gap:.5rem}.status-indicator{margin-right:.5rem}.customer-name{flex-basis:100%}.details-link{margin-top:.5rem}}.layout{min-height:100vh;background-color:#f3f4f6}.header{background-color:#034e67;color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.header-inner-content{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1rem;max-width:1280px;margin-left:auto;margin-right:auto}.logo-container{display:flex;align-items:center;gap:1rem}.logo{height:2.5rem}.nav{display:flex;align-items:center;gap:1.5rem}.nav-link{font-size:1rem;line-height:1.5rem;font-weight:500;color:#fff;text-decoration:none}.nav-link-active{color:#e85e0c;font-weight:700}.logout-button{background-color:#d32f2f;color:#fff;font-weight:700;padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .3s}.logout-button:hover{background-color:#b91c1c}.main-content{max-width:1280px;margin-left:auto;margin-right:auto;padding:2rem}@media(max-width:768px){.header-inner-content{flex-direction:column;align-items:flex-start;padding:1rem}.nav{flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:1rem;width:100%}.nav-link{width:100%;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.nav-link:last-child{border-bottom:none}.logout-button{margin-top:1rem;width:100%}.main-content{padding:1rem}}.catalog-container{max-width:1280px;margin-left:auto;margin-right:auto;padding:1rem}.catalog-header{font-size:1.875rem;font-weight:700;color:#064e3b;margin-bottom:1.5rem}.catalog-description{color:#4b5563;margin-bottom:1.5rem}.catalog-loading,.catalog-empty{color:#4b5563}.catalog-error{color:#ef4444}.catalog-card{background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.catalog-table-wrapper{overflow-x:auto}.catalog-table{min-width:100%;border-collapse:collapse}.catalog-table thead{background-color:#f9fafb}.catalog-table th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.catalog-table tbody{background-color:#fff}.catalog-table td{padding:1rem 1.5rem;white-space:nowrap;font-size:.875rem;color:#111827;border-top:1px solid #e5e7eb}.catalog-table tbody tr:first-child td{border-top:none}.catalog-table td.font-medium{font-weight:500}.customer-cell{background-color:#fff;border:1.5px solid #e0e0e0;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:1rem;position:relative;transition:all .2s ease-in-out;width:260px;height:90px}.customer-cell:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000014}.customer-info{display:flex;flex-direction:column}.customer-name{font-size:1rem;font-weight:700;color:#333;margin:0}.customer-code{font-size:.75rem;color:#777;margin:0}.status-badge{border-radius:12px;padding:4px 12px;color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase}.incident-count{position:absolute;top:-10px;right:-10px;width:22px;height:22px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:0 2px 4px #0003}.customer-cell.status-ok{border-color:#e0e0e0}.status-badge.status-ok{background-color:#28a745}.customer-cell.status-fail{border-color:#dc3545}.status-badge.status-fail,.incident-count.status-fail{background-color:#dc3545}.customer-cell.status-acknowledged{border-color:#e85e0c}.status-badge.status-acknowledged,.incident-count.status-acknowledged{background-color:#e85e0c}.customer-cell.status-unknown{border-color:#6c757d}.status-badge.status-unknown,.incident-count.status-unknown{background-color:#6c757d}.monitoring-panel{padding:20px;background-color:#f8f9fa;max-width:1600px;margin:0 auto}.monitoring-panel-title{color:#034e67;font-size:2.2em;margin-bottom:25px;font-weight:700}.filters-container{display:flex;gap:20px;margin-bottom:30px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;width:250px}.filter-group label{margin-bottom:5px;font-weight:600;color:#343a40}.filter-group input{padding:10px 12px;border:1px solid #ced4da;border-radius:6px;font-size:1em;color:#495057;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.filter-group input:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.loading-message,.error-message,.empty-message{text-align:center;font-size:1.1em;color:#6c757d;margin-top:50px}.error-message{color:#dc3545;font-weight:700}.customer-grid{display:flex;flex-wrap:wrap;gap:20px;padding:10px;justify-content:center}@media(max-width:768px){.monitoring-panel-title{font-size:1.8em;margin-bottom:20px}.filters-container{flex-direction:column;gap:15px;margin-bottom:25px}.filter-group{width:100%}.customer-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px}.customer-card{min-height:100px;padding:15px}.customer-card-code{font-size:1em}.active-incidents-count{width:20px;height:20px;font-size:.7em}}