.button{border-radius:var(--radius-0);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex;&.button-disabled,&:disabled{opacity:.5;cursor:default;pointer-events:none;filter:none}}.button-primary{background-color:var(--color-primary);color:var(--color-on-primary);&:hover{filter:brightness(var(--hover-brightness))}}.button-secondary{border-color:var(--color-border-0);color:var(--color-text-1);background-color:#0000;&:hover{background-color:var(--lift-2);border-color:var(--color-border-1)}}.appbar{background:var(--color-bg-1);border-bottom:1px solid var(--color-border-0);flex-shrink:0;align-items:center;height:48px;padding:0 16px;display:flex;& .appbar-brand{user-select:none;margin-right:24px;font-size:16px}& .appbar-nav{flex:1;gap:4px;display:flex;& .appbar-link{color:color-mix(in srgb, var(--color-text-1) 40%, var(--color-text-2));border-radius:var(--radius-0);cursor:pointer;padding:8px 12px;font-size:13px;text-decoration:none;&:hover{color:var(--color-text-1);background:var(--color-bg-3)}&.appbar-link-active{color:var(--color-text-0);background:var(--color-bg-3)}}}& .appbar-right{align-items:center;gap:12px;display:flex;& .appbar-user{color:var(--color-text-2);font-size:12px}}}.dialog{z-index:1;position:relative;& .dialog-frame{background:var(--color-bg-1);border:1px solid var(--color-border-0);border-radius:var(--radius-1);flex-direction:column;min-width:400px;max-width:90vw;max-height:90vh;display:flex;&.dialog-frame-full{width:80vw;min-width:480px;max-width:800px;max-height:80vh}}& .dialog-header{border-bottom:1px solid var(--color-border-0);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}& .dialog-title{color:var(--color-text-0);margin:0;font-size:16px;font-weight:500}& .dialog-close{color:var(--color-text-2);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1;&:hover{color:var(--color-text-0)}}& .dialog-body{flex:1;padding:16px;overflow-y:auto}& .dialog-footer{border-top:1px solid var(--color-border-0);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}}.breadcrumbs{user-select:none;align-items:flex-end;gap:10px;display:flex;& .breadcrumbs-part{align-items:flex-end;gap:10px;font-size:1.3em;font-weight:600;display:flex}& .breadcrumbs-item{color:var(--color-text-0);flex-direction:column;display:flex;&.breadcrumbs-item-active{cursor:pointer;&:hover{color:var(--color-primary)}}}& .breadcrumbs-spacer{color:var(--color-text-2);&:after{content:"/"}}& .breadcrumbs-category{text-transform:uppercase;color:var(--color-text-2);font-size:.6em;font-weight:600;line-height:1.2}}.dialog-host{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;& .dialog-mask{background:var(--mask-1);position:absolute;inset:0}}.form{flex-direction:column;gap:14px;display:flex;& .form-info{color:var(--color-text-2);background:var(--color-bg-2);border-radius:var(--radius-0);padding:10px 12px;font-size:13px}& .form-token{font-family:var(--font-mono);color:var(--color-text-0);background:var(--color-bg-2);border:1px solid var(--color-border-0);border-radius:var(--radius-0);word-break:break-all;user-select:all;padding:10px 12px;font-size:12px}& .form-error{color:var(--color-error);background:var(--color-bg-2);border-left:3px solid var(--color-error);border-radius:2px;padding:8px 12px;font-size:13px}}.field{grid-template-columns:120px 300px 1fr;align-items:center;gap:0 20px;display:grid;& .field-description{color:var(--color-text-2);font-size:12px}& .field-input{& input,& select{width:100%}}}.field-label{color:var(--color-text-2);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.select{appearance:base-select;background:var(--color-bg-2);border:1px solid var(--color-border-0);border-radius:var(--radius-0);color:var(--color-text-1);cursor:pointer;padding:8px 10px;font-family:inherit;font-size:13px;&:hover{border-color:var(--color-primary)}&:disabled{color:var(--color-text-2);cursor:default;&:hover{border-color:var(--color-border-0)}}&:focus{border-color:var(--color-border-1);outline:none}&::picker(select){appearance:base-select;background:var(--color-bg-2);border:1px solid var(--color-border-1);border-radius:var(--radius-0)}& option{background:var(--color-bg-2);cursor:pointer;padding:4px 8px;&:hover,&:focus{background:var(--color-bg-3)}&:checked{background-color:var(--color-bg-3)}}}.input{background:var(--color-bg-2);border:1px solid var(--color-border-0);border-radius:var(--radius-0);color:var(--color-text-1);padding:8px 10px;font-family:inherit;font-size:13px;&:hover,&:focus{border-color:var(--color-primary)}&:focus{outline:none}}.login-wall{background-color:var(--color-bg-2);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-wall-legal{color:var(--color-text-1);user-select:none;font-size:12px;line-height:1.5;position:absolute;top:12px;left:12px}.login-wall-modal{background-color:var(--color-bg-1);border:1px solid var(--color-border-1);width:386px;color:var(--color-text-1);font-family:var(--font);border-radius:8px;flex-direction:column;align-items:stretch;gap:16px;padding:32px;display:flex}.login-wall-logo{width:96px;height:auto;margin:0 auto 4px}.login-wall-title{text-align:center;margin-bottom:8px;font-size:20px}.login-wall-field{flex-direction:column;gap:4px;display:flex}.login-wall-label{color:var(--color-text-2);user-select:none;font-size:12px}.login-wall-error{background-color:var(--color-bg-3);border-radius:var(--radius-1);color:var(--color-error);text-align:center;padding:14px 10px;font-size:14px}.login-wall-error-detail{font-family:var(--font-mono);margin-top:6px;font-size:11px}.login-wall-language{border-top:1px solid var(--color-border-1);width:300px;max-width:50%;padding-top:10px;position:absolute;bottom:10px;right:10px;& .select{width:100%}}.page-header-card{background:color-mix(in srgb, var(--color-bg-1) 50%, var(--color-bg-2));border-top:2px solid var(--color-primary);border-radius:0 0 var(--radius-1) var(--radius-1);align-items:center;margin-bottom:16px;padding:10px 16px;font-size:12px;display:flex;& .page-header-tools{align-items:center;gap:10px;margin-left:auto;display:flex}}.lucide{width:1em;height:1em}.table-wrapper{margin:calc(var(--module-h) / 2) 0 16px 0;position:relative;& .table-card{background:var(--color-bg-1);border:1px solid var(--color-border-0);border-radius:var(--radius-1);overflow:hidden}& .table-title{top:calc(var(--module-h) / -2);z-index:1;height:var(--module-h);background:var(--color-bg-2);border:1px solid var(--color-bg-0);border-radius:var(--radius-0);color:var(--color-text-2);text-transform:uppercase;align-items:center;padding:0 10px;font-size:12px;font-weight:600;display:flex;position:absolute;left:20px}& .table-tools{top:calc(var(--module-h) / -2);z-index:1;height:var(--module-h);background:var(--color-bg-2);border:1px solid var(--color-bg-0);border-radius:var(--radius-0);align-items:center;gap:10px;padding:0 10px;display:flex;position:absolute;right:20px}& .table-tool{color:var(--color-text-1);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;line-height:1;&:hover{color:var(--color-primary)}}& .table{border-collapse:collapse;width:100%;font-size:13px;& th{text-align:left;background:var(--lift-2);color:var(--color-text-0);padding:12px;font-size:13px;font-weight:600}& td{color:var(--color-text-1);padding:11px 12px}& tbody tr:nth-child(2n) td{background:var(--lift-1)}& tbody tr.table-row-clickable:hover td{background:color-mix(in srgb, var(--color-primary) 10%, var(--color-bg-1))}}& .table-th-sortable{cursor:pointer;user-select:none;&:hover{color:var(--color-primary)}}& .table-sort-indicator{color:var(--color-primary);margin-left:6px;font-size:9px}& .table-row-clickable{cursor:pointer}& .table-bool-yes{color:var(--color-ok);font-weight:600}& .table-bool-no{color:var(--color-error);font-weight:600}& .table-footer{background:var(--color-bg-1);border-top:1px solid var(--color-border-0);align-items:center;gap:10px;padding:8px 12px;display:flex;& select,& input{padding:5px 8px;font-size:12px}}& .table-footer-left{align-items:center;gap:10px;display:flex}& .table-size-select{width:80px}& .table-footer-status{text-align:center;color:var(--color-text-2);flex:1;font-size:12px}& .table-footer-right,& .table-filter{align-items:center;gap:6px;display:flex}& .table-filter-label{color:var(--color-text-2);text-transform:uppercase;letter-spacing:.05em;font-size:11px}& .table-error{color:var(--color-error)}& .table-filters-button{border:1px solid var(--color-border-0);border-radius:var(--radius-0);min-width:30px;height:30px;color:var(--color-text-1);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-family:inherit;font-size:14px;display:inline-flex;&:hover{background:var(--lift-2);border-color:var(--color-border-1)}&.table-filters-button-active{border-color:var(--color-primary);color:var(--color-primary)}}& .table-filters-count{font-size:11px;font-weight:600}& .table-icon-button{border:1px solid var(--color-border-0);border-radius:var(--radius-0);width:30px;height:30px;color:var(--color-text-1);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex;&:hover{background:var(--lift-2);border-color:var(--color-border-1)}&.table-icon-button-disabled{opacity:.4;cursor:not-allowed}}}:root{--font:"Segoe UI", "Noto Sans", "Open Sans", Arial;--font-mono:"SFMono-Regular", Consolas, "Roboto Mono", monospace;--color-bg-0:#000;--color-bg-1:#151515;--color-bg-1b:#1b1b1b;--color-bg-2:#212121;--color-bg-3:#2b2b2b;--color-bg-4:#3a3a3a;--lift-1:color-mix(in srgb, var(--color-text-1) 5%, transparent);--lift-2:color-mix(in srgb, var(--color-text-1) 8%, transparent);--mask-0:#000000d4;--mask-1:#000000b3;--mask-2:#33333380;--color-border-0:#454545;--color-border-1:#6a6a6a;--color-primary:#00c2cc;--color-primary-light:#69dae0;--color-accent:#ca00e9;--color-accent-light:#d459f3;--color-on-primary:#1a1a1a;--color-ok:#34d434;--color-warn:#f09f25;--color-error:#dd2727;--color-inactive:#6c6c6c;--color-red:#da0000;--color-text-0:#fff;--color-text-1:#eee;--color-text-2:#bcbcbc;--radius-0:4px;--radius-1:6px;--module-h:30px;--hover-brightness:1.4;--focus-ring:2px solid var(--color-primary)}@font-face{font-family:Saira;src:url(./saira-italic-CnAPqcB6.woff2)format("woff2");font-weight:100 900;font-style:italic;font-display:swap}.brand-text{text-transform:uppercase;letter-spacing:.02em;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-accent) 80%, var(--color-accent) 100%);color:#0000;background-clip:text;padding:0 .12em 0 .06em;font-family:Saira,sans-serif;font-style:italic;font-weight:900}*{box-sizing:border-box}:root{color-scheme:dark}:focus-visible{outline:var(--focus-ring);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--color-on-primary)}.shell{flex-direction:column;height:100%;display:flex}.page{flex-direction:column;flex:1;display:flex;overflow-y:auto;& .page-inner{flex:1 0 auto;width:100%;max-width:1400px;margin:0 auto;padding:24px 24px 0}}.card{background:var(--color-bg-1);border:1px solid var(--color-border-0);border-radius:var(--radius-1);margin:calc(var(--module-h) / 2) 0 16px 0;padding:16px;position:relative;& .card-title{top:calc(var(--module-h) / -2);z-index:1;height:var(--module-h);background:var(--color-bg-2);border:1px solid var(--color-bg-0);border-radius:var(--radius-0);color:var(--color-text-2);text-transform:uppercase;align-items:center;margin:0;padding:0 10px;font-size:12px;font-weight:600;display:flex;position:absolute;left:20px}& .card-tools{top:calc(var(--module-h) / -2);z-index:1;height:var(--module-h);background:var(--color-bg-2);border:1px solid var(--color-bg-0);border-radius:var(--radius-0);align-items:center;gap:10px;padding:0 10px;display:flex;position:absolute;right:20px}}.card-empty{color:var(--color-text-2);font-style:italic}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin-bottom:16px;display:grid;& .card{margin-bottom:0}}.status-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid;& .status-item{background:var(--color-bg-2);border-radius:var(--radius-0);padding:10px 12px;& .status-label{color:var(--color-text-2);margin-bottom:4px;font-size:12px}& .status-value{color:var(--color-text-1);font-size:14px;&.status-value-unknown{color:var(--color-inactive)}&.status-value-ok{color:var(--color-ok)}&.status-value-warn{color:var(--color-warn)}&.status-value-error{color:var(--color-error)}}}}html,body{background-color:var(--color-bg-0);height:100%;color:var(--color-text-1);font-family:var(--font);background-image:url(./watermark-topo-BK37YYpj.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0;padding:0}#root{height:100%}.login-wall{background-color:var(--color-bg-0);background-image:url(./watermark-topo-BK37YYpj.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.login-wall-title{white-space:pre-line;font-size:56px;line-height:1}.config-editor{box-sizing:border-box;background:var(--color-bg-0);width:100%;color:var(--color-text-1);border:1px solid var(--color-border-0);border-radius:var(--radius-1);resize:vertical;padding:8px;font-family:ui-monospace,monospace;font-size:13px}.dump-table{border-collapse:collapse;width:100%;font-family:ui-monospace,monospace;font-size:.875rem;& th,& td{border-bottom:1px solid var(--color-border-0);text-align:left;padding:.25rem .75rem}& th{border-bottom:2px solid var(--color-border-1);font-weight:600}}
