:root{--page:var(--bg);--surface:var(--card);--surface-2:var(--card2);--ink:var(--text);--ink-2:#c3ccd6;--grid:#1c2532;--axis:#34425a;--border:var(--line);--accent:var(--c2);--accent-ink:var(--link);--accent-track:#16263d;--series-1:#4fdcff;--series-2:#ff8a5c;--good:var(--ok);--good-ink:#62e2aa;--warning:var(--warn);--warning-ink:#f7c96a;--critical:#e05555;--critical-ink:#ff9b9b;--warning-wash:#f5b9421a;--critical-wash:#ff7a7a1a;--good-wash:#3ccf911a}h1,h2,h3{margin:0}h1{font-size:30px}h2{font-size:18px}h3{font-size:15px}.ink-2{color:var(--ink-2)}.small{font-size:13px}.num{font-variant-numeric:tabular-nums}code{background:var(--surface-2);border-radius:5px;padding:1px 5px}.app-slot{display:contents}.rui-avatar{font-family:var(--font-display)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-head p{color:var(--muted);margin:6px 0 0}section{margin-top:30px}section>h2{margin-bottom:12px}.card{min-width:0}.grid{gap:16px;display:grid}.tiles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.charts{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.tile-label{color:var(--ink-2);font-size:13px}.tile-value{font:600 28px/1.2 var(--font-display);margin-top:2px}.tile-sub{color:var(--muted);margin-top:2px;font-size:13px}.tile .spark{height:32px;margin-top:10px}.tile .spark svg{width:100%;height:32px;display:block}.meter{background:var(--accent-track);border-radius:4px;height:8px;margin-top:10px;overflow:hidden}.meter>span{background:var(--grad);border-radius:4px;width:0;height:100%;display:block;box-shadow:0 0 10px -2px #4fdcff99}.meter.warn>span{background:var(--warning)}.meter.crit>span{background:var(--critical)}.disk-row+.disk-row{margin-top:14px}.disk-row .row-head{justify-content:space-between;gap:8px;font-size:14px;display:flex}.link-card{color:inherit;flex-direction:column;gap:12px;text-decoration:none;transition:border-color .15s;display:flex}a.link-card:hover{color:inherit;background:radial-gradient(260px circle at var(--mx) var(--my), #4fdcff14, transparent 70%), var(--card);border-color:#4fdcff66}.link-card .head{justify-content:space-between;align-items:center;gap:8px;display:flex}.link-card .go{color:var(--accent-ink);white-space:nowrap;font-size:14px}.kv{grid-template-columns:1fr auto;gap:4px 12px;font-size:14px;display:grid}.kv .k{color:var(--ink-2)}.list-plain{margin:0;padding:0;font-size:14px;list-style:none}.list-plain li{justify-content:space-between;gap:8px;padding:3px 0;display:flex}.badge{white-space:nowrap;background:var(--surface-2);color:var(--ink-2);border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:12.5px;font-weight:550;line-height:1;display:inline-flex}.badge:before{content:"";background:var(--muted);border-radius:50%;flex:none;width:7px;height:7px}.badge.good{background:var(--good-wash);color:var(--good-ink)}.badge.good:before{background:var(--good)}.badge.warn{background:var(--warning-wash);color:var(--warning-ink)}.badge.warn:before{background:var(--warning)}.badge.crit{background:var(--critical-wash);color:var(--critical-ink)}.badge.crit:before{background:var(--critical)}.badge.info{background:var(--accent-track);color:var(--accent-ink)}.badge.info:before{background:var(--accent)}.badge.plain:before{display:none}.banner{align-items:flex-start;gap:14px;margin:0}.banner .text{flex:1;min-width:240px}.banner .text p{color:var(--ink-2);margin:4px 0 0;font-size:14px}.banner.crit{background:#ff7a7a14;border-color:#ff7a7a80}.banner.good{background:#3ccf9114;border-color:#3ccf9173}.banner .actions{flex-wrap:wrap;gap:8px;display:flex}.banner+.banner,.banner+section,section+.banner{margin-top:16px}:where(button:not([class*=rui-]):not(.rui-menu button)),.btn{border:1px solid var(--line2);background:var(--card);min-height:38px;color:var(--text);font:600 14px/1.2 var(--font);white-space:nowrap;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:0 14px;text-decoration:none;transition:transform .12s,box-shadow .2s,border-color .15s,opacity .15s;display:inline-flex;position:relative;overflow:hidden}:where(button:not([class*=rui-]):not(.rui-menu button):hover:not(:disabled)){border-color:var(--line3);background:radial-gradient(110px circle at var(--mx) var(--my), #4fdcff2e, transparent 70%), var(--card2)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--grad);color:var(--on-grad);border-color:#0000;box-shadow:inset 0 1px #fff6,0 8px 22px -10px #3da0fff2}button.primary:hover:not(:disabled){color:var(--on-grad);background:radial-gradient(90px circle at var(--mx) var(--my), #ffffff8c, transparent 70%), var(--grad);border-color:#0000}button.danger{color:var(--bad)}button.danger:hover:not(:disabled){color:#ffa1a1;border-color:#ff7a7a80}button.danger.solid{color:#fff;background:#d94848;border-color:#0000}button.danger.solid:hover:not(:disabled){color:#fff;background:radial-gradient(90px circle at var(--mx) var(--my), #ffffff4d, transparent 70%), #e05555}button.small{border-radius:9px;min-height:32px;padding:0 11px;font-size:13px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--ink-2);border-bottom:1px solid var(--grid);white-space:nowrap;padding:8px 10px;font-size:12.5px;font-weight:550}td{border-bottom:1px solid var(--grid);vertical-align:middle;padding:10px}tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.cell-title{font-weight:550}.cell-sub{color:var(--muted);font-size:12.5px}.actions-cell{white-space:nowrap;text-align:right}.nowrap{white-space:nowrap}.actions-cell button+button{margin-left:4px}.group-title{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.group-title .muted{font-size:13px}label{color:var(--ink-2);margin-bottom:6px;font-size:13px;font-weight:600;display:block}input,textarea{font:inherit;border:1px solid var(--line2);background:var(--field);width:100%;min-height:40px;color:var(--text);border-radius:11px;padding:8px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}input:hover,textarea:hover{border-color:var(--line3)}input:focus,textarea:focus{border-color:var(--c2);outline:none;box-shadow:0 0 0 3px #3d8bff47}input[type=checkbox]{min-height:0}textarea{resize:vertical;min-height:60px}.field{width:auto;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.field+.field{margin-top:14px}.field .hint{color:var(--muted);margin-top:4px;font-size:12.5px}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.check{color:var(--text);align-items:center;gap:8px;font-size:14px;font-weight:400;display:flex}.check input{width:auto}dialog{border:1px solid var(--line2);background:var(--card);color:var(--text);width:min(540px,100vw - 32px);box-shadow:var(--shadow);border-radius:18px;padding:0}dialog[open]{animation:.18s ease-out rui-pop}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05080cb3}dialog form,.dialog-body{padding:22px}dialog h2{margin-bottom:10px;font-size:20px}dialog p{color:var(--muted);margin:0 0 10px;font-size:14px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.error-text{color:var(--bad);margin-top:10px;font-size:14px}.error-text:empty{display:none}.log{font:12.5px/1.45 var(--font-mono);background:var(--field);border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;border-radius:10px;max-height:320px;margin:10px 0 0;padding:10px 12px;overflow:auto}.chart-card .head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.chart{touch-action:pan-y;margin-top:10px;position:relative}.chart svg{width:100%;display:block;overflow:visible}.chart .gridline{stroke:var(--grid);stroke-width:1px}.chart .baseline{stroke:var(--axis);stroke-width:1px}.chart .tick{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.chart .line{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart .area{opacity:.1}.chart .end-label{fill:var(--ink-2);font-size:12px}.chart .crosshair{stroke:var(--axis);stroke-width:1px}.chart .dot{stroke:var(--surface);stroke-width:2px}.legend{color:var(--ink-2);flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:1px;width:14px;height:2px;display:inline-block}.tooltip{pointer-events:none;z-index:5;border:1px solid var(--line2);background:#131a24;border-radius:10px;min-width:120px;padding:8px 10px;font-size:13px;display:none;position:absolute;box-shadow:0 14px 30px -12px #000c}.tooltip .t{color:var(--muted);margin-bottom:4px;font-size:12px}.tooltip .r{justify-content:space-between;gap:14px;display:flex}.tooltip .r b{font-variant-numeric:tabular-nums;font-weight:600}.tooltip .r span{color:var(--ink-2);align-items:center;gap:6px;display:inline-flex}.tooltip .r i{width:10px;height:2px;display:inline-block}details.data-table{margin-top:8px;font-size:13px}details.data-table summary{color:var(--muted);cursor:pointer}details.data-table table{margin-top:6px;font-size:12.5px}details.data-table td,details.data-table th{padding:4px 8px}.login .login-fields{text-align:left;width:min(100%,440px);margin:0 0 20px}.login .field-wrap+.field-wrap{margin-top:14px}.login .error-text{margin-top:12px}.empty{color:var(--muted);border:0;flex-direction:row;padding:8px 0;font-size:14px}.hide{display:none!important}@media (width<=640px){.row2{grid-template-columns:1fr}.tiles{grid-template-columns:1fr 1fr}.tile-value{font-size:22px}.charts,.cards{grid-template-columns:1fr}.hide-sm{display:none}}.about-page{max-width:940px}.about-tabs{margin-bottom:16px}.about-card+.about-card{margin-top:16px}.about-card .hint{color:var(--muted);font-size:13px}.about-h{margin:26px 0 10px;font-size:15px}.about-h.first{margin-top:0}.about-show{align-items:center;gap:14px;display:flex}.about-show-small{gap:10px;margin-top:12px;font-size:14px}.about-image{align-items:flex-start;gap:16px;display:flex}.about-thumb{border:1px dashed var(--line2);background:var(--field);border-radius:14px;flex:none;place-items:center;width:112px;height:112px;display:grid;overflow:hidden}.about-thumb.round{border-radius:50%}.about-thumb img{object-fit:cover;width:100%;height:100%;display:block}.about-image-side{flex:1;min-width:0}.about-image-actions{gap:8px;margin-top:10px;display:flex}.about-image-opts{align-items:center;gap:10px;margin-top:12px;display:flex}.about-alt{margin-top:10px}.about-count{text-align:right;margin-top:6px}.about-count.over{color:var(--bad)}.about-save{z-index:5;background:linear-gradient(180deg, transparent, var(--bg) 30%);flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;padding:12px 0 16px;display:flex;position:sticky;bottom:0}.about-save .error-text{margin:0}.lang-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;margin-top:10px;display:grid}.lang-opt{align-items:center;gap:10px;min-height:40px;position:relative;justify-content:flex-start!important;padding:0 12px!important;font-weight:500!important;display:flex!important}.lang-opt img{border-radius:3px;flex:none;box-shadow:0 0 0 1px #ffffff1f}.lang-opt.on{background:#4fdcff1a;border-color:#4fdcff8c}.lang-n{background:var(--grad);width:20px;height:20px;color:var(--on-grad);border-radius:50%;place-items:center;margin-left:auto;font-size:11px;display:grid}.social-look{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.social-look .about-show-small{cursor:pointer;margin-top:0}.rte{border:1px solid var(--line2);background:var(--field);border-radius:12px;transition:border-color .15s,box-shadow .15s}.rte:focus-within{border-color:var(--c2);box-shadow:0 0 0 3px #3d8bff47}.rte-bar{border-bottom:1px solid var(--line);align-items:center;gap:4px;padding:6px;display:flex}.rte-btn{width:34px;height:32px;color:var(--muted);font:600 15px var(--font);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.rte-btn:hover{color:var(--text);background:radial-gradient(60px circle at var(--mx) var(--my), var(--glow), transparent 70%), var(--card2)}.rte-btn.on{color:var(--c1);background:#4fdcff1f;box-shadow:inset 0 0 0 1px #4fdcff59}.rte-sep{background:var(--line2);width:1px;height:20px;margin:0 4px}.rte-link{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px;display:flex}.rte-link input{flex:1;min-height:32px}.rte-body{outline:none;min-height:170px;padding:12px 14px;font-size:15px;line-height:1.6}.rte-body p{margin:0 0 10px}.rte-body p:last-child{margin-bottom:0}.rte-body ul,.rte-body ol{margin:0 0 10px;padding-left:24px}.rte-body li p{margin:0}.rte-body a{color:var(--link)}.social-rows{flex-direction:column;gap:6px;margin-top:10px;display:flex}.social-row{border:1px solid var(--line);background:var(--field);border-radius:12px;grid-template-columns:34px 150px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 10px;display:grid}.social-row.on{border-color:#4fdcff59}.social-icon{background:var(--card2);width:34px;height:34px;color:var(--faint);border-radius:10px;place-items:center;display:grid}.social-row.on .social-icon{color:#9fecff;background:linear-gradient(135deg,#4fdcff29,#3d8bff29)}.social-name{font-size:14px;font-weight:600}.social-name small{color:var(--faint);font-size:12px;font-weight:400;display:block}.social-value input{min-height:36px}.social-value .hint{margin-top:3px;font-size:12px}.move{gap:4px;display:flex}.move button{width:32px;padding:0}.gear-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.gear-title{max-width:320px;font:600 18px var(--font-display)!important}.gear-tiles{flex-direction:column;gap:10px;display:flex}.gear-tile{border:1px solid var(--line);background:var(--field);border-radius:14px;padding:12px}.gear-tile-head{align-items:center;gap:10px;display:flex}.gear-tile-head>input{flex:1;min-width:0;font-weight:600}.gear-item{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding:10px 0 0 52px;display:grid}.gear-item input{min-height:36px}.gear-item-remove{justify-self:start}.gear-add{margin:10px 0 0 52px}.gear-add-card{width:100%;margin-top:10px;border-style:dashed!important}.gear-hint{margin:10px 4px 0}.icon-pick{flex:none;position:relative}.icon-pick-btn{align-items:center;gap:6px;height:40px;color:#9fecff!important;padding:0 8px 0 10px!important;display:flex!important}.icon-pick-btn .chev{color:var(--muted)}.icon-pick-list{z-index:30;border:1px solid var(--line2);background:var(--card);max-height:340px;box-shadow:var(--shadow);border-radius:12px;grid-template-columns:repeat(2,210px);gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.icon-pick-opt{align-items:center;gap:10px;min-height:36px!important;color:var(--text)!important;background:0 0!important;border:0!important;justify-content:flex-start!important;padding:0 10px!important;font-weight:500!important;display:flex!important}.icon-pick-opt .ic{color:#9fecff}.icon-pick-opt:hover,.icon-pick-opt.on{background:#4fdcff1a!important}.cropper .seg{width:max-content;max-width:100%;margin:0 auto 14px;display:flex}.crop-frame{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#05080c;border-radius:14px;max-width:100%;margin:0 auto;position:relative;overflow:hidden}.crop-frame:active{cursor:grabbing}.crop-frame img{transform-origin:0 0;pointer-events:none;max-width:none;position:absolute;top:0;left:0}.crop-frame:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #4fdcff80}.crop-frame.round:after{box-shadow:none;background:radial-gradient(circle closest-side,#0000 calc(100% - 1.5px),#4fdcffbf calc(100% - 1px) 100%,#05080ca8 100%)}.crop-zoom{align-items:center;gap:12px;margin:14px 0 0;font-weight:500;display:flex}.crop-zoom input{min-height:0;box-shadow:none;background:0 0;border:0;flex:1;padding:0}@media (width<=640px){.social-row{grid-template-columns:34px minmax(0,1fr) auto}.social-value{grid-area:2/1/auto/-1}.social-row .move{grid-area:3/1/auto/-1}.social-row .move button{flex:1}.about-image{flex-direction:column}.cropper .seg{grid-template-columns:1fr 1fr;width:100%;display:grid}.gear-tile-head{flex-wrap:wrap}.gear-tile-head>input{flex-basis:calc(100% - 80px)}.gear-tile-head .move{width:100%}.gear-tile-head .move button{flex:1}.gear-item{grid-template-columns:1fr;padding-left:0}.gear-add{margin-left:0}.icon-pick-list{grid-template-columns:1fr;width:230px}}
