@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#f0f2f5;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}#root{width:100%;height:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.dashboard-container{display:flex;height:100vh;width:100vw;background-color:#f3f4f6;overflow:hidden}.sidebar{background-color:#1e293b;color:#fff;transition:width .3s ease;display:flex;flex-direction:column}.sidebar.open{width:260px}.sidebar.closed{width:80px}.sidebar-header{height:64px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #334155;font-weight:700;font-size:1.2rem}.sidebar-menu{flex:1;padding:10px 0;overflow-y:auto}.menu-item{display:flex;align-items:center;padding:15px 20px;color:#cbd5e1;text-decoration:none;transition:background .2s;cursor:pointer}.menu-item:hover,.menu-item.active{background-color:#334155;color:#fff;border-left:4px solid #3b82f6}.menu-item i{margin-right:15px;font-size:20px;min-width:24px}.sidebar.closed .menu-item span{display:none}.sidebar.closed .menu-item{justify-content:center;padding:15px 0}.sidebar.closed .menu-item i{margin-right:0}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-header{height:64px;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 2px 4px #0000000d}.header-left{display:flex;align-items:center;gap:15px}.header-right{display:flex;align-items:center;gap:20px}.icon-btn{background:none;border:none;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:background .2s}.icon-btn:hover{background-color:#f1f5f9;color:#1e293b}.user-menu-container{position:relative}.user-dropdown{position:absolute;top:100%;right:0;margin-top:10px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:220px;padding:10px 0;z-index:100;display:none}.user-dropdown.show{display:block}.dropdown-header{padding:10px 20px;border-bottom:1px solid #eee;font-size:.9rem;color:#64748b;word-break:break-all}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 20px;color:#334155;text-decoration:none;cursor:pointer}.dropdown-item:hover{background-color:#f8fafc;color:#0f172a}.dropdown-item.danger{color:#ef4444}.dropdown-item.danger:hover{background-color:#fef2f2}.page-content{flex:1;overflow-y:auto;padding:20px}.badge-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background-color:#ef4444;border-radius:50%;border:2px solid white}.notification-dropdown{position:absolute;top:50px;right:0;width:320px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid #e2e8f0;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.notif-header{padding:12px 15px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#334155}.notif-header button{background:none;border:none;cursor:pointer;color:#64748b}.notif-list{max-height:350px;overflow-y:auto}.notif-empty{padding:20px;text-align:center;color:#94a3b8;font-size:.9rem}.notif-item{padding:12px 15px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .2s}.notif-item:hover{background-color:#f8fafc}.notif-item.unread{background-color:#eff6ff;border-left:3px solid #3b82f6}.notif-title{font-size:.85rem;font-weight:700;color:#1e293b;margin-bottom:2px}.notif-msg{font-size:.8rem;color:#475569;line-height:1.3}.notif-time{font-size:.7rem;color:#94a3b8;margin-top:5px;text-align:right}.dashboard-wrapper{padding:20px;background-color:#f8fafc;min-height:100%}.dashboard-title{color:#1e293b;margin-bottom:20px;font-size:1.8rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.dashboard-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000000d;border:1px solid #e2e8f0}.dashboard-card h3{margin-top:0;color:#64748b;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px;border-bottom:1px solid #f1f5f9;padding-bottom:10px}.recent-list{list-style:none;padding:0;margin:0}.recent-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f5f9;font-size:.9rem}.recent-item:last-child{border-bottom:none}.recent-id{font-weight:700;color:#3b82f6}.recent-desc{color:#334155;flex:1;margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-date{color:#94a3b8;font-size:.8rem}.full-width-card{grid-column:1 / -1}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-filters{display:flex;gap:10px}.chart-select{padding:5px 10px;border-radius:5px;border:1px solid #cbd5e1;color:#334155}.card{background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;width:100%;max-width:400px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e2e8f0;transition:transform .2s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.card-header{background:#1e293b;color:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.card-header-actions{display:flex;gap:10px;align-items:center}.action-btn{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:4px;transition:color .2s}.action-btn:hover{color:#fff}.action-btn.active{color:#3b82f6}.action-btn.success{color:#22c55e}.action-btn.danger{color:#ef4444}.card-id{font-family:monospace;font-size:.85rem;color:#cbd5e1}.card-ocorrencia{background-color:#f8fafc;padding:10px 20px;border-bottom:1px solid #e2e8f0;font-weight:600;color:#334155;text-align:center}.card-body{padding:15px 20px;font-size:.95rem;color:#475569;display:flex;flex-direction:column;gap:8px}.info-row{display:flex;align-items:flex-start;gap:10px}.info-icon{width:20px;text-align:center;color:#64748b;margin-top:3px}.info-content{flex:1;word-break:break-word}.card-divider{height:1px;background-color:#e2e8f0;margin:10px 0}.parecer-box{color:#2563eb}.parecer-foto-icon{margin-left:8px;color:#2563eb;cursor:pointer}.status-buttons{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.status-btn{padding:8px 16px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;cursor:pointer;font-weight:500;color:#64748b;transition:all .2s}.status-btn:hover{background:#f1f5f9}.status-btn.active{background:#1e293b;color:#fff;border-color:#1e293b}.advanced-filters-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;overflow:hidden;transition:max-height .3s ease}.toggle-filters-btn{width:100%;padding:10px;background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem}.toggle-filters-btn:hover{color:#1e293b}.filters-body{padding:20px;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:15px;align-items:center}.filter-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%}.filter-input{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem}.filter-input.date{width:140px;text-align:center}.filter-input.text{width:100%;max-width:400px}.clear-btn{background:#ef4444;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center}.clear-btn:hover{background:#dc2626}.monitor-container{padding:20px;background-color:#f3f4f6;min-height:100vh;font-family:Inter,sans-serif}.monitor-nav{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-bottom:20px}.nav-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s;color:#fff}.nav-btn.active{background-color:#2563eb}.nav-btn.inactive{background-color:#4b5563}.nav-btn:hover{opacity:.9}.nav-divider{border-left:1px solid #e5e7eb;height:24px;margin:0 10px}.action-btn{padding:8px 16px;border:none;border-radius:6px;font-size:.85rem;font-weight:600;color:#fff;cursor:pointer}.btn-test{background-color:#16a34a}.btn-test:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-stop{background-color:#ca8a04}.btn-stop:disabled{background-color:#9ca3af;cursor:not-allowed}.monitor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;padding:0 20px}.service-block{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column}.service-block-title{background-color:#2e3149;color:#fff;padding:12px;font-weight:700;font-size:1.1rem;text-align:center}.service-block-content{padding:10px;max-height:600px;overflow-y:auto}.service-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid #f3f4f6}.service-row:last-child{border-bottom:none}.service-label{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#1f2937;cursor:pointer}.service-target{font-size:.75rem;color:#9ca3af;margin-right:10px}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:700;min-width:80px;text-align:center;color:#fff}.status-online{background-color:#10b981}.status-offline{background-color:#ef4444}.status-verificando{background-color:#f59e0b}.status-aguardando{background-color:#9ca3af}.status-error{background-color:#7c3aed}