#topbar{position:fixed;top:0;width:100%;padding:10px;display:flex;align-items:center;justify-content:space-between;background-color:var(--md-sys-color-surface-container)}#topbar>a{font-weight:700;font-size:1.3rem;margin-left:5px;color:var(--md-sys-color-on-surface)}#topbar #pager{display:inline-flex;align-items:center}#topbar #pager span{cursor:pointer;margin:0 5px}#topbar #icons-row{margin-right:20px}#pager-dialog label{margin-bottom:5px}body>div.content{padding:70px 10px 40px}body>div.content:not(.active){display:none}#greeting-view{width:max-content;max-width:100%;box-sizing:border-box;margin:0 auto}#greeting-view>div{display:flex;align-items:center;justify-content:space-between;background-color:var(--md-sys-color-surface-variant);padding:10px;border-radius:6px;margin:8px 0}#greeting-view>div>button{margin-left:8px;width:100px}#security-logs-view table,#network-logs-view table{border-collapse:collapse;margin:0 auto}#security-logs-view tr,#network-logs-view tr{border-bottom:1px solid var(--md-sys-color-outline-variant)}#security-logs-view td,#security-logs-view th,#network-logs-view td,#network-logs-view th{padding:.5rem}#security-logs-view th,#network-logs-view th{text-align:start}#security-logs-view td.details,#network-logs-view td.details{white-space:pre-wrap}#security-logs-view td.details>pre,#network-logs-view td.details>pre{white-space:pre-wrap}#security-logs-view dialog h3,#network-logs-view dialog h3{margin:5px 0 10px}#security-logs-view dialog .columns,#security-logs-view dialog .levels,#security-logs-view dialog .types,#network-logs-view dialog .columns,#network-logs-view dialog .levels,#network-logs-view dialog .types{margin-bottom:10px}#security-logs-view dialog .columns>div,#security-logs-view dialog .levels>div,#security-logs-view dialog .types>div,#network-logs-view dialog .columns>div,#network-logs-view dialog .levels>div,#network-logs-view dialog .types>div{display:inline-block;margin-right:5px}#security-logs-view dialog :is(.columns,.levels,.tags,.types)>div>*,#network-logs-view dialog :is(.columns,.levels,.tags,.types)>div>*{vertical-align:middle}#security-logs-view dialog .tags>div,#network-logs-view dialog .tags>div{margin-bottom:5px}#security-logs-view dialog .tags>div input,#network-logs-view dialog .tags>div input{margin-right:5px}#security-logs-view dialog label>span:last-child,#network-logs-view dialog label>span:last-child{margin-left:3px}#qr-code-view{width:320px;margin:0 auto}#qr-code-view h3{margin:10px 0}#qr-code-view>.link>label{display:block}#qr-code-view>.link>textarea{width:100%;height:60px;resize:none}#qr-code-view input,#qr-code-view label{vertical-align:middle}#qr-code-view button.generate{display:block;width:200px;margin:20px auto}#qr-code-view canvas{display:block;margin:0 auto}dialog{min-width:200px;max-height:85%;border:none;border-radius:20px;background:var(--md-sys-color-surface-container)}dialog[open]{display:flex;flex-direction:column}dialog>div:not(.buttons-row){overflow-y:auto}dialog>div:not(.buttons-row)>h2{margin-block-start:10px}dialog .buttons-row{align-self:end;margin-top:20px}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}button.m3{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:10px;height:36px;padding:0 12px;font-size:14px;font-weight:600;line-height:20px;background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}button.m3:disabled{background-color:rgb(from var(--md-sys-color-on-surface) r g b / .12);color:rgb(from var(--md-sys-color-on-surface) r g b / .38)}button.m3:hover:not(:disabled){background-color:color-mix(in srgb,var(--md-sys-color-primary),var(--md-sys-color-on-primary) 8%);color:color-mix(in srgb,var(--md-sys-color-on-primary),var(--md-sys-color-on-primary) 8%)}button.m3:active:not(:disabled){background-color:color-mix(in srgb,var(--md-sys-color-primary),var(--md-sys-color-on-primary) 10%);color:color-mix(in srgb,var(--md-sys-color-on-primary),var(--md-sys-color-on-primary) 10%)}button.m3.tonal{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}button.m3.tonal:hover:not(:disabled){background-color:color-mix(in srgb,var(--md-sys-color-secondary-container),var(--md-sys-color-on-secondary-container) 8%);color:color-mix(in srgb,var(--md-sys-color-on-secondary-container),var(--md-sys-color-on-secondary-container) 8%)}button.m3.tonal:active:not(:disabled){background-color:color-mix(in srgb,var(--md-sys-color-secondary-container),var(--md-sys-color-on-secondary-container) 10%);color:color-mix(in srgb,var(--md-sys-color-on-secondary-container),var(--md-sys-color-on-secondary-container) 10%)}button.m3.text{background-color:transparent;color:var(--md-sys-color-primary)}button.m3.text:disabled{background-color:rgb(from var(--md-sys-color-surface) r g b / .1);color:rgb(from var(--md-sys-color-surface) r g b / .38)}button.m3.text:hover:not(:disabled){background-color:rgb(from var(--md-sys-color-primary) r g b / .08);color:color-mix(in srgb,var(--md-sys-color-primary),var(--md-sys-color-primary) 8%)}button.m3.text:active:not(:disabled){background-color:rgb(from var(--md-sys-color-primary) r g b / .1);color:color-mix(in srgb,var(--md-sys-color-primary),var(--md-sys-color-primary) 10%)}button.icon-button{background-color:transparent;border:0;border-radius:50%;width:40px;height:40px;padding:8px}button.icon-button>svg{fill:var(--md-sys-color-on-surface-variant)}button.icon-button:disabled>svg{fill:rgb(from var(--md-sys-color-on-surface) r g b / .38)}button.icon-button:hover:not(:disabled){cursor:pointer;background-color:rgb(from var(--md-sys-color-on-surface-variant) r g b / .08);fill:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 8%,var(--md-sys-color-on-surface-variant))}button.icon-button:active:not(:disabled){background-color:rgb(from var(--md-sys-color-on-surface-variant) r g b / .1);fill:color-mix(in srgb,var(--md-sys-color-on-surface-variant) 10%,var(--md-sys-color-on-surface-variant))}button.icon-button.extra-small{width:32px;height:32px;padding:4px}input:is([type=text],[type=number],[type=date]).m3,textarea.m3,select.m3{color:var(--md-sys-color-on-background);background-color:transparent;border:1px solid var(--md-sys-color-on-background);border-radius:6px;padding:4px}input:is([type=text],[type=number],[type=date]).m3:focus-visible,textarea.m3:focus-visible,select.m3:focus-visible{border-color:var(--md-sys-color-primary);outline-color:var(--md-sys-color-primary)}input[type=checkbox].m3{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--md-sys-color-on-surface-variant);border-radius:2px;background:transparent}input[type=checkbox].m3:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}input[type=checkbox].m3:active{background-color:color-mix(in srgb,var(--md-sys-color-primary) 10%,transparent)}input[type=checkbox].m3:after{display:none;position:relative;content:"";width:5px;height:10px;left:4px;border:solid var(--md-sys-color-on-primary);border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox].m3:checked{border-color:var(--md-sys-color-primary);background-color:var(--md-sys-color-primary)}input[type=checkbox].m3:checked:hover{background-color:color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--md-sys-color-primary))}input[type=checkbox].m3:checked:active{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,var(--md-sys-color-primary))}input[type=checkbox].m3:checked:after{display:block}input[type=radio].m3{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:2px solid var(--md-sys-color-on-surface-variant);border-radius:50%;margin:auto 5px;cursor:pointer}input[type=radio].m3:checked{border-color:var(--md-sys-color-primary)}input[type=radio].m3:checked:after{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background-color:var(--md-sys-color-primary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}