.layout{display:flex;width:100vw;height:100vh}.sidebar{position:fixed;width:100vw;height:60px;background-color:var(--theme-secondary);display:flex;flex-direction:row;justify-content:space-between}.sidebar-top,.sidebar-bottom{display:flex;flex-direction:row}.icon{font-size:24px;margin-bottom:20px}.button{width:fit-content;height:100%;background-color:var(--theme-secondary);text-align:center}.button img{max-width:100%;max-height:100%;height:auto;width:auto}.main-content{margin-top:60px;overflow-y:auto;width:100%;display:flex;flex-direction:column}.fill-page{flex:1}footer{bottom:0;position:sticky;width:100%;text-align:center;background-color:var(--theme-secondary);color:#fff}footer *{margin:5px}#page-content{display:flex;flex-direction:row;flex-wrap:wrap;padding:10px}.function-card{border:1px solid transparent;width:300px;border-radius:1rem;background-color:var(--theme-secondary);margin:10px;padding:10px;transition:border-color .25s}.function-card:hover{border-color:#646cff}.function-card:focus,.function-card:focus-visible{outline:4px auto -webkit-focus-ring-color}.popup{position:fixed;bottom:80px;right:20px;width:clamp(300px,400px,500px);background-color:var(--theme-secondary);border-radius:8px;z-index:1000;box-shadow:0 4px 8px #0000001a;transition:opacity .5s ease-in-out}.popup.fade-out{opacity:0}.popup-color-bar{height:8px;width:100%;border-top-left-radius:8px;border-top-right-radius:8px}.popup-content{padding:0 5px 5px;text-align:left}.popup-content h3{margin:0}.popup-content p{font-size:1rem;margin:0}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.content{width:100%;display:flex;flex-direction:column}.page-title{width:100%;height:150px;background:linear-gradient(var(--primary-color),var(--theme-primary))}.function-description p{margin:.1rem}.authorized{background-color:#3a6e3a}.unauthorized{background-color:#813e3e}.details-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.application-column,.processing-column,.extra-info-column{flex:1;text-align:center}.page-content{display:flex;flex-direction:column;flex-wrap:wrap;padding:10px}.status-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:1rem;padding:0 20px}.integrations-containter,.controls-container{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.authorize-button,.service-button,.server-button,.input-field{border-radius:.7rem;margin:5px;width:100%}.input-field{height:40px;background-color:var(--theme-secondary);text-align:center;border:none}.server-button{color:var(--yellow)}.popup-container{position:fixed;bottom:20px;left:20px;z-index:1000;display:flex;flex-direction:column}.online-status{color:var(--green)}.offline-status{color:var(--red)}.unknown-status{color:#9ac}.alert-section{width:100%;height:78vh;padding:25px 15px}.alert-list,.alert-details{background-color:var(--theme-secondary);height:100%;overflow-y:auto;border-radius:5px;padding:10px}tr:nth-child(odd){background-color:var(--theme-primary)}tr:nth-child(2n){background-color:var(--theme-secondary)}.details-table{table-layout:fixed;width:100%;border-collapse:collapse}.details-table tr th{padding:1%}.details-table tr td{padding:.75%;word-break:break-all}.list-table{table-layout:fixed;width:100%;border-collapse:collapse}.list-table tr th{padding:1%}.list-table tr td{padding:.75%}.list-table tr.alert-entry:hover{background-color:#36393f;cursor:pointer}.gap-20{gap:20px}.flex-row{display:flex;flex-direction:row;align-items:center;box-sizing:border-box}.flex-row *{flex:1 1 100%}:root{font-family:Montserrat,Raleway,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--primary-color: #006F00;--secondary-color: #003E00;--dark-bg-primary: #242424;--dark-bg-secondary: #333;--dark-text-primary: #fff;--dark-green: #88BB66;--dark-yellow: #ffff00;--dark-red: #FF5566;--light-bg-primary: #ededed;--light-bg-secondary: #b7b7b7;--light-text-primary: #171717;--light-green: #88BB66;--light-yellow: #ffff00;--light-red: #FF5566;--theme-primary: light-dark(var(--light-bg-primary), var(--dark-bg-primary));--theme-secondary: light-dark(var(--light-bg-secondary), var(--dark-bg-secondary));--text-primary: light-dark(var(--light-text-primary), var(--dark-text-primary));--green: light-dark(var(--light-green), var(--dark-green));--yellow: light-dark(var(--light-yellow), var(--dark-yellow));--red: light-dark(var(--light-red), var(--dark-red));color:var(--text-primary);background-color:var(--theme-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--theme-secondary);cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}