body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{align-items:center;background-color:#6e6a65e5;box-shadow:0 2px 6px #0000001a;color:#fff;display:flex;justify-content:space-between;margin:0;padding:10px 20px}.navbar .logo,.navbar .navbar-img{cursor:pointer;display:flex;font-size:30px;font-weight:700}.navbar .navbar-img{margin-right:10px;width:40px}.navbar .menu{display:flex;gap:20px}.navbar .menu span{cursor:pointer;font-size:16px;transition:color .3s}.navbar .menu span:hover{color:#000}.navbar .logout{cursor:pointer;font-size:16px;font-weight:700;transition:color .3s}.navbar .logout:hover{color:#000}.status-cards{flex-wrap:wrap;gap:20px}.card,.status-cards{align-items:center;display:flex;justify-content:center;padding:20px}.card{background:linear-gradient(180deg,#fff,#f9f9f9);border:1px solid #e0e0e0;border-radius:15px;box-shadow:0 4px 6px #0000001a;flex:1 1;flex-direction:column;max-width:250px;min-width:150px;text-align:center;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 8px 12px #0003;transform:translateY(-5px)}.card h3{color:#555;font-size:16px;font-weight:700;margin-bottom:10px}.card p{color:#333;font-size:28px;font-weight:700;margin:0}.card-icon{font-size:30px;margin-bottom:10px}.card.blue{border-top:5px solid #2196f3}.card.green{border-top:5px solid #4caf50}.card.red{border-top:5px solid #f44336}.card.orange{border-top:5px solid #ff9800}.graphs{display:flex;gap:20px;justify-content:space-between;padding:20px}.graph{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;flex:1 1;padding:20px;width:100%}.graph h3{background-color:#333;border-radius:4px;color:#fff;font-size:22px;font-weight:700;margin-bottom:15px;text-align:left}.graph-icon{font-size:20px;margin-left:5px;margin-right:10px}.graph-container{display:flex;flex-direction:column;gap:20px}canvas{height:auto!important;max-width:100%!important}.olt-list-container{display:flex;gap:20px;justify-content:space-between;padding:20px}.olt-card{align-items:center;background-color:#f0f4f7;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:200px;padding:20px}.olt-card h3{color:#333;font-size:18px;font-weight:700;margin-bottom:10px}.olt-card p{color:#555;font-size:22px;font-weight:700}.olt-card .icon{font-size:30px;margin-bottom:15px}.info-panel-container{display:flex;gap:20px;justify-content:space-between;padding:20px}.info-card{align-items:center;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:200px;padding:20px}.info-card h3{color:#333;font-size:18px;font-weight:700;margin-bottom:10px}.info-card p{color:#555;font-size:22px;font-weight:700}.info-card .icon{font-size:30px;margin-bottom:15px}.my-routers{margin:0}.header-buttons{display:flex;gap:10px;margin-bottom:20px;padding:10px 20px 20px}.alert-bar,.header-buttons{margin-left:auto;margin-right:auto;width:1200px}.alert-bar{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.main-content{align-self:center;margin-left:auto;margin-right:auto;width:1200px}.right-section{padding-left:100px}.add-router-container{background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:30px auto;max-width:800px;padding:20px}.add-router-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ccc;border-radius:5px;font-size:14px;padding:8px;width:100%}.form-group .pon-types label{margin-right:15px}.form-actions{display:flex;gap:10px}.btn{border-radius:5px}.btn-save{background-color:#28a745;color:#fff}.btn-cancel{background-color:#dc3545;color:#fff}.btn-test{background-color:#007bff;color:#fff}.ts{margin:0}.Pesquisa{align-content:center;display:flex;text-align:center;width:100%}.btn{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px}.blue-btn{background-color:#007bff}.green-btn{background-color:#28a745}.red-btn{background-color:#dc3545}.gray-btn{background-color:#6c757d}.small-btn{font-size:12px;padding:5px 10px}.olt-table,.router-table{background-color:#fff;border-collapse:collapse;margin-left:auto;margin-right:auto;width:1200px}.olt-table td,.olt-table th{border:1px solid #ddd;font-size:14px;padding:10px;text-align:left}.olt-table th{background-color:#f8f9fa;font-weight:700}.olt-table tr:nth-child(2n){background-color:#f2f2f2}.olt-table tr:hover{background-color:#e9ecef}.section{margin:auto;width:1200px}.input{background:#0000;border:1px solid #1424b9;border-radius:50px;color:#000;font-size:16px;margin-bottom:10px;padding:20px 40px;width:200px}.input::placeholder{align-content:center;color:#8f8f8f;font-size:16px}body{background:#7e7e7e33;background-size:cover;font-family:Arial,sans-serif;margin:0;padding:0}.login-container{align-items:center;display:flex;height:100vh;justify-content:center}.login-box{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0003;padding:30px;text-align:center;width:350px}.login-box h1{color:#333;font-size:24px;margin-bottom:20px}.login-box h1 span{color:#007bff}.login-box form{display:flex;flex-direction:column}.login-box input[type=email],.login-box input[type=password]{border:1px solid #ccc;border-radius:5px;font-size:14px;margin-bottom:15px;padding:10px}.login-box button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s}.login-box button:hover{background-color:#0056b3}.login-box .remember-me{margin-bottom:10px;text-align:left}.login-box a{color:#007bff;display:block;font-size:14px;margin-top:10px;text-decoration:none}.login-box a:hover{text-decoration:underline}.error-banner{align-items:center;background-color:#ff4d4d;border-radius:4px;color:#fff;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 40px 10px 10px;position:absolute;text-align:center}.close-btn{background:none;border:none;color:#721c24;cursor:pointer;font-size:18px;font-weight:700;margin-left:20px;position:absolute;right:10px;top:50%;transform:translateY(-60%)}.close-btn:hover{color:#d9534f}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.router-view{font-family:Arial,sans-serif;margin:0}.back-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:15px;padding:10px 15px}.router-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.router-image{height:auto;width:150px}.uptime{color:#555;font-weight:700}.router-details table{border-collapse:collapse;width:100%}.router-details td{border:1px solid #ddd;padding:8px}.router-details tr:nth-child(2n){background-color:#f9f9f9}.router-details tr:hover{background-color:#f1f1f1}.router-details td:first-child{font-weight:700;width:30%}.App{color:#333;font-family:Arial,sans-serif;margin:0;padding:0}.alert-bar{background-color:#2196f3;color:#fff;font-size:14px;padding:10px;text-align:center}.main-content{display:flex;gap:20px;padding:20px}.left-section{flex:2 1}.right-section{display:flex;flex:1 1;flex-direction:column;gap:20px}
/*# sourceMappingURL=main.28d777fe.css.map*/