@font-face{font-family:Metropolis;src:url(/_next/static/media/Metropolis-Regular.a4474bd5.woff) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Metropolis-Bold;src:url(/_next/static/media/Metropolis-Bold.dd196eed.woff) format("woff");font-weight:700;font-style:normal}*,:focus,:hover{outline:none}body{margin:0;background-color:#79d1f8}body,button,input,textarea{font-family:Metropolis,sans-serif;color:#1f1f1f;font-size:1.4vw}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#cfd6da}.login-container{max-width:400px;margin:40px auto;padding:24px;box-shadow:0 2px 8px #eee;border-radius:8px;background-color:#fff;display:flex;flex-direction:column;align-items:center}.login-title{text-align:center;margin-bottom:24px;font-size:2rem;font-weight:700;color:#1f1f1f}.login-form{width:100%;display:flex;flex-direction:column;gap:16px}.login-form-group{width:100%}.login-form-action{margin-top:24px;width:100%;display:flex;justify-content:center}.page-container{max-width:80%;margin:0 auto;padding:2rem;background-color:#fff}.page-container input[type=text]{font-size:1vw!important}.page-title{margin-bottom:2rem}.page-table{display:flex;flex-direction:column;gap:1rem}.page-header{display:flex;gap:1rem;font-weight:700}.page-header-cell{position:relative}.page-header-cell:first-child{flex:0 0 350px}.page-header-cell:nth-child(2){flex:0 0 400px}.page-header-cell:nth-child(3){flex:1 1}.page-header-cell:last-child{flex:0 0 auto;width:60px;text-align:center}.page-row{display:flex;gap:1rem}.page-cell{position:relative}.page-cell:first-child{flex:0 0 350px}.page-cell:nth-child(2){flex:0 0 400px}.page-cell:nth-child(3){flex:1 1}.page-cell:last-child{flex:0 0 auto;width:60px;display:flex;justify-content:center;align-items:center}.delete-button{background:none;border:none;color:#dc3545;cursor:pointer;font-size:18px;padding:4px 8px;border-radius:4px;transition:background-color .2s}.delete-button:hover{background-color:#f8d7da}.device-settings-cell.modified:after{content:"";position:absolute;top:50%;right:5px;transform:translateY(-50%);width:8px;height:8px;background-color:#79d1f8;border-radius:50%;z-index:10}.device-settings-action{margin-top:2rem;text-align:right}.device-settings-topbar{display:flex}.device-settings-topbar input[type=text]{width:300px;margin-right:10px}.device-settings-topbar button{font-size:1vw!important;padding:8px 15px}.device-settings-topbar .device-settings-logout{margin-left:auto;cursor:pointer}.device-settings-topbar .device-settings-logout span:hover{text-decoration:underline}.alert{margin-top:1rem;padding:10px 12px;border-radius:4px;font-size:14px}.alert-success{background:#e6ffed;border:1px solid #a7f3d0;color:#065f46}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.rules-table .page-cell:nth-child(2),.rules-table .page-header-cell:nth-child(2){flex:1 1}.form-control{width:100%;box-sizing:border-box}