:root{--base-font: "Arial";--bg-main: #1d1d1d}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}*:focus{outline:none}button,a,[role=button]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.inputBase{all:unset;background:transparent;border:0;color:#fff;font-family:var(--base-font);font-weight:700;width:100%;max-width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;min-width:0;padding:0 10px}.legendBase{color:#fff;font-family:var(--base-font);background:var(--bg-main);padding:0 5px;font-size:12px;line-height:1}.legendBaseLogin{color:#fff;font-family:var(--base-font);background:var(--bg-block);padding:0 5px;font-size:12px;line-height:1}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:var(--bg-main);border-radius:8px}::-webkit-scrollbar-thumb{background:#8a8a8a;border-radius:8px;border:2px solid var(--bg-main);-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}::-webkit-scrollbar-thumb:active{background:#b5b5b5}::-webkit-scrollbar-corner{background:var(--bg-main)}*,.bc-admin,.settings-cam-block-border,.wrapper-admin-add-user,.camera-useradmin-wrapper{scrollbar-width:auto;scrollbar-color:#8a8a8a var(--bg-main)}html,body{padding:0;margin:0;background:var(--bg-main);display:flex;justify-content:center;align-items:center;height:100%;overflow-x:hidden;max-width:100vw}.wrapper{width:100%;background:var(--bg-main);display:flex;-moz-flex-direction:column;flex-direction:column;justify-content:center;align-items:center}.block{background:var(--bg-block);border-radius:var(--block-radius);max-width:500px;max-height:400px;width:90vw;display:flex;-moz-flex-direction:column;flex-direction:column;box-sizing:border-box;overflow:hidden}.inputData{display:flex;-moz-flex-direction:column;flex-direction:column;box-sizing:border-box;width:100%;padding:0;overflow:hidden}.titleBlock{font-family:Arial;color:var(--title-color);padding:var(--padding-title);text-align:var(--pc-align-text);font-weight:700;border-bottom:solid 1px var(--border-color);box-sizing:border-box;flex-shrink:0;width:100%}@media(max-width:500px){.titleBlock{text-align:var(--phone-align-text)}}.inputFieldBlock{margin:var(--margin-field-and-button);background:var(--bg-main);border:solid 1px white;border-radius:8px;box-shadow:none;height:40px;width:calc(100% - calc(var(--margin-field-and-button) * 2));max-width:calc(100% - calc(var(--margin-field-and-button) * 2));box-sizing:border-box;position:relative;display:flex;align-items:center;min-width:0;flex-shrink:0;padding:0;overflow:hidden}.inputFieldBlockLogin{margin:var(--margin-field-and-button);background:var(--bg-block);border:solid 1px white;border-radius:8px;box-shadow:none;height:40px;width:calc(100% - calc(var(--margin-field-and-button) * 2));max-width:calc(100% - calc(var(--margin-field-and-button) * 2));box-sizing:border-box;position:relative;display:flex;align-items:center;min-width:0;flex-shrink:0;padding:0;overflow:hidden}.errorField{border:solid 1px var(--err-color)}.baseButton1{background:var(--button-color-1);border:0;border-radius:var(--field-radius);color:#fff;margin:var(--margin-field-and-button);height:30px;width:calc(100% - calc(var(--margin-field-and-button) * 2));max-width:calc(100% - calc(var(--margin-field-and-button) * 2));cursor:pointer;transition:background .3s ease,transform .1s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform,background;box-sizing:border-box;flex-shrink:0}.baseButton1:hover{background:var(--button-color-1-hover)}.baseButton1:active{background:var(--button-color-1);transform:scale(.98)}.loader{width:45px;aspect-ratio:1;--c: no-repeat linear-gradient(#ffffff 0 0);background:var(--c) 0% 50%,var(--c) 50% 50%,var(--c) 100% 50%;background-size:20% 100%;animation:l1 1s infinite linear}@keyframes l1{0%{background-size:20% 100%,20% 100%,20% 100%}33%{background-size:20% 10%,20% 100%,20% 100%}50%{background-size:20% 100%,20% 10%,20% 100%}66%{background-size:20% 100%,20% 100%,20% 10%}to{background-size:20% 100%,20% 100%,20% 100%}}.user-wrapper{width:95vw;max-width:100%;height:100vh;max-height:100vh;background:var(--bg-main);border-radius:var(--block-radius);overflow:hidden;display:flex;-moz-flex-direction:column;flex-direction:column;box-sizing:border-box}.header-user{width:100%;height:70px;min-height:70px;max-height:70px;flex-shrink:0;display:flex;justify-content:space-around;align-items:center;overflow-x:hidden;max-width:100%;box-sizing:border-box}legend{color:#fff;background:var(--bg-main)}.mygroup-title{min-width:200px;max-width:400px;height:40px;flex-shrink:0;border-radius:16px;background:var(--button-color-1);color:#fff;font-family:Arial;font-size:20px;font-style:normal;font-weight:700;line-height:normal;display:flex;justify-content:center;align-items:center;margin-left:10px;padding-left:5px;padding-right:5px}.line-header{width:100%;height:3px;background-color:var(--border-color);margin:10px;border-radius:5px}.settings-button{width:124px;height:124px;flex-shrink:0;border-radius:36px;background:#2e2e2e;display:flex;-moz-flex-direction:column;flex-direction:column;justify-content:center;align-items:center;width:50px;height:50px;margin-right:10px;cursor:pointer;transition:background .3s ease,transform .1s ease;-webkit-tap-highlight-color:transparent;will-change:transform,background}.settings-button:hover{background:#3e3e3e}.settings-button:active{background:#2e2e2e;transform:scale(.95)}.back-button{width:50px;height:50px;min-width:50px;min-height:50px;max-width:50px;max-height:50px;flex-shrink:0;border-radius:5px;background:var(--err-color);display:flex;-moz-flex-direction:column;flex-direction:column;justify-content:center;align-items:center;margin-right:10px;padding:4px;cursor:pointer;transition:background .3s ease,transform .1s ease;-webkit-tap-highlight-color:transparent;will-change:transform,background;box-sizing:border-box}.back-button svg{width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box}.back-button:hover{background:#ff5252}.back-button:active{background:var(--err-color);transform:scale(.95)}.no-found-camera{color:#fff;font-size:50px;font-family:Arial;font-weight:700;text-align:center;position:absolute;inset:0;margin:auto;height:20px}.camera-block-wrapper{position:relative;display:flex;-moz-flex-direction:row;flex-direction:row;justify-content:flex-start;padding:1px;-moz-flex:1 1 auto;flex:1 1 auto;min-height:0;width:100%;flex-wrap:wrap;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;max-width:100%}.group-block{position:relative;-moz-flex-grow:1;flex-grow:1;display:flex;-moz-flex-direction:column;flex-direction:column;justify-content:flex-start;align-items:center;min-width:280px;margin:10px;box-sizing:border-box;max-width:100%;overflow-x:hidden}.block-camera-list{-moz-flex-grow:1;flex-grow:1;width:100%;min-height:300px;background:var(--bg-block);border-radius:var(--block-radius);display:flex;-moz-flex-direction:column;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.block-camera-border{display:flex;-moz-flex-direction:column;flex-direction:column;align-items:center;width:95%;height:95%;gap:10px;box-sizing:border-box}.title-block{text-align:center;color:#fff;font-size:30px;font-weight:700;font-family:Arial}.camera-row{display:flex;-moz-flex-direction:row;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;background:#737373;color:#fff;margin-left:10px;margin-right:10px;width:100%;font-family:Arial;padding:8px;min-height:50px;border-radius:var(--block-radius);cursor:pointer;transition:background .3s ease,transform .1s ease;-webkit-tap-highlight-color:transparent;will-change:transform,background;box-sizing:border-box}.camera-row:hover{background:#838383}.camera-row:active{background:#636363;transform:scale(.98)}.name-cam{font-size:20px;font-weight:700;margin-left:10px;flex:1 1 auto;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.time-cam{font-size:16px;font-weight:700}.status-cam{font-size:16px;font-weight:700;width:15px;height:15px;border-radius:50%;margin-right:10px}.green{background:#00d84f}.red{background:#ff6c6c}.camera-info{display:flex;-webkit-box-pack:justify;-webkit-justify-content:flex-end;-moz-box-pack:justify;justify-content:flex-end;align-items:center;-moz-flex-direction:row;flex-direction:row;flex-wrap:wrap;gap:10px;box-sizing:border-box;min-width:0;flex:0 1 auto;margin-left:10px}.settings-cam-block{width:100%;-moz-flex:1 1 auto;flex:1 1 auto;min-height:0;background:var(--bg-main);border-radius:var(--block-radius);display:flex;align-items:center;justify-content:center;box-sizing:border-box;overflow-x:hidden;max-width:100%}.settings-cam-block-border{width:100%;height:100%;max-height:100%;margin:10px;background:var(--bg-main);display:flex;-moz-flex-direction:column;flex-direction:column;justify-content:flex-start;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.camera-settings-row{display:flex;-moz-flex-direction:row;flex-direction:row;align-items:center;justify-content:space-between;padding:5px;width:100%;box-sizing:border-box;min-width:0}.camera-settings-name{margin-left:15px;color:#fff;font-size:20px;font-weight:700;font-family:Arial}.inputFieldBlockSettings{margin:var(--margin-field-and-button);background:var(--bg-main);border:solid 1px white;border-radius:8px;box-shadow:none;height:40px;width:100%;min-width:0;max-width:100%;box-sizing:border-box;position:relative;display:flex;align-items:center}.inputFieldBlockSettings.errorField{border:solid 2px var(--err-color)}.switch-container{width:60px;height:30px;background:var(--bg-block);border-radius:15px;position:relative;cursor:pointer;transition:background .3s ease,transform .1s ease;margin-right:15px;-webkit-tap-highlight-color:transparent;will-change:transform,background}.switch-container:hover{background:#3a3a3a}.switch-container:active{transform:scale(.95)}.switch-element{position:absolute;top:3px;left:3px;width:24px;height:24px;background:var(--title-color);border-radius:50%;transition:left .3s ease,background .3s ease}.switch-element.active{left:33px;background:var(--button-color-1)}.switch-container:hover .switch-element.active{background:var(--button-color-1-hover)}.button-save{width:100%;height:50px;background:var(--button-color-1);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:700;font-family:Arial;cursor:pointer;transition:background .3s ease,transform .1s ease;margin-top:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform,background}.button-delete{width:100%;height:50px;background:var(--err-color);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:700;font-family:Arial;cursor:pointer;transition:background .3s ease,transform .1s ease;margin-top:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform,background}.button-delete:hover{background:#ff5252}.button-delete:active{background:var(--err-color);transform:scale(.98)}.button-save:hover{background:var(--button-color-1-hover)}.button-save:active{background:var(--button-color-1);transform:scale(.98)}@media screen and (max-width:768px){.user-wrapper{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0}.header-user{height:60px;padding:5px}.mygroup-title{min-width:120px;max-width:200px;height:35px;font-size:14px;margin-left:5px;padding-left:8px;padding-right:8px}.line-header{margin:5px}.settings-button,.back-button{width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px;margin-right:5px}.no-found-camera{font-size:24px}.camera-block-wrapper{padding:5px}.group-block{min-width:100%;margin:5px;width:100%}.block-camera-list{min-height:200px}.title-block{font-size:18px;padding:5px}.camera-row{padding:8px 5px;margin-left:5px;margin-right:5px;margin-bottom:5px;min-height:45px}.name-cam{font-size:14px;margin-left:5px;flex:1 1 100%;min-width:0;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;margin-bottom:5px}.time-cam{font-size:12px}.status-cam{width:12px;height:12px;margin-right:5px}.camera-info{gap:8px;flex-shrink:0;flex:1 1 100%;justify-content:flex-start;margin-left:5px;margin-top:5px}.camera-report-button{padding:4px 8px;font-size:10px;margin-left:5px;min-width:50px}.settings-cam-block-border{margin:5px;padding:5px}.camera-settings-row{padding:5px;flex-wrap:wrap}.camera-settings-name{margin-left:10px;font-size:16px}.inputFieldBlockSettings{margin:5px;height:45px}.button-save,.button-delete{height:45px;font-size:16px;margin-top:10px;padding:0 10px}.switch-container{width:50px;height:26px;margin-right:10px}.switch-element{width:20px;height:20px;top:3px;left:3px}.switch-element.active{left:27px}}@media screen and (max-width:480px){.mygroup-title{min-width:100px;max-width:150px;font-size:12px;height:30px}.name-cam{font-size:12px;flex:1 1 100%}.camera-info{flex:1 1 100%;justify-content:flex-start}.time-cam{font-size:10px}.camera-report-button{padding:3px 6px;font-size:9px;min-width:45px}.title-block{font-size:16px}.camera-row{padding:6px 4px}.camera-info{gap:5px}}@media screen and (max-width:768px){.camera-settings-row table{font-size:11px}.camera-settings-row table th,.camera-settings-row table td{padding:6px 4px}.camera-settings-row table th{font-size:10px}.camera-settings-row h3{font-size:16px;margin:5px 0}.camera-settings-row button{width:100%;margin-left:0!important;margin-top:5px;font-size:14px;padding:8px}.camera-settings-row button:first-of-type{margin-top:0}}@media screen and (max-width:480px){.camera-settings-row table{font-size:9px}.camera-settings-row table th,.camera-settings-row table td{padding:4px 2px}.camera-settings-row table th{font-size:9px}.camera-settings-row h3{font-size:14px}.camera-settings-row button{font-size:12px;padding:6px}}*{color:#fff}:root{--bg-main: #1d1d1d;--bg-block: #2e2e2e;--title-color: #ffffff;--border-color: #676767;--button-color-1: #0078D7;--button-color-1-hover: #00b4d8;--err-color: #ff6c6c;--block-radius: 10px;--field-radius: 20px;--padding-title: 15px;--margin-field-and-button: 10px;--phone-align-text: left;--pc-align-text: center;--media-phone-width: 400px;--media-pc-width: 900px}.admin-userlist-border{width:100%;-moz-flex:1 1 auto;flex:1 1 auto;min-height:0;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:10px;background:var(--bg-main);overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.admin-user-container{width:100%;height:calc(100% - 60px);background:var(--bg-main);display:flex;-moz-flex-direction:column;flex-direction:column;justify-content:flex-start;gap:10px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding:5px}.admin-user-list-not-found{color:#fff;font-size:16px;font-weight:700;font-family:Arial;text-align:center;padding:20px}.user-row-admin{width:100%;max-width:600px;background:#737373;height:30px;border-radius:var(--block-radius);display:flex;align-items:center;cursor:pointer;transition:background .3s ease,transform .1s ease;-webkit-tap-highlight-color:transparent;will-change:transform,background}.user-row-admin:hover{background:#838383}.user-row-admin:active{background:#636363;transform:scale(.98)}.about-user{color:#fff;font-family:Arial;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-left:15px}.wrapper-button{width:100%;display:flex;-moz-flex-direction:row;flex-direction:row;justify-content:flex-start;margin-left:25px;box-sizing:border-box}.add-user-button{color:#fff;font-family:Arial;font-size:20px;font-style:normal;font-weight:700;line-height:normal;width:300px;height:30px;flex-shrink:0;border-radius:10px;background:#429a52;border:none;cursor:pointer;transition:background .3s ease,transform .1s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform,background}.add-user-button:hover{background:#52b563}.add-user-button:active{background:#429a52;transform:scale(.98)}.admin-settings-row{width:90%;padding:0;margin:0}.wrapper-admin-add-user{background:var(--bg-main);width:98%;height:95%;display:flex;-moz-flex-direction:column;flex-direction:column;justify-content:flex-start;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.name-client{color:#fff;font-family:Arial;font-weight:700;font-size:40px}.devices-wrapper{width:100%;min-height:400px;max-height:500px;background:var(--bg-block);margin-top:10px;border-radius:10px;display:flex;-moz-flex-direction:column;flex-direction:column;position:relative;box-sizing:border-box}.title-table{color:#fff;font-family:Arial;font-weight:700;font-size:30px;padding:5px;box-sizing:border-box}.camera-useradmin-wrapper{width:100%;height:calc(100% - 60px);min-height:300px;max-height:400px;background:var(--bg-block);box-sizing:border-box;overflow:hidden;position:relative}.add-new-camera{color:#fff;font-family:Arial;font-weight:700;font-size:16px;background:#429a52;width:100%;min-width:200px;max-width:100%;display:flex;align-items:center;justify-content:center;border-radius:5px;padding:8px 12px;cursor:pointer;transition:background .3s ease,transform .1s ease;-webkit-tap-highlight-color:transparent;will-change:transform,background;box-sizing:border-box;margin:0;border:none;white-space:nowrap}.add-new-camera:hover{background:#52b563}.add-new-camera:active{background:#429a52;transform:scale(.98)}.padding{padding:10px;box-sizing:border-box;display:flex;justify-content:flex-start;align-items:center}.bc-admin{padding:5px;overflow-y:auto;overflow-x:hidden;margin-left:15px;margin-right:15px;width:calc(100% - 30px);height:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.pending-user-row{width:100%;max-width:600px;background:#737373;min-height:80px;border-radius:var(--block-radius);display:flex;-moz-flex-direction:column;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:15px;margin-bottom:10px;gap:15px;box-sizing:border-box;overflow:visible}.pending-user-info{width:100%;display:flex;-moz-flex-direction:column;flex-direction:column;gap:5px}.pending-user-name{color:#fff;font-family:Arial;font-weight:700;font-size:18px}.pending-user-telegram{color:#d0d0d0;font-family:Arial;font-size:14px;display:flex;-moz-flex-direction:column;flex-direction:column;gap:3px}.pending-user-date{color:#b0b0b0;font-family:Arial;font-size:12px}.pending-user-actions{width:100%;display:flex;-moz-flex-direction:row;flex-direction:row;gap:10px;justify-content:center}.pending-user-approve-form{width:100%;display:flex;-moz-flex-direction:column;flex-direction:column;gap:10px;box-sizing:border-box}.pending-user-buttons{width:100%;display:flex;-moz-flex-direction:row;flex-direction:row;gap:8px;justify-content:center;margin-top:5px;box-sizing:border-box}.pending-button-approve{-moz-flex:0 0 auto;flex:0 0 auto;height:32px;min-width:100px;padding:0 15px;background:var(--button-color-1);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:700;font-family:Arial;cursor:pointer;transition:background .3s ease,transform .1s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform,background;box-sizing:border-box}.pending-button-approve:hover{background:var(--button-color-1-hover)}.pending-button-approve:active{background:var(--button-color-1);transform:scale(.98)}.pending-button-approve:disabled{opacity:.6;cursor:not-allowed}.pending-button-reject{-moz-flex:0 0 auto;flex:0 0 auto;height:32px;min-width:100px;padding:0 15px;background:var(--err-color);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:700;font-family:Arial;cursor:pointer;transition:background .3s ease,transform .1s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform,background;box-sizing:border-box}.pending-button-reject:hover{background:#ff5252}.pending-button-reject:active{background:var(--err-color);transform:scale(.98)}.pending-button-reject:disabled{opacity:.6;cursor:not-allowed}.admin-users-two-columns{width:100%;height:91%;display:flex;-moz-flex-direction:row;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:flex-start;align-items:flex-start;padding:10px;box-sizing:border-box}.admin-users-column{min-width:300px;flex:1 1 calc(50% - 10px);height:100%;display:flex;-moz-flex-direction:column;flex-direction:column;gap:10px;box-sizing:border-box}.admin-users-column-title{color:#fff;font-family:Arial;font-weight:700;font-size:24px;padding:10px;background:var(--bg-block);border-radius:var(--block-radius);text-align:center;box-sizing:border-box}.camera-groups-list{width:100%;display:flex;flex-direction:column;gap:10px}.camera-group-item{background:var(--bg-block);border-radius:var(--block-radius);border:1px solid var(--border-color);overflow:hidden}.camera-group-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;cursor:pointer;background:var(--bg-block);transition:background .2s ease;min-height:50px}.camera-group-header:hover{background:#3a3a3a}.camera-group-name{font-weight:700;font-size:16px;font-family:Arial;color:var(--title-color)}.camera-group-toggle{color:var(--title-color);font-size:12px;font-family:Arial;-webkit-user-select:none;-moz-user-select:none;user-select:none}.camera-group-content{padding:18px 20px;border-top:1px solid var(--border-color);background:#252525}.camera-group-info{margin-bottom:15px;padding:12px 15px;background:var(--bg-main);border-radius:5px;font-size:12px;font-family:Arial;color:#d0d0d0}.camera-group-info div{margin-bottom:3px}.camera-group-cameras{margin-top:10px}.camera-report-button{background:var(--button-color-1);color:#fff;border:none;border-radius:5px;padding:5px 10px;font-family:Arial;font-size:12px;font-weight:700;cursor:pointer;margin-left:10px;transition:background .3s ease,transform .1s ease;-webkit-tap-highlight-color:transparent;white-space:nowrap}.camera-report-button:hover{background:var(--button-color-1-hover)}.camera-report-button:active{transform:scale(.95)}.report-content{width:100%;height:calc(100% - 70px);display:flex;justify-content:center;align-items:stretch;padding:5px;box-sizing:border-box;font-family:Arial,sans-serif}.report-top-block{display:flex;-moz-flex-direction:row;flex-direction:row;justify-content:space-between;align-items:stretch;gap:20px;margin:10px 10px 15px;box-sizing:border-box}.report-camera-info{flex:1 1 0;min-width:260px;background:var(--bg-block);border-radius:var(--block-radius);padding:10px 15px;color:#fff;font-family:Arial,sans-serif}.report-camera-title{font-size:18px;font-weight:700;margin-bottom:8px}.report-camera-line{display:flex;-moz-flex-direction:row;flex-direction:row;gap:5px;font-size:14px;margin-bottom:4px;box-sizing:border-box}.report-label{font-weight:700}.report-empty-camera{font-size:14px;color:#dbdbdb}.report-side-block{width:280px;max-width:100%;display:flex;-moz-flex-direction:column;flex-direction:column;gap:10px;box-sizing:border-box}.report-hash-box{background:var(--bg-block);border-radius:var(--block-radius);padding:10px 12px;color:#fff;font-family:Arial,sans-serif}.report-hash-label{font-size:12px;color:#dbdbdb;margin-bottom:4px}.report-hash-value{font-size:12px;word-break:break-all}.report-filters-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:15px;margin:0 10px 10px;box-sizing:border-box}.filter-group{-moz-flex:1 1 220px;flex:1 1 220px;display:flex;-moz-flex-direction:column;flex-direction:column;gap:4px;box-sizing:border-box;min-width:0}.filter-group label{font-size:13px;color:#fff}.filter-group input{background:var(--bg-block);border-radius:8px;border:1px solid var(--border-color);padding:8px 10px;color:#fff;font-size:14px;font-family:Arial,sans-serif}.filter-buttons{display:flex;-moz-flex-direction:row;flex-direction:row;gap:10px;align-items:flex-end;justify-content:center;box-sizing:border-box}.button-secondary{border-radius:8px;background:transparent;border:1px solid #ffffff;color:#fff;height:40px;padding:0 18px;cursor:pointer;transition:background .3s ease,transform .1s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform,background}.button-secondary:hover{background:#3a3a3a}.button-secondary:active{background:#2a2a2a;transform:scale(.98)}.report-filters-row .button-save,.report-filters-row .button-secondary{width:auto;min-width:140px;height:40px;padding:0 18px}.report-filters-row .button-save:hover{background:var(--button-color-1-hover)}.report-filters-row .button-save:active{background:var(--button-color-1);transform:scale(.98)}.report-error-text{color:var(--err-color);margin:5px 10px;font-size:14px}.report-loader-block,.report-empty-table{margin:10px;padding:15px;background:var(--bg-block);border-radius:var(--block-radius);color:#fff;text-align:center;font-family:Arial,sans-serif}.report-table-wrapper{margin:10px;background:var(--bg-block);border-radius:var(--block-radius);overflow-x:auto}.report-table{width:100%;border-collapse:collapse;min-width:500px}.report-table th,.report-table td{padding:10px 12px;border-bottom:1px solid var(--border-color);font-size:14px;color:#fff;font-family:Arial,sans-serif}.report-table th{text-align:left;font-weight:700}.status-pill{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:700;font-family:Arial,sans-serif}.status-pill.online{background:#00d84f;color:#000}.status-pill.offline{background:#ff6c6c;color:#000}@media(max-width:900px){.report-top-block{flex-direction:column}.report-side-block{width:100%}}@media(max-width:600px){.report-content{height:auto}.filter-group{flex:1 1 100%}.filter-buttons{width:100%;flex-direction:column;align-items:stretch;justify-content:center}.filter-buttons button{width:100%}}