@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.container{align-items:center;background-image:linear-gradient(90deg,#fff3 0 100%),url(/static/media/background.76183d22af78ff37820d.jpg);background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center}.form-container{width:1000px}.slogan,.title{text-align:center}.btn{width:100%}.signup-image{border-radius:8px;width:100%}.alert{margin-bottom:1.5rem}.logo{color:#fff;height:10vh;padding:20px}.logo,.logo-icon{align-items:center;display:flex;justify-content:center}.logo-icon{background:#1c1129e0;border-radius:50%;font-size:1.5rem;height:50px;width:50px}.menu-bar{display:flex;flex-direction:column;font-size:1rem;gap:15px;height:90vh;position:relative}.toggle-theme-btn{align-items:center;bottom:30px;display:flex;font-size:1rem;justify-content:center;left:20px;position:absolute}.toggle{margin-left:15px}.sidebar{color:#fff}.header{justify-content:space-between;padding-left:0}.header,.header .header-right{align-items:center;display:flex}.header .header-right{gap:20px}.toggle{font-size:20px;height:32px;width:64px}.body-container{flex-direction:column}.body-container .main{align-items:center;display:flex;height:100%;justify-content:center}.body-container .main .value{font-size:60px;position:relative}.body-container .main .unit{font-size:24px;margin-left:10px;margin-top:24px}.body-container .main .exception,.body-container .main .state{border-radius:10px;font-size:20px;padding:20px}.body-container .timestamp{color:#868e96;font-size:12px;font-weight:600;justify-self:flex-end}.sensor-card{border:1px solid #8ce99a;width:260px}.data-container{display:flex;flex-direction:column}.data-container .data-chart,.data-container .data-table{width:100%}.no-data-container{font-size:24px;padding:10px}.search-container{align-items:center;display:flex;justify-content:flex-end}.search-container span{font-size:18px;margin-right:10px}.search-container .search-btn{margin-left:10px}.radio-btn{font-size:16px}@media screen and (min-width:1200px)and (max-width:1599px){.sensor-card{width:220px}.value{font-size:60px}}@media screen and (min-width:980px)and (max-width:1199px){.sensor-card{width:230px}.value{font-size:60px}}@media screen and (max-device-width:480px){.sensor-card{width:200px}.value{font-size:50px}}.body-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.add-sensor-card{border:2px solid #69db7c;min-height:220px;width:260px}.add-card-container{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.add-card-container:hover{background:#69db7c}.add-card-container:hover .plus-icon{color:#fff}.plus-icon{color:#69db7c;font-size:100px}@media screen and (min-width:1200px)and (max-width:1599px){.add-sensor-card{width:220px}}@media screen and (min-width:980px)and (max-width:1199px){.add-sensor-card{width:230px}}@media screen and (max-device-width:480px){.add-sensor-card{width:200px}}.comment-container{padding:0 20px}.comment-container ul{list-style:none}.comment-container ul>li{font-size:16px}.sensor-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);margin-top:20px}.dev-op,.dev-title{display:flex}.dev-op{align-items:center;gap:10px;margin-left:15px}.delete-modal-content{font-size:18px}@media screen and (min-width:1600px){.sensor-container{grid-template-columns:repeat(5,1fr)}}@media screen and (min-width:1200px)and (max-width:1599px){.sensor-container{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:980px)and (max-width:1199px){.sensor-container{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:768px)and (max-width:979px){.sensor-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:767px){.sensor-container{grid-template-columns:repeat(1,1fr)}}@media screen and (max-device-width:480px){.sensor-container{grid-template-columns:repeat(1,1fr)}}.report{display:flex;flex-direction:column;height:100%;width:100%}.report .top-container{align-items:flex-start;display:flex}.report .top-container .count-card{border:1px solid #ccc;border-collapse:collapse;border-radius:10px;height:150px;margin-right:20px;overflow:hidden}.report .top-container .count-card .count-title{background:#ebfbee;font-size:24px;padding:10px 20px;text-align:center}.report .top-container .count-card .count-value{align-items:center;display:flex;font-size:50px;justify-content:center}.report .top-container .count-card .count-title-danger{background:#fff5f5;color:#c92a2a}.report .top-container .count-card .count-value-danger{color:red}.record-table{margin-top:10px;width:100%}*{box-sizing:border-box;font-family:Noto Sans TC,sans-serif;margin:0;padding:0}body{width:100%}
/*# sourceMappingURL=main.cdcaabb9.css.map*/