.navbar{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.navbar-container{align-items:center;display:flex;gap:var(--spacing-3xl);height:72px;justify-content:space-between;margin:0 auto;max-width:1600px;padding:0 var(--spacing-xl)}.navbar-brand{min-width:200px}.navbar-brand,.navbar-brand h1{align-items:center;display:flex}.navbar-brand h1{color:var(--color-primary);font-size:1.4rem;font-weight:700;gap:var(--spacing-md);letter-spacing:-.5px;margin:0}.navbar-logo{height:40px;object-fit:contain;transition:var(--transition);width:40px}.navbar-logo:hover{transform:scale(1.05)}.navbar-content{align-items:center;display:flex;flex:1 1;gap:var(--spacing-xl);justify-content:space-between}.user-info{display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:right}.user-name{color:var(--color-gray-900);font-size:.95rem;font-weight:600}.user-role{border-radius:3px;display:inline-block;font-size:.8rem;letter-spacing:.5px;margin-left:auto;padding:2px 8px;text-transform:uppercase;width:fit-content}.role-admin{background-color:var(--color-warning-light);color:var(--color-warning)}.role-viewer{background-color:var(--color-gray-200);color:var(--color-gray-600)}.navbar-actions{align-items:center;display:flex;gap:var(--spacing-md)}.nav-btn{background-color:#1a3a520f;border:1px solid #1a3a5226;border-radius:var(--border-radius-md);cursor:pointer;font-size:.95rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition)}.nav-btn,.nav-btn:hover{color:var(--color-primary)}.nav-btn:hover{background-color:#1a3a521f;border-color:var(--color-primary)}.nav-btn-logout{background-color:#ef44441a;border-color:#ef444433;color:var(--color-error)}.nav-btn-logout:hover{background-color:#ef44442e;border-color:var(--color-error);color:var(--color-error)}@media (max-width:768px){.navbar-container{flex-direction:column;gap:var(--spacing-lg);height:auto;padding:var(--spacing-md) var(--spacing-lg)}.navbar-content{flex-direction:column;gap:var(--spacing-md);width:100%}.user-info{text-align:center;width:100%}.user-role{margin-left:0}.navbar-actions{justify-content:space-between;width:100%}.nav-btn{flex:1 1}}.login-page{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.login-container{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:400px;padding:3rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:var(--color-primary);font-size:2rem;font-weight:700;margin:0 0 var(--spacing-sm) 0}.login-header p{color:var(--color-gray-500);font-size:.95rem;line-height:1.5;margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-size:.95rem}.form-group input{border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);font-size:.95rem;padding:var(--spacing-md)}.form-group input::placeholder{color:var(--color-gray-400);opacity:1}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a3a521a;outline:none}.form-group input:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.btn-login{font-size:1rem;font-weight:600;padding:var(--spacing-md);width:100%}.login-error{align-items:flex-start;background:#c9444412;border:1px solid #c9444438;border-radius:var(--border-radius-md);color:#a13737;display:flex;font-size:.9rem;gap:var(--spacing-sm);line-height:1.4;padding:.75rem .875rem}.login-error-icon{background:#c9444424;border-radius:50%;display:inline-grid;flex:0 0 auto;font-size:.72rem;font-weight:800;height:18px;margin-top:1px;place-items:center;width:18px}.alert{font-size:.95rem;padding:var(--spacing-md)}@media (max-width:480px){.login-container{padding:2rem}.login-header h1{font-size:1.5rem}}.incidents-line-chart{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.chart-stats{grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:var(--spacing-xl)}.stat-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);padding:var(--spacing-md) var(--spacing-lg);text-align:center;transition:all .2s ease}.stat-card:hover{border-color:var(--color-gray-300);box-shadow:0 2px 4px #0000000d}.stat-label{color:var(--color-gray-600);font-size:.8rem;font-weight:500;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.stat-value{color:var(--color-gray-900);font-size:1.5rem}.chart-container{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);justify-content:center;min-height:350px;padding:var(--spacing-lg)}.chart-empty{color:var(--color-gray-500);font-size:.95rem;text-align:center}.chart-tooltip{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-lg);max-width:280px;padding:var(--spacing-md) var(--spacing-lg);z-index:1000}.tooltip-time{color:var(--color-gray-600);font-size:.8rem;font-weight:600;letter-spacing:.5px;margin:0 0 var(--spacing-xs) 0;text-transform:uppercase}.tooltip-uptime{font-size:.95rem;margin:0 0 var(--spacing-sm) 0}.tooltip-incidents{border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.tooltip-incidents-label{color:var(--color-gray-600);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:0 0 var(--spacing-xs) 0;text-transform:uppercase}.tooltip-incident-item{font-size:.8rem;margin-bottom:var(--spacing-xs)}.tooltip-incident-item+.tooltip-incident-item{border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.tooltip-details>div,.tooltip-incident-heading,.tooltip-summary{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.tooltip-incident-heading,.tooltip-uptime-value{color:#2d7c4d;font-weight:700}.tooltip-count{background:#c94444;border-radius:3px;color:var(--color-white);font-size:.75rem;font-weight:600;padding:2px 6px}.tooltip-status{border-radius:999px;font-size:.7rem;padding:2px 6px}.tooltip-status-active{background:#c944441f;color:#c94444}.tooltip-status-resolved{background:#2d7c4d1f;color:#2d7c4d}.tooltip-details{margin:var(--spacing-xs) 0 0}.tooltip-details>div{align-items:flex-start;margin-top:3px}.tooltip-details dt{color:var(--color-gray-600)}.tooltip-details dd{color:var(--color-gray-900);font-weight:600;margin:0;text-align:right}.tooltip-error{background:#c9444414;border-radius:3px;color:#9f3030;margin:var(--spacing-xs) 0 0;max-width:250px;overflow-wrap:anywhere;padding:5px 6px}.incident-duration{background:#c944441a;border-radius:3px;color:#c94444;font-weight:600;min-width:40px;padding:2px 6px;text-align:center}.incident-status{color:var(--color-gray-600);font-size:.75rem}.incident-chart-dot{stroke:var(--color-white);stroke-width:2px;cursor:pointer;filter:drop-shadow(0 0 3px rgba(0,0,0,.2))}.incident-chart-dot-start{fill:#c94444}.incident-chart-dot-recovery{fill:#2d7c4d}.incident-chart-dot-count{fill:var(--color-white);font-size:8px;font-weight:700;pointer-events:none}.incident-chart-dot-active{animation:incident-dot-pulse 1.4s ease-in-out infinite}@keyframes incident-dot-pulse{0%,to{stroke-width:2px;opacity:1}50%{stroke-width:6px;opacity:.72}}.chart-legend{color:var(--color-gray-600);display:flex;flex-wrap:wrap;font-size:.78rem;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-sm)}.chart-legend span{align-items:center;display:inline-flex;gap:6px}.legend-band{background:#c9444429;border-radius:2px;height:8px;width:18px}.legend-dot{border-radius:50%;height:8px;width:8px}.legend-dot-start{background:#c94444}.legend-dot-recovery{background:#2d7c4d}.incidents-line-chart :where(.recharts-cartesian-axis-tick text){fill:var(--color-gray-600);font-size:.8rem}.incidents-line-chart :where(.recharts-surface){background-color:initial!important}@media (max-width:768px){.incidents-line-chart{padding:var(--spacing-md)}.chart-stats{gap:var(--spacing-md);grid-template-columns:1fr}.stat-value{font-size:1.25rem}.chart-container{min-height:250px;padding:var(--spacing-md)}}.modal-header .modal-subtitle,.modal-header h2,.modal-header p{color:var(--color-white)}.incidents-table-wrapper{max-height:600px;overflow-y:auto}.incident-row.incident-resolved{border-left:3px solid var(--color-success)}.incident-row.incident-active{border-left:3px solid var(--color-error)}.badge-resolved{background-color:#22c55e26;color:var(--color-success)}.badge-active{background-color:#ef444426;color:var(--color-error)}.status-icon-incidents{align-items:center;display:inline-flex;font-size:1.2rem;justify-content:center;transition:var(--transition)}@media (max-width:768px){.modal-content{max-height:90vh;width:95%}.modal-content.modal-incidents{max-width:95vw}.modal-header h2{font-size:1.1rem}.modal-body,.modal-header{padding:var(--spacing-lg)}.incidents-table td,.incidents-table th{font-size:.85rem;padding:var(--spacing-sm) var(--spacing-md)}.incidents-table .time{font-size:.8rem}}.status-table-container{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto;overflow-y:hidden;width:100%}.status-table-container h2{border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-900);font-size:1.1rem;font-weight:600;margin:0;padding:var(--spacing-lg) var(--spacing-xl)}.status-table{border-collapse:collapse;box-sizing:border-box;font-size:.9rem;width:100%}.status-table thead{background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.status-table th{color:var(--color-gray-700);font-size:.72rem;font-weight:600;letter-spacing:.3px;padding:var(--spacing-md) var(--spacing-lg);text-align:left;text-transform:uppercase;white-space:nowrap}.status-table tbody tr{border-bottom:1px solid var(--color-gray-100);transition:background-color .2s}.status-table tbody tr:hover{background-color:var(--color-gray-50)}.status-table tbody tr.status-ok{background-color:#2d7c4d08}.status-table tbody tr.status-down{background-color:#c9444408}.status-table tbody tr.status-unknown{background:var(--color-gray-50)}.status-table td{color:var(--color-gray-700);padding:var(--spacing-md) var(--spacing-lg)}.status-cell{text-align:center;width:45px}.status-icon{align-items:center;border-radius:50%;display:inline-flex;font-size:.9rem;font-weight:700;height:24px;justify-content:center;transition:var(--transition);width:24px}.status-icon.ok{background-color:#2d7c4d26;color:var(--color-success)}.status-icon.ko{background-color:#c9444426;color:var(--color-error)}.status-icon.unknown{background:var(--color-gray-100);color:var(--color-gray-400)}.badge{border-radius:20px;letter-spacing:.3px}.badge.success{background-color:var(--color-success-light);color:var(--color-success)}.badge.error{background-color:var(--color-error-light);color:var(--color-error)}.name-cell{color:var(--color-gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.15px;line-height:1.25;width:180px}.url-cell{min-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.url-cell,.url-cell a{color:var(--color-primary)}.url-cell a{font-weight:500;text-decoration:none}.url-cell a:hover{color:var(--color-primary-light);text-decoration:underline}.time-cell{color:var(--color-gray-600);width:110px}.response-cell,.time-cell{font-family:var(--font-mono);font-size:.85rem}.response-cell{color:var(--color-gray-800);font-weight:600;text-align:center;width:80px}.response-cell .slow{color:var(--color-warning);font-weight:700}.incidents-24h-cell{font-weight:600;text-align:center;width:55px}.incidents-count{background-color:var(--color-gray-100);border-radius:var(--border-radius-sm);color:var(--color-gray-700);display:inline-block;font-size:.8rem;font-weight:600;min-width:24px;padding:2px 5px}.incidents-count:has-parent(.status-down){background-color:#c9444426;color:var(--color-error)}.downtime-cell{color:var(--color-gray-700);font-family:var(--font-mono);font-size:.8rem;text-align:center;width:60px}.incidents-cell{display:flex;gap:5px;width:130px}.btn-incidents{background-color:initial;border:1px solid var(--color-primary);border-radius:var(--border-radius-sm);color:var(--color-primary);cursor:pointer;flex:1 1;font-size:.72rem;font-weight:500;padding:3px 6px;transition:var(--transition);white-space:nowrap}.btn-incidents:hover{background-color:var(--color-primary);color:var(--color-white)}.uptime-cell{width:100px}.uptime-bar{align-items:center;display:flex;gap:var(--spacing-sm)}.uptime-label{font-size:.85rem;font-weight:600;min-width:50px}.uptime-progress{background-color:var(--color-gray-200);border-radius:2px;flex:1 1;height:5px;overflow:hidden}.uptime-fill{height:100%;transition:width .3s ease}.action-cell{display:flex;gap:8px;justify-content:center;width:auto}.btn-icon-action{align-items:center;background:#0000;border:1px solid var(--color-gray-300);border-radius:6px;color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:1rem;height:32px;justify-content:center;transition:var(--transition);width:32px}.btn-icon-action:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.btn-action{background-color:initial;border:1px solid var(--color-primary);border-radius:var(--border-radius-sm);color:var(--color-primary);cursor:pointer;flex:1 1;font-size:.72rem;font-weight:500;padding:3px 6px;transition:var(--transition);white-space:nowrap}.btn-action:hover{background-color:var(--color-primary);color:var(--color-white)}@media (max-width:1200px){.status-table{font-size:.85rem}.status-table td,.status-table th{padding:var(--spacing-md)}.incidents-cell,.url-cell{display:none}}@media (max-width:768px){.status-table-container{overflow-x:auto}.status-table{font-size:.8rem;min-width:900px}.status-table td,.status-table th{padding:var(--spacing-sm)}.name-cell{width:100px}.status-cell{width:60px}.url-cell{max-width:150px}.downtime-cell,.incidents-24h-cell{width:70px}}.chart-container{display:flex;flex-direction:column;gap:24px}.chart-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.stat{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .2s ease}.stat:hover{border-color:#1a3a52;box-shadow:0 4px 12px #1a3a521a;transform:translateY(-2px)}.stat-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.6px;margin:0;text-transform:uppercase}.stat-value{font-feature-settings:"tnum";color:#1a3a52;font-size:1.75rem;font-variant-numeric:tabular-nums;font-weight:700;margin:0}.chart-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;width:100%}.no-data{color:#9ca3af;font-size:.95rem;padding:48px 24px;text-align:center}.dashboard-page{background:var(--color-gray-50);flex-direction:column;gap:var(--spacing-2xl);margin:0 auto;max-width:1800px;padding:var(--spacing-2xl) 10%;width:100%}.dashboard-page,.loading{display:flex;min-height:100vh}.loading{align-items:center;font-size:1rem;justify-content:center}.dashboard-error{align-items:center;background:var(--color-error-light);border:1px solid #c9444440;border-radius:var(--border-radius-md);color:var(--color-error);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-md)}.dashboard-error button{background:#0000;border:1px solid;border-radius:var(--border-radius-sm);color:inherit;cursor:pointer;padding:var(--spacing-xs) var(--spacing-md)}.dashboard-header{display:flex;flex-direction:column;gap:var(--spacing-lg)}.header-title h1{color:var(--color-gray-900);font-size:1.8rem;font-weight:700;margin:0}.header-title .text-muted{color:var(--color-gray-500);font-size:.9rem;margin:4px 0 0}.kpi-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.kpi-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);transition:var(--transition)}.kpi-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.kpi-value{font-size:2rem;font-weight:700;line-height:1}.kpi-label{color:var(--color-gray-500);font-size:.8rem;font-weight:500;letter-spacing:.4px;text-transform:uppercase}.kpi-primary .kpi-value{color:var(--color-primary)}.kpi-primary:hover{border-color:var(--color-primary)}.kpi-success .kpi-value{color:var(--color-success)}.kpi-success:hover{border-color:var(--color-success)}.kpi-error .kpi-value{color:var(--color-error)}.kpi-error:hover{border-color:var(--color-error)}.kpi-unknown .kpi-value{color:var(--color-gray-500)}.kpi-interactive{background:linear-gradient(135deg,#1a3a5205,#1a3a520a);border:2px solid var(--color-primary);cursor:pointer;position:relative}.kpi-interactive .kpi-value{color:var(--color-primary)}.kpi-interactive .kpi-hint{color:var(--color-primary);font-size:.7rem;font-style:italic;margin-top:2px;opacity:.6}.kpi-interactive:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md),0 0 12px #1a3a521a}.dashboard-main{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.status-section{overflow:hidden}.chart-section,.status-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.chart-section{padding:var(--spacing-xl)}.section-header{border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--spacing-lg)}.section-header h2{color:var(--color-gray-900);font-weight:600}.modal-overlay{background-color:#0006}.modal-content{animation:slideUp .3s ease;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:100%}.modal-content.modal-incidents,.modal-content.modal-large{max-height:90vh;max-width:1400px}.modal-header{align-items:center;background:linear-gradient(135deg,#2c5282,#1e40af);border-bottom:none;display:flex;justify-content:space-between;padding:var(--spacing-xl)}.modal-header h2{font-size:1.3rem;font-weight:600}.modal-header h2,.modal-subtitle{color:var(--color-white);margin:0}.modal-subtitle{font-size:.85rem;margin-top:var(--spacing-xs);opacity:.9}.modal-close{border-radius:var(--border-radius-md);color:var(--color-white);font-size:1.5rem;padding:0}.modal-close:hover{background-color:#ffffff1a;color:var(--color-white)}.empty-state{color:var(--color-gray-500);padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.empty-state p{font-size:1rem;margin:0 0 var(--spacing-lg)}.empty-state-large{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-3xl) var(--spacing-xl);text-align:center}.empty-state-icon{color:var(--color-success);font-size:3rem}.empty-state-large h3{color:var(--color-gray-900);font-size:1.3rem;font-weight:600;margin:0}.empty-state-large p{color:var(--color-gray-500);font-size:.95rem;margin:0}.status-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md)}.status-badge.success{background-color:#22c55e1a;color:var(--color-success)}.incidents-timeline{display:flex;flex-direction:column;gap:var(--spacing-lg)}.incident-item{background:var(--color-gray-50);border-left:3px solid var(--color-gray-300);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:var(--transition)}.incident-item:hover{background:var(--color-gray-100)}.incident-item.incident-down{background:#ef44440d;border-left-color:var(--color-error)}.incident-item.incident-up{background:#22c55e0d;border-left-color:var(--color-success)}.incident-marker{align-items:center;display:flex;flex-shrink:0;font-size:1.5rem;height:32px;justify-content:center;width:32px}.incident-item.incident-down .incident-marker{color:var(--color-error)}.incident-item.incident-up .incident-marker{color:var(--color-success)}.incident-details{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.incident-details strong{color:var(--color-gray-900);font-weight:600}.incident-type{color:var(--color-gray-600);font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.incident-details time{color:var(--color-gray-500);font-family:Courier New,monospace;font-size:.85rem}.incidents-table-wrapper{overflow-x:auto}.incidents-table{background:var(--color-white);border-collapse:collapse;width:100%}.incidents-table thead{background-color:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.incidents-table th{color:var(--color-gray-700);font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:var(--spacing-md) var(--spacing-lg);text-align:left;text-transform:uppercase}.incidents-table td{border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-900);font-size:.95rem;padding:var(--spacing-lg)}.incidents-table tbody tr{transition:var(--transition)}.incidents-table tbody tr:hover{background-color:var(--color-gray-50)}.incident-row.incident-down{border-left:3px solid var(--color-error)}.incident-row.incident-up{border-left:3px solid var(--color-success)}.incident-name{color:var(--color-gray-900);font-weight:500}.incident-event{text-align:center}.incident-cause{color:var(--color-gray-700);max-width:280px}.incident-cause span{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;overflow-wrap:anywhere}.badge{border-radius:12px;padding:4px 12px}.badge-down{background-color:#ef444426;color:var(--color-error)}.badge-up{background-color:#22c55e26;color:var(--color-success)}.incident-time{color:var(--color-gray-600);font-family:Courier New,monospace;font-size:.9rem;white-space:nowrap}.incident-status{text-align:center}.status-indicator{display:inline-block;font-size:1.5rem}.status-indicator.down{color:var(--color-error)}.status-indicator.up{color:var(--color-success)}.modal-incidents{max-width:1000px}@media (max-width:1200px){.dashboard-page{padding:var(--spacing-2xl) 5%}}@media (max-width:768px){.dashboard-page{padding:var(--spacing-lg)}.header-title h1{font-size:1.5rem}.kpi-grid{grid-template-columns:repeat(2,1fr)}.modal-content{max-height:90vh;width:95%}.modal-content.modal-large{max-width:95vw}.modal-header h2{font-size:1.1rem}.modal-body,.modal-header{padding:var(--spacing-lg)}.section-header{align-items:flex-start;flex-direction:column}.incidents-table td,.incidents-table th{font-size:.85rem;padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:480px){.dashboard-page{padding:var(--spacing-lg)}.kpi-grid{grid-template-columns:1fr}.kpi-value{font-size:2rem}.incidents-table{font-size:.8rem}}.company-selector{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);max-width:300px;padding:var(--spacing-md)}.company-selector label{color:var(--color-gray-700);font-size:.9rem;font-weight:600;white-space:nowrap}.company-select{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);color:var(--color-gray-900);cursor:pointer;flex:1 1;font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s}.company-select:focus,.company-select:hover{border-color:var(--color-primary)}.company-select:focus{box-shadow:0 0 0 3px #1a3a521a;outline:none}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0006;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideUp .3s ease;background:var(--color-white);border:1px solid #e5e7eb;border-radius:var(--border-radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-sm{max-width:400px;width:100%}.modal-md{max-width:600px;width:100%}.modal-lg{max-width:900px;width:100%}.modal .modal-header{align-items:center;background:linear-gradient(90deg,#f0f7ff 0,#e8f3ff);border-bottom:none;display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.modal .modal-header h2{color:#1a3a52;font-size:1.15rem;font-weight:600;letter-spacing:.2px;margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--color-gray-400);cursor:pointer;display:flex;height:32px;justify-content:center;transition:var(--transition);width:32px}.modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.modal-close svg{height:1.3em;width:1.3em}.modal-body{flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}.modal-footer button{border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:var(--transition);white-space:nowrap}.modal.modal-delete .modal-header{background:linear-gradient(135deg,#fef5f5,#fde8e8)}.modal.modal-delete .modal-header h2{color:#d32f2f;font-weight:600}.modal.modal-delete .modal-footer{background:var(--color-white);border-top:none}.modal.modal-create .modal-header{background:linear-gradient(135deg,#2c5282,#1e40af)}.modal.modal-create .modal-header h2{color:var(--color-white);font-weight:600}.modal.modal-create .modal-footer{background:var(--color-white);border-top:none}.modal.modal-confirm .modal-header{background:linear-gradient(135deg,#fef5f5,#fde8e8)}.modal.modal-confirm .modal-header h2{color:#d32f2f;font-weight:600}.modal-footer,.modal.modal-confirm .modal-footer{background:var(--color-white);border-top:none}.modal-footer{align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md) var(--spacing-xl)}.modal-footer .btn{font-size:.9rem;min-width:auto;padding:8px 16px;white-space:nowrap}.alert-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.alert-box{animation:slideUp .3s ease;background:var(--color-white);border-left:4px solid;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--spacing-xl);width:100%}.alert-info{background:linear-gradient(90deg,#f0f7ff 0,#e8f3ff);border-left-color:#2c5282}.alert-success{background:linear-gradient(90deg,#f0fdf4 0,#e7fde8);border-left-color:#2d7c4d}.alert-error{background:linear-gradient(90deg,#fef5f5 0,#fde8e8);border-left-color:#c94444}.alert-warning{border-left-color:var(--color-warning)}.alert-box h3{color:var(--color-gray-900);font-size:1.1rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.alert-box p{color:var(--color-gray-600);font-size:.95rem;margin:0 0 var(--spacing-lg) 0}.alert-buttons{display:flex;gap:var(--spacing-md);justify-content:flex-end}.alert-btn{border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:var(--transition)}.alert-btn.primary{background:var(--color-primary);color:var(--color-white)}.alert-btn.primary:hover{background:var(--color-primary-light)}.alert-btn.danger{background:var(--color-error);color:var(--color-white)}.alert-btn.danger:hover{background:#a63535}.alert-btn.secondary{background:var(--color-gray-200);color:var(--color-gray-900)}.alert-btn.secondary:hover{background:var(--color-gray-300)}.btn{gap:var(--spacing-xs);justify-content:center;-webkit-user-select:none;user-select:none}.btn-icon{flex-shrink:0;height:1.2em;width:1.2em}.btn-primary{background:#2c5282;border-color:#1e40af;color:var(--color-white);font-weight:600}.btn-primary:hover:not(:disabled){background:#1e40af;border-color:#1e3a8a;transform:translateY(-1px)}.btn-primary:focus:not(:disabled){outline:2px solid #2563eb;outline-offset:2px}.btn-secondary{background:var(--color-gray-100);font-weight:500}.btn-secondary:hover:not(:disabled){background:var(--color-gray-200);transform:translateY(-1px)}.btn-secondary:focus:not(:disabled){outline:2px solid var(--color-gray-400);outline-offset:2px}.btn-success{background:#2d7c4d;border-color:#1e4620;color:var(--color-white);font-weight:600}.btn-success:hover:not(:disabled){background:#235a3a;border-color:#1e4620;transform:translateY(-1px)}.btn-success:focus:not(:disabled){outline:2px solid #2d7c4d;outline-offset:2px}.btn-danger{background:#c94444;border-color:#a63535;color:var(--color-white);font-weight:600}.btn-danger:hover:not(:disabled){background:#a63535;border-color:#8b2c2c;transform:translateY(-1px)}.btn-danger:focus:not(:disabled){outline:2px solid #c94444;outline-offset:2px}.btn-outline{background:#0000;border-color:var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary);color:var(--color-white)}.btn-md{font-size:.95rem;padding:var(--spacing-sm) var(--spacing-lg)}.btn-lg{font-size:1rem;padding:var(--spacing-md) var(--spacing-xl)}.icon-button{align-items:center;background:#0000;border:1px solid #0000;border-radius:50%;color:currentColor;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;transition:var(--transition);width:36px}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button svg{height:1.3em;width:1.3em}.icon-button-primary{background:#1a3a5214;border-color:#1a3a5233;color:var(--color-primary)}.icon-button-primary:hover:not(:disabled){background:var(--color-primary);color:var(--color-white);transform:scale(1.1)}.icon-button-danger{background:#c9444414;border-color:#c9444433;color:var(--color-error)}.icon-button-danger:hover:not(:disabled){background:var(--color-error);color:var(--color-white);transform:scale(1.1)}.icon-button-success{background:#2d7c4d14;border-color:#2d7c4d33;color:var(--color-success)}.icon-button-success:hover:not(:disabled){background:var(--color-success);color:var(--color-white);transform:scale(1.1)}.link-button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-weight:500;padding:0;text-decoration:none;transition:var(--transition)}.link-button:hover:not(:disabled){color:var(--color-primary-light);text-decoration:underline}.alert-websites-list{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);display:flex;flex-direction:column;overflow:hidden}.alert-websites-header{border-bottom:1px solid var(--color-gray-200);font-weight:600;padding:16px}.alert-websites-container{flex:1 1;overflow-y:auto}.alert-website-item{background:#0000;border-bottom:1px solid var(--color-gray-100);cursor:pointer;padding:12px 16px;transition:all .2s}.alert-website-item:hover{background:var(--color-gray-50)}.alert-website-item.active{background:var(--color-gray-100)}.alert-website-name{font-size:.9rem;font-weight:500}.alert-website-url{color:var(--color-gray-500);font-size:.75rem;margin-top:4px;word-break:break-word}.alert-empty-state{align-items:center;color:var(--color-gray-500);display:flex;justify-content:center}.alert-config-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.alert-config-header{margin-bottom:var(--spacing-md)}.alert-config-header h3{margin:0 0 var(--spacing-sm) 0}.alert-config-company{color:var(--color-gray-500);font-size:.85rem;margin:0}.alert-config-input-group{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.alert-config-input{border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);flex:1 1;font-size:.9rem;height:40px;padding:var(--spacing-md)}.alert-config-btn-add,.alert-config-input-group .btn{padding:var(--spacing-md) var(--spacing-lg);white-space:nowrap}.alert-config-btn-add{background:var(--color-primary);border:none;border-radius:var(--border-radius-sm);color:var(--color-white);cursor:pointer;font-size:.9rem;font-weight:600}.alert-config-btn-add:hover{background:#1a3a52;background:var(--color-primary-dark,#1a3a52)}.alert-config-emails{margin-bottom:var(--spacing-md)}.alert-config-email-item{align-items:center;background:var(--color-gray-50);border-radius:var(--border-radius-sm);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)}.alert-config-btn-remove{background:none;border:none;color:var(--color-red-500);cursor:pointer;font-weight:700}.alert-config-btn-remove:hover{color:var(--color-red-600)}.alert-config-empty{color:var(--color-gray-500);font-size:.9rem;margin:0 0 var(--spacing-md) 0}.alert-config-btn-save{background:var(--color-success);border:none;border-radius:var(--border-radius-sm);color:var(--color-white);cursor:pointer;font-size:.9rem;font-weight:600;padding:var(--spacing-md) var(--spacing-lg);width:100%}.alert-config-btn-save:hover{background:#1d6a38;background:var(--color-success-dark,#1d6a38)}.admin-section{border-radius:var(--border-radius-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.section-header{gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.section-header h2{font-size:1.3rem;margin:0}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-sm)}.form-group input,.form-group select{box-sizing:border-box;width:100%}.admin-table{margin-top:var(--spacing-md)}.admin-table thead{background:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.admin-table td,.admin-table th{font-size:.9rem;padding:var(--spacing-md)}.admin-table tbody tr:hover{background:var(--color-gray-50)}.url-cell{color:var(--color-blue-500);text-decoration:none;word-break:break-word}.actions-icons{gap:var(--spacing-sm)}.role{display:inline-block;font-size:.85rem;padding:4px 8px}.role-viewer{background:#e3f2fd;color:#1565c0}.role-admin{background:#fff3e0;color:#e65100}.role-superadmin{background:#f3e5f5;color:#6a1b9a}.modal-footer{display:flex;gap:var(--spacing-md)}.modal-footer-wrap{flex-wrap:wrap}.form{display:flex;flex-direction:column;gap:var(--spacing-md)}.checkbox-group{grid-gap:10px;background:var(--color-white);border:1px solid #e5e5e5;border-radius:8px;display:grid;gap:10px;grid-template-columns:1fr 1fr;max-height:280px;overflow-y:auto;padding:10px}.checkbox-label{align-items:center;background:var(--color-white);border:1px solid #e8e8e8;border-radius:6px;color:var(--color-gray-900);cursor:pointer;display:flex;font-size:.93rem;font-weight:500;gap:12px;padding:10px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.checkbox-label:hover{background:#f9faf9;border-color:#2d7c4d;box-shadow:0 1px 4px #2d7c4d14}.checkbox-label input[type=checkbox]{accent-color:#2d7c4d;appearance:none;-webkit-appearance:none;background:#fff;border:1.5px solid #999;border-radius:3px;cursor:pointer;flex-shrink:0;height:14px;margin:0;padding:0;transition:all .15s ease;width:14px}.checkbox-label input[type=checkbox]:hover:not(:checked){border-color:#2d7c4d}.checkbox-label input[type=checkbox]:checked{background-color:#2d7c4d;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="white"><path d="M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 8.086l4.293-4.293a1 1 0 011.414 0z"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:12px;border-color:#2d7c4d}.checkbox-label input[type=checkbox]:checked:hover{background-color:#235a3a;border-color:#235a3a}.company-name-cell{color:var(--color-gray-600);font-size:.9rem}.admin{background:var(--color-gray-50);margin:0 auto;max-width:1600px;min-height:100vh;padding:var(--spacing-2xl) 10%;width:100%}.admin h1{color:var(--color-gray-900);font-size:1.8rem;font-weight:700;margin-bottom:var(--spacing-xl)}.admin-tabs{border-bottom:1px solid var(--color-gray-200);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--color-gray-600);cursor:pointer;font-size:.95rem;font-weight:500;padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition)}.tab.active,.tab:hover{color:var(--color-primary)}.tab.active{border-bottom-color:var(--color-primary)}.admin-section{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.admin-section h2{font-size:1.3rem;margin:0 0 var(--spacing-lg) 0}.admin-section h2,.admin-section h3{color:var(--color-gray-900);font-weight:600}.admin-section h3{font-size:1.1rem;margin:var(--spacing-lg) 0 var(--spacing-md) 0}.config-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:250px 1fr}.websites-list{display:flex;flex-direction:column;gap:.5rem}.website-item{align-items:center;background:#f5f7fa;border:2px solid #e0e6ed;border-radius:6px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;text-align:left;transition:all .2s}.website-item:hover{background:#ecf0f1;border-color:#667eea}.website-item.selected{background:#e8f1ff;border-color:#667eea;font-weight:600}.status{min-width:20px}.config-editor{gap:1.5rem}.config-editor,.email-section{display:flex;flex-direction:column}.email-section{gap:1rem}.email-section h4{color:#2c3e50;margin:0}.no-emails{color:#7f8c8d;font-style:italic;margin:0}.email-list{display:flex;flex-direction:column;gap:.5rem}.email-item{align-items:center;background:#f5fff7;border:1px solid #27ae60;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.email-item button{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.25rem .5rem}.add-email{display:flex;gap:.5rem}.add-email input{border:2px solid #e0e6ed;border-radius:6px;flex:1 1;font-size:1rem;padding:.75rem}.add-email input:focus{border-color:#667eea;outline:none}.add-email button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.75rem 1rem}.form-actions{display:flex;gap:1rem}.btn-save{background:#2d7c4d1a;border:1px solid var(--color-success);border-radius:var(--border-radius-md);color:var(--color-success);cursor:pointer;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition)}.btn-save:hover:not(:disabled){background:var(--color-success);color:var(--color-white)}.btn-save:disabled{cursor:not-allowed;opacity:.5}.users-container{display:flex;flex-direction:column;gap:var(--spacing-xl)}.create-user{align-items:flex-end;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-lg)}.create-user h3{margin:0 0 var(--spacing-sm) 0;width:100%}.create-user .form-group{flex:1 1;min-width:150px}.create-user h3{margin:0}.form-group{gap:4px}.form-group label{color:var(--color-gray-900);font-size:.85rem;letter-spacing:.3px;text-transform:uppercase}.form-group input,.form-group select{background:var(--color-white);border-radius:var(--border-radius-md);font-family:var(--font-family);font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md)}.btn-create{background:#1a3a521a;border:1px solid var(--color-primary);border-radius:var(--border-radius-md);color:var(--color-primary);cursor:pointer;font-weight:600;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition)}.btn-create:hover:not(:disabled){background:var(--color-primary);color:var(--color-white)}.btn-create:disabled{cursor:not-allowed;opacity:.5}.users-list{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.users-list h3{margin-bottom:var(--spacing-lg);margin-top:0}.users-table{border-collapse:collapse;font-size:.9rem;table-layout:fixed;width:100%}.users-table thead{background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.users-table th{color:var(--color-gray-700);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:10px var(--spacing-md);text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid var(--color-gray-100);max-height:45px;overflow:hidden;padding:12px var(--spacing-md);vertical-align:middle}.users-table tbody tr{transition:var(--transition)}.users-table tbody tr:hover{background:var(--color-gray-50)}.users-table tbody tr.inactive{background:var(--color-gray-100);opacity:.6}.role{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;letter-spacing:.3px;line-height:1;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.role.admin{background:#d977061f;color:var(--color-warning)}.role.viewer{background:#1a3a5214;color:var(--color-primary)}.icon-btn.toggle-btn{background:#0000;border:none;font-size:1.4rem}.icon-btn.toggle-btn:hover{background:#0000;transform:scale(1.2)}@media (max-width:1024px){.config-container,.users-container{grid-template-columns:1fr}}@media (max-width:768px){.admin{padding:1rem}.users-table{font-size:.85rem}.users-table td,.users-table th{padding:.5rem}}.section-header{align-items:center;display:flex;justify-content:space-between}.form-card,.section-header{margin-bottom:var(--spacing-xl)}.form-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);padding:var(--spacing-xl)}.form-card form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.admin-table{background:var(--color-white);border-collapse:collapse;font-size:.9rem;width:100%}.admin-table thead{background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.admin-table th{color:var(--color-gray-700);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase;white-space:nowrap}.admin-table td,.admin-table th{padding:var(--spacing-md) var(--spacing-lg)}.admin-table td{border-bottom:1px solid var(--color-gray-100)}.admin-table tbody tr{transition:var(--transition)}.admin-table tbody tr:hover{background-color:var(--color-gray-50)}.url-cell{color:var(--color-gray-600);font-family:var(--font-mono);font-size:.85rem;max-width:300px;word-break:break-all}.actions{display:flex;gap:var(--spacing-sm)}.actions-icons{display:flex;gap:var(--spacing-md);justify-content:center}.icon-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:50%;cursor:pointer;display:inline-flex;font-size:1.2rem;height:32px;justify-content:center;padding:0;transition:var(--transition);width:32px}.icon-btn.edit-btn{background:#1a3a5214;border-color:#1a3a5233}.icon-btn.edit-btn:hover{background:var(--color-primary);border-color:var(--color-primary);transform:scale(1.1)}.icon-btn.delete-btn{background:#c9444414;border-color:#c9444433}.icon-btn.delete-btn:hover{background:var(--color-error);border-color:var(--color-error);transform:scale(1.1)}.btn-sm{background-color:var(--color-primary);border:none;border-radius:var(--border-radius-sm);color:var(--color-white);cursor:pointer;font-size:.85rem;font-weight:500;padding:4px 12px;transition:var(--transition)}.btn-sm:hover{background-color:var(--color-primary-light)}.btn-sm.btn-danger{background-color:var(--color-error);color:var(--color-white)}.btn-sm.btn-danger:hover{background-color:#a63535}.status-icon-admin{align-items:center;display:inline-flex;font-size:1.2rem;justify-content:center;transition:var(--transition)}.users-container{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:200px 1fr;margin-top:var(--spacing-lg)}.companies-list{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.companies-list h3{font-weight:600;letter-spacing:.5px;margin:0 0 var(--spacing-md) 0;text-transform:uppercase}.companies-list h3,.company-item{color:var(--color-gray-700);font-size:.9rem}.company-item{background:var(--color-gray-50);border:none;border-radius:var(--border-radius-sm);cursor:pointer;padding:var(--spacing-md);text-align:left;transition:all .2s}.company-item:hover{background:var(--color-gray-100)}.company-item.selected{background:var(--color-primary);color:var(--color-white);font-weight:600}.users-editor{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.users-editor h3{margin-top:0}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{color:var(--color-gray-700);font-size:.9rem;font-weight:600}.form-group input,.form-group select{border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);font-family:inherit;font-size:.9rem;padding:var(--spacing-md)}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a3a521a;outline:none}@media (max-width:768px){.users-container{grid-template-columns:1fr}.companies-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}:root{--color-primary:#1a3a52;--color-primary-light:#2d5a7b;--color-primary-lighter:#f0f4f8;--color-secondary:#6c757d;--color-secondary-light:#e9ecef;--color-success:#2d7c4d;--color-success-light:#e8f5e9;--color-error:#c94444;--color-error-light:#ffebee;--color-warning:#d97700;--color-warning-light:#fff3cd;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono","Courier New",monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:8px;--border-radius-xl:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition:all 0.2s ease}html{scroll-behavior:smooth}body{background-color:#f9fafb;background-color:var(--color-gray-50);color:#111827;color:var(--color-gray-900);font-family:var(--font-family);line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--spacing-md)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:#374151;color:var(--color-gray-700);margin-bottom:1rem;margin-bottom:var(--spacing-md)}a{color:#1a3a52;color:var(--color-primary);text-decoration:none;transition:all .2s ease;transition:var(--transition)}a:hover{color:#2d5a7b;color:var(--color-primary-light);text-decoration:underline}.btn{align-items:center;border:1px solid #0000;border-radius:6px;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);font-size:.95rem;font-weight:500;gap:.5rem;gap:var(--spacing-sm);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease;transition:var(--transition);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:#1a3a521a;border-color:#1a3a5233;color:#1a3a52;color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:#1a3a522e;border-color:#1a3a52;border-color:var(--color-primary)}.btn-secondary{background-color:#f3f4f6;background-color:var(--color-gray-100);border-color:#d1d5db;border-color:var(--color-gray-300);color:#374151;color:var(--color-gray-700)}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb;background-color:var(--color-gray-200);border-color:#9ca3af;border-color:var(--color-gray-400)}.btn-success{background-color:#2d7c4d1a;border-color:#2d7c4d33;color:#2d7c4d;color:var(--color-success)}.btn-success:hover:not(:disabled){background-color:#2d7c4d2e;border-color:#2d7c4d;border-color:var(--color-success)}.btn-danger{background-color:#c944441a;border-color:#c9444433;color:#c94444;color:var(--color-error)}.btn-danger:hover:not(:disabled){background-color:#c944442e;border-color:#c94444;border-color:var(--color-error)}input,select,textarea{border:1px solid #d1d5db;border:1px solid var(--color-gray-300);border-radius:6px;border-radius:var(--border-radius-md);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);font-size:.95rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;transition:var(--transition)}input:focus,select:focus,textarea:focus{border-color:#1a3a52;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a3a521a;outline:none}.card{background:#fff;background:var(--color-white);border:1px solid #e5e7eb;border:1px solid var(--color-gray-200);border-radius:8px;border-radius:var(--border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:2rem;padding:var(--spacing-xl);transition:all .2s ease;transition:var(--transition)}.card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}table{border-collapse:collapse;font-size:.95rem;width:100%}thead{background-color:#f3f4f6;background-color:var(--color-gray-100);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-gray-200)}th{color:#111827;color:var(--color-gray-900);font-weight:600;text-align:left}td,th{padding:1rem;padding:var(--spacing-md)}td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-gray-200)}tbody tr:hover{background-color:#f9fafb;background-color:var(--color-gray-50)}.badge{border-radius:4px;border-radius:var(--border-radius-sm);display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.badge-success{background-color:#e8f5e9;background-color:var(--color-success-light);color:#2d7c4d;color:var(--color-success)}.badge-error{background-color:#ffebee;background-color:var(--color-error-light);color:#c94444;color:var(--color-error)}.badge-warning{background-color:#fff3cd;background-color:var(--color-warning-light);color:#d97700;color:var(--color-warning)}.badge-neutral{background-color:#e5e7eb;background-color:var(--color-gray-200);color:#374151;color:var(--color-gray-700)}.alert{border-left:4px solid;border-radius:6px;border-radius:var(--border-radius-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.alert-error{background-color:#ffebee;background-color:var(--color-error-light);border-color:#c94444;border-color:var(--color-error);color:#c94444;color:var(--color-error)}.alert-success{background-color:#e8f5e9;background-color:var(--color-success-light);border-color:#2d7c4d;border-color:var(--color-success);color:#2d7c4d;color:var(--color-success)}.alert-warning{background-color:#fff3cd;background-color:var(--color-warning-light);border-color:#d97700;border-color:var(--color-warning);color:#d97700;color:var(--color-warning)}.loading{color:#6b7280;color:var(--color-gray-500);padding:3rem;padding:var(--spacing-2xl);text-align:center}.container{margin:0 auto;max-width:1400px;padding:0 1.5rem;padding:0 var(--spacing-lg)}.grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg)}.flex{display:flex;gap:1rem;gap:var(--spacing-md)}.flex-between{align-items:center;display:flex;justify-content:space-between}.mt{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mb{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.my{margin:1.5rem 0;margin:var(--spacing-lg) 0}.text-center{text-align:center}.text-muted{color:#6b7280;color:var(--color-gray-500)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root,.app{min-height:100vh;width:100%}.app{background-color:#f5f7fa;display:flex;flex-direction:column}.main-content{flex:1 1}
/*# sourceMappingURL=main.1a4e68ea.css.map*/