body{background:#f1f6ff;font-family:Arial,sans-serif;margin:0}input,select,textarea{font-size:16px}.app{padding:20px}.grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:800px}.span-2{grid-column:span 2}.users-table{border-collapse:collapse;margin-top:8px;width:100%}.users-table td,.users-table th{border:1px solid #ccc;padding:8px;text-align:left}header{margin-bottom:50px;position:relative;text-align:center}.header-bar{align-items:center;display:flex;height:100px;justify-content:center;margin-bottom:90px;position:relative}.header-title{font-size:28px;text-align:center}.logo-title{align-items:center;display:flex;justify-content:center}.company-logo{height:80px;left:5%;position:absolute;top:2%;width:auto}h1{font-size:20px}.card h2{font-size:24px;margin:10px 0 0}.card p{font-weight:500;margin:0}.card{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;justify-content:space-between;min-height:80px;min-width:60px;padding:25px}.card.red{background-color:#e74c3c;color:#fff}.card.orange,.orange{background-color:#f5a623;color:#fff}.blue{background:#2f89fc;color:#fff}.green{background:#2ecc71;color:#fff}.white{background:#fff;color:#000}.house-card{grid-row-start:1}.room-card{grid-row-start:2}.countdown-card,.gas-level-card{grid-row-start:3}.gas-level-card{grid-column-start:2}.tab-btn,.valve-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-bottom:10px;padding:8px 14px;transition:background .3s ease}.valve-btn{background-color:#b032cf}.valve-btn.closed{background-color:#e74c3c}.valve-btn.open{background-color:#2ecc71}.tab-btn{background-color:#e28f2c;border:1px solid #e28f2c}.tab-btn.active{background-color:#fff;color:#e28f2c}.closed-btn{background:#e74c3c;cursor:default;padding:8px 12px}.closed-btn,.logout-btn{border:none;border-radius:6px;color:#fff;font-weight:700}.logout-btn{background-color:#e28f2c;cursor:pointer;padding:10px 16px;position:absolute;right:5%}.next-btn{background:none;border:none;color:#2f89fc;cursor:pointer;font-size:22px;margin-left:10px;padding:0;transition:transform .2s ease}.next-btn:hover{transform:scale(1.2)}.login-page{align-items:center;background:#f1f6ff;display:flex;height:60vh;justify-content:center}.login-header{margin-bottom:50px;text-align:center}.login-header h1{font-size:30px}.login-form{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;gap:20px;padding:40px 30px 5px;width:280px}.login-form h2{margin:0;text-align:center}.login-form input{border:1px solid #ccc;border-radius:6px;font-size:16px;padding:10px}.login-form button{background:#e28f2c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px}.login-form button:hover{background:#d58829}.forgot-password-link{color:#e28f2c}.icon-text{align-items:center;display:flex;gap:12px}.icon{font-size:36px}.inline-center-info{align-items:center;display:inline-flex;gap:8px}.blinking-circle{animation:blink 3s infinite;background-color:#2ecc71;border-radius:50%;display:inline-block;height:12px;width:12px}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}.popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;padding:10px 10px 25px;text-align:center;width:25%}.popup-content input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin-bottom:10px;margin-left:10%;margin-right:10%;max-width:100%;padding:10px;width:80%}.popup-content button{background-color:#e28f2c;border:none;border-radius:5px;color:#fff;font-size:16px;margin-left:10%;margin-right:10%;padding:8px 14px;width:80%}.popup-content button:hover{background-color:#d58829}.popup-content button:nth-child(2){background-color:#ccc}.popup-content button:nth-child(2):hover{background-color:#888}.success-msg{color:#2ecc71}.error-msg,.error-msg-inline,.success-msg{font-size:14px;font-weight:700!important;height:18px}.error-msg,.error-msg-inline{color:#e74c3c}.error-msg{margin-bottom:10px;margin-top:-10px;text-align:center}.search-error{color:#e74c3c;font-size:14px;font-weight:700!important;height:18px;margin-top:8px;text-align:left}@media (max-width:670px){.grid{display:grid;grid-template-columns:repeat(2,1fr)}.house-card{grid-column:1/-1;grid-row:1}.room-card{grid-column:1/-1;grid-row:2}.countdown-card{grid-column:1/-1;grid-row:3}.gas-level-card{grid-column:1/-1;grid-row:4}.card{padding:18px}.card h2{font-size:20px}.icon{font-size:28px}.valve-btn{font-size:13px;padding:6px 10px}h1{font-size:20px}.company-logo{display:none}.header-title{font-size:28px;left:5%;position:absolute}.header-bar{justify-content:left;margin-bottom:35px}.popup-content{width:75%}}
/*# sourceMappingURL=main.3f8badc1.css.map*/