*{box-sizing:border-box}body,h1,h2,h3,p{margin:0;padding:0}body{font-family:Roboto,Arial,sans-serif;background-color:var(--bg-surface);color:var(--text-body)}.select{padding:5px;border:1px solid var(--border-subtle);border-radius:4px;background-color:inherit;color:var(--text-body)}.select option{color:var(--text-body);background-color:var(--bg-surface)}.app{height:100vh}.lang-container{margin-bottom:.3em}.table-container{overflow-x:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:15px}thead th{background-color:var(--brand-primary);color:var(--text-invert);padding:.5em;cursor:pointer}thead th:first-child{border-radius:5px 0 0}thead th:last-child{border-radius:0 5px 0 0}th,td{padding:7px 1px 7px 0;text-align:center}td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:87px}td:first-child{padding-left:2px}table tr:nth-child(odd){background-color:var(--border-subtle)}tbody tr:hover{background-color:var(--brand-accent)}.table-container table td.hidden-column,.table-container table th.hidden-column{display:none}.pagination-container{display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;align-items:center;bottom:0;left:0;right:0;background-color:var(--bg-surface);padding:1px;z-index:2;overflow-x:auto}.pagination-button{display:inline;padding:7px 14px;color:var(--text-body);margin:0;border:1px solid var(--border-subtle);background-color:var(--bg-surface);cursor:pointer}.pagination-button:hover{color:var(--brand-primary)}.pagination-button.active{background-color:var(--brand-primary);color:var(--text-invert)}.pagination-button:disabled{cursor:not-allowed}.pagination-label{margin-top:5px;margin-bottom:1em;margin-right:5px;font-style:italic}.pagination-range-wrapper{position:relative;width:100%;margin:10px 0;z-index:1}.pagination-range-wrapper.disabled{cursor:pointer}.range-status-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:var(--border-subtle);pointer-events:none;opacity:.6;white-space:nowrap}.range-status-indicator.enabled{color:var(--brand-primary);opacity:.8}.pagination-range{display:block;width:100%;-webkit-appearance:none;height:2px;background:var(--border-subtle);border-radius:5px;outline:none;margin:10px 0;transition:all .3s ease}.pagination-range::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;background:var(--brand-primary);border-radius:50%;cursor:pointer;transition:all .3s ease}.pagination-range::-moz-range-thumb{width:15px;height:15px;background:var(--brand-primary);border-radius:50%;cursor:pointer;border:none;transition:all .3s ease}.pagination-range:disabled{opacity:.5;cursor:not-allowed}.pagination-range:disabled::-webkit-slider-thumb{cursor:not-allowed;opacity:.5}.pagination-range:disabled::-moz-range-thumb{cursor:not-allowed;opacity:.5}.search-box{display:flex;justify-content:space-between;padding-bottom:8px;padding-right:0;background-color:var(--bg-surface);gap:6px;margin-bottom:2px}.search-box option{color:var(--text-body);background-color:var(--bg-surface)}.search-box-input{flex:1;max-width:50%;padding:7px 9px;border:1.5px solid var(--border-subtle);border-radius:6px;background-color:inherit;color:var(--text-body);transition:all .2s ease}.search-box-input:hover{border-color:var(--brand-accent)}.search-box-input:focus{outline:none;border-color:var(--brand-secondary);box-shadow:0 0 0 3px var(--focus-ring)}.search-box-input::placeholder{color:var(--text-body);opacity:.6}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--border-subtle) inset!important;-webkit-text-fill-color:var(--text-body)}.form-label{display:block;margin-bottom:7px;font-weight:600;font-size:14px;color:var(--text-body);transition:color .2s ease}.form-control{width:100%;padding:10px 14px;border:1.5px solid var(--border-subtle);border-radius:6px;background-color:inherit;color:var(--text-body);font-size:15px;transition:all .2s ease;box-sizing:border-box}.form-control:hover{border-color:var(--brand-accent)}.form-control:focus{outline:none;border-color:var(--brand-secondary);box-shadow:0 0 0 3px var(--focus-ring);background-color:inherit}.form-control::placeholder{color:var(--text-body);opacity:.6}.form-group{margin-bottom:22px}.btn-primarys{box-sizing:border-box;width:49%;padding:12px 0;font-size:15px;font-weight:600;color:var(--text-invert);background-color:var(--brand-primary);border:none;cursor:pointer;margin-left:1px;border-radius:6px;transition:all .2s ease;box-shadow:0 2px 4px var(--shadow-sm)}.btn-primarys:hover:not(:disabled){background-color:var(--brand-secondary);box-shadow:0 4px 8px var(--shadow-md);transform:translateY(-1px)}.btn-primarys:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px var(--shadow-sm)}.btn-primarys:disabled{opacity:.6;cursor:not-allowed;transform:none}.delete-button{background-color:var(--color-danger);color:var(--text-invert);border:none;padding:12px 20px;font-size:15px;font-weight:600;cursor:pointer;border-radius:6px;width:98.5%;margin-top:8px;transition:all .2s ease;box-shadow:0 2px 4px var(--shadow-sm)}.delete-button:hover{background-color:var(--color-danger-alt);box-shadow:0 4px 8px var(--shadow-md);transform:translateY(-1px)}.delete-button:active{transform:translateY(0);box-shadow:0 2px 4px var(--shadow-sm)}input[type=datetime-local]{width:100%;min-height:42px;border:1.5px solid var(--border-subtle);border-radius:6px;padding:10px 14px;font-size:15px;background-color:inherit;color:var(--text-body);transition:all .2s ease;box-sizing:border-box}input[type=datetime-local]:hover{border-color:var(--brand-accent)}input[type=datetime-local]:focus{outline:none;border-color:var(--brand-secondary);box-shadow:0 0 0 3px var(--focus-ring)}select.form-control{cursor:pointer}select.form-control:hover{border-color:var(--brand-accent)}select.form-control:focus{outline:none;border-color:var(--brand-secondary);box-shadow:0 0 0 3px var(--focus-ring)}.label-InfoBanner{display:flex;justify-content:center;align-items:center;background:var(--brand-accent);font-size:larger;font-weight:700;padding:.5em}.line-chart{max-height:300px}.area-tab{display:flex;flex-wrap:wrap-reverse;margin:0 auto 20px;border-radius:0;background-color:var(--border-subtle);place-content:flex-start}.label-tab{display:flex;align-items:center;justify-content:center;max-width:100%;width:20%;height:9vh;padding:.3em;background:var(--bg-surface);cursor:pointer;font-weight:700;font-size:20px;transition:border-bottom .1s,color .5s;text-align:center}.radio-tab{position:absolute;opacity:0;left:-20px}.radio-tab:checked+.label-tab{color:var(--brand-secondary);border-top:1px solid var(--brand-secondary)}.radio-tab:checked+.label-tab+.panel-tab{display:block}.panel-tab{order:99;display:none;padding:23px 15px 15px;background:var(--bg-surface);width:100%;border-bottom:1px solid var(--border-subtle);height:81vh;overflow-y:scroll}.section-tab>p{text-align:justify}.section-tab>h2{text-align:center;margin:1em 0 .5em}.container-tab{max-width:900px;margin:auto}.small-text{font-size:small}.lang{font-size:.8em;background-color:var(--brand-primary);color:var(--text-invert);padding:6px;cursor:pointer;border-radius:0 8px 8px;margin-right:1em}.col-md-12{display:flex;justify-content:center;align-items:center;height:90vh}.card-container{width:300px;padding:20px;box-shadow:0 4px 8px var(--border-subtle);border-radius:8px;background-color:var(--bg-surface)}.profile-img-card{width:100px;height:100px;border-radius:50%;display:block;margin:0 auto 20px}.form-group{margin-bottom:19px}.label{display:block;margin-bottom:5px;font-weight:700}.form-control{width:100%;padding:8px 12px;border:1px solid var(--border-subtle);border-radius:4px}.btn-primary{width:100%;padding:12px 0;font-size:16px;font-weight:700;color:var(--text-invert);background-color:var(--brand-primary);border:none;border-radius:4px;cursor:pointer}.btn-primary:hover{background-color:var(--brand-secondary)}.btn-block{display:block;width:100%}.title{padding:.5em;text-align:center}.navbar{height:10vh;display:flex;align-items:center;justify-content:space-between;padding:15px;background-color:var(--brand-primary);color:var(--bg-surface);transition:max-height .5s ease-out}.nav-links a{color:var(--text-invert);text-decoration:none}.nav-links a:hover{color:var(--color-warning)}.menu{display:flex;gap:1em;font-size:18px;z-index:2;transition:.7s ease-out}.menu li{padding:5px 14px;list-style:none}.menu li:hover{color:var(--color-warning);border-radius:5px;transition:.3s ease}.dropdown{background-color:var(--brand-primary);padding:1px 0;position:absolute;display:none;top:30px;left:10px}.dropdown li{padding:5px 14px;width:fit-content;text-align:center}.dropdown li:hover{background-color:var(--brand-primary)}.hamburger{color:var(--brand-accent);display:none;font-size:24px;-webkit-user-select:none;user-select:none}.hamb{cursor:pointer;float:right;padding:40px 20px}.hamb-line{background:var(--text-invert);display:block;height:3px;position:relative;width:24px;border-radius:20px}.hamb-line:before,.hamb-line:after{background:var(--text-invert);content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%;border-radius:20px}.hamb-line:before{top:8px}.hamb-line:after{top:-8px}#checkbox_toggle{display:none}#checkbox_toggle:checked~.hamburger .hamb-line{background:transparent}#checkbox_toggle:checked~.hamburger .hamb-line:before{transform:rotate(-45deg);top:0}#checkbox_toggle:checked~.hamburger .hamb-line:after{transform:rotate(45deg);top:0}.services{position:relative}.services:hover .dropdown{display:block}.icon-activity{font-size:18px;cursor:pointer}.insetshadow{display:flex;justify-content:center;align-items:center;letter-spacing:.05em;color:var(--text-invert);text-shadow:-1px -1px 1px var(--brand-accent),2px 2px 1px var(--black)}.logo{font-size:32px}@media (max-width: 780px){.menu{margin:1em 0 0;display:unset;background-color:var(--brand-primary);opacity:0;max-height:0;position:absolute;right:0;left:0;text-align:center;padding:16px 0;transition:max-height .5s ease-in-out,opacity .1s ease-in-out;z-index:-1;overflow:hidden}#checkbox_toggle:checked~.menu{display:block;opacity:1;max-height:100%;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;z-index:2}.menu li:hover{background-color:var(--brand-primary);display:inline-block;transition:.3s ease}.menu li{margin-top:12px}.hamburger{display:block}.dropdown{position:initial;left:50%;top:30px;transform:translate(35%)}}.status-box{padding-right:4px}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:100;src:url(/assets/roboto-latin-100-normal-0f303f31.woff2) format("woff2"),url(/assets/roboto-latin-100-normal-090d448c.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/roboto-latin-300-normal-f7591131.woff2) format("woff2"),url(/assets/roboto-latin-300-normal-ddb5c61d.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-latin-400-normal-f6734f81.woff2) format("woff2"),url(/assets/roboto-latin-400-normal-a9fdbefa.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-latin-500-normal-b0195382.woff2) format("woff2"),url(/assets/roboto-latin-500-normal-3ac31048.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/roboto-latin-700-normal-f5aebdfe.woff2) format("woff2"),url(/assets/roboto-latin-700-normal-d89bc0fc.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/roboto-latin-900-normal-7e262106.woff2) format("woff2"),url(/assets/roboto-latin-900-normal-730f633f.woff) format("woff")}