:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#272840;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}#app{min-height:100vh}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(160deg,#0D1B2A,#0D1B2A 65%,#001C4A);color:#eceafb;position:sticky;top:0;height:100vh;flex-shrink:0;display:flex;flex-direction:column;z-index:15;padding:29px 16px 16px}.brand{display:flex;align-items:center;gap:12px;padding:0 13px 25px}.logo-mark{display:grid;place-items:center;width:40px;height:40px;background:linear-gradient(135deg,#3B82F6,#1E3A5F);border-radius:12px;color:white;font-weight:900;font-size:20px;box-shadow:0 12px 28px #8072d557}.brand strong{font-size:14px;letter-spacing:.08em;display:block}.brand small{font-size:9px;letter-spacing:.13em;color:#a29fbc;margin-top:4px;display:block}.sidebar-scroll{overflow:auto;flex:1}.nav-group-label{color:#88879f;font-size:10px;font-weight:800;letter-spacing:.16em;margin:27px 14px 10px}.nav-button{background:transparent;border:0;color:#afadc5;border-radius:12px;display:flex;gap:12px;align-items:center;text-align:left;width:100%;padding:12px 13px;margin:2px 0;position:relative;font-weight:650;font-size:13px;transition:color .2s,background .2s,transform .2s}.nav-button:hover{background:#ffffff10;color:white;transform:translateX(2px)}.nav-button.selected{background:#7967db28;color:#fff}.nav-icon{width:22px;font-size:17px;color:#87b4fa;text-align:center}.nav-sel{width:3px;border-radius:3px;background:#aa9bff;position:absolute;right:0;top:9px;bottom:9px}.sidebar-bottom{padding:17px 8px 0}.readonly{font-size:10px;letter-spacing:.075em;color:#b5afd3;display:flex;align-items:center;gap:8px;padding:13px 9px;background:#ffffff09;border-radius:10px}.readonly-dot{height:7px;width:7px;background:#b39bff;border-radius:100%;box-shadow:0 0 0 3px #b09aff25}.sidebar-user{display:flex;align-items:center;gap:10px;padding:19px 0 0}.sidebar-user strong{font-size:12px;display:block}.sidebar-user small{color:#9896b3;font-size:10px}.avatar,.top-avatar{width:34px;height:34px;background:#7366cf;color:white;display:grid;place-items:center;font-weight:800;border-radius:11px}.sidebar-user button{background:none;color:#aaa4cf;border:0;margin-left:auto;font-size:22px}.main{min-width:0;flex:1}.topbar{height:75px;border-bottom:1px solid #e9eaf3;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.breadcrumb{font-size:12px;font-weight:800;letter-spacing:.08em;color:#606178}.breadcrumb span{margin:0 11px;color:#c9c8d9}.topbar-right{display:flex;align-items:center;gap:16px}.freshness{color:#8b8b9d;font-size:11px;display:flex;align-items:center;gap:8px}.pulse-dot,.danger-dot{width:7px;height:7px;border-radius:50%;background:#7864dd;display:inline-block;box-shadow:0 0 0 4px #7864dd19;animation:pulse 2.5s infinite}.danger-dot{background:#da6c84}.round-btn{width:34px;height:34px;border-radius:10px;background:#f7f7fd;border:1px solid #ececfa;color:#7771b3;font-size:18px;transition:.2s}.round-btn:hover{background:#edebff;transform:rotate(30deg)}.top-avatar{width:33px;height:33px}.content{max-width:1680px;margin:auto;padding:36px 38px}.page-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading h1{font-size:clamp(26px,2.7vw,35px);margin:7px 0 8px;letter-spacing:-.05em;font-weight:830}.page-heading p{color:#8c8eaa;font-size:13px;margin:0;line-height:1.7}.eyebrow{font-size:10px;color:#8f90a5;font-weight:850;letter-spacing:.15em}.eyebrow.violet{color:#7966de}.mode-tag{background:#efedfc;color:#7162ca;border:1px solid #e4dfff;border-radius:10px;padding:10px 14px;font-size:11px;font-weight:800;white-space:nowrap}.card{background:white;border:1px solid #ececf6;border-radius:18px;box-shadow:0 8px 25px #35376305;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 15px 36px #3537630c}.meter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.meter{padding:22px 22px 19px;min-height:190px;position:relative}.meter-icon{font-size:10px;letter-spacing:.08em;font-weight:900;color:#8b78eb;position:absolute;top:22px;right:20px;background:#f1efff;padding:7px 8px;border-radius:8px}.meter>small{color:#77788e;font-size:12px;font-weight:650;display:block}.meter-number{font-size:32px;font-weight:840;letter-spacing:-.04em;margin:22px 0 2px;color:#29283d}.meter p{color:#9798ae;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 18px}.meter-track{height:6px;background:#f0eff8;border-radius:6px;overflow:hidden}.meter-track div,.meter-track i{height:100%;display:block;border-radius:6px;background:linear-gradient(90deg,#8874ea,#ae9dff);transition:width .7s ease}.insights{display:grid;grid-template-columns:1.45fr 1fr;gap:15px;margin-top:16px}.chart-card,.capacity{padding:24px;min-height:255px}.section-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-header h2{font-size:19px;letter-spacing:-.035em;margin:6px 0 0}.section-header>small,.section-header>span{font-size:11px;color:#989aae}.chart{height:148px;margin-top:22px;background:linear-gradient(180deg,#fafafe,white);border-radius:12px;overflow:hidden}.chart svg{width:100%;height:100%}.grid-line{fill:none;stroke:#eeeeF6;stroke-width:.45}.cpu-line,.ram-line{fill:none;stroke:#3B82F6;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:all .5s}.ram-line{stroke:#D4AF37}.legend{display:flex;gap:16px;font-size:10px;color:#9a9cae;margin-top:10px}.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#3B82F6;margin-right:6px}.legend .ram-key{background:#D4AF37}.capacity-orb{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#efedff;color:#776bd8;font-size:25px}.capacity-orb.warn{background:#fff4e6;color:#e3a04d}.capacity-orb.danger{background:#fff0f0;color:#df6672}.capacity>strong{font-size:16px;display:block;margin:27px 0 10px}.capacity>p{color:#80839d;font-size:12px;line-height:1.8;min-height:47px}.capacity-foot{font-size:11px;color:#a2a3b6;border-top:1px solid #eeeef5;padding-top:14px;line-height:1.6}.below{margin:30px 0 16px}.server-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.server-card{padding:24px;min-width:0}.server-top,.server-identity{display:flex;align-items:center;justify-content:space-between;gap:14px}.server-identity{justify-content:flex-start}.server-monogram{width:48px;height:48px;background:#ece8ff;color:#3B82F6;border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:21px}.server-card.dev .server-monogram{background:#fff0ea;color:#d48d70}.server-identity h3{font-size:18px;margin:4px 0}.status-pill{border-radius:9px;background:#f7f1ed;color:#b77e5d;padding:8px 10px;font-size:11px;font-weight:850;white-space:nowrap}.status-pill.good{background:#edf9f5;color:#31967b}.status-pill.off{background:#f9eef1;color:#c15f75}.status-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:6px;animation:pulse 2.6s infinite}.two-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.two-stats>div{background:#f8f8fe;border:1px solid #f0eff8;border-radius:12px;padding:16px}.two-stats small,.two-stats strong,.two-stats span{display:block}.two-stats small{color:#888ba4;font-size:11px}.two-stats strong{font-size:18px;margin:10px 0 5px}.two-stats span{font-size:10px;color:#9a9db1}.server-meters{margin-top:23px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.server-meters>div:not(.meter-track){display:contents}.server-meters span,.server-meters strong{font-size:11px;color:#787b95}.server-meters strong{color:#393954}.server-meters .meter-track{grid-column:1/3;margin:0 0 9px}.server-more,.small-link{display:inline-flex;align-items:center;justify-content:space-between;width:100%;color:#3B82F6;background:#f7f6ff;border:none;border-radius:12px;padding:13px 16px;font-weight:780;font-size:12px;margin-top:17px;text-decoration:none}.server-more:hover,.small-link:hover{background:#eeeafe}.small-link{width:auto;margin:0;white-space:nowrap}.single-server{display:grid;grid-template-columns:minmax(0,550px) 1fr;gap:16px}.explanation{padding:28px}.explanation h2{margin:12px 0}.explanation p{line-height:1.8;color:#8a8ca4;font-size:13px}.collection-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.collection-heading strong{display:block}.collection-heading span{display:block;color:#989bb2;font-size:11px;margin-top:4px}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.record{padding:18px;display:flex;gap:14px;align-items:center;min-width:0}.record-icon{color:#8571e3;background:#f0eeff;border-radius:12px;display:grid;place-items:center;font-size:22px;width:42px;height:42px;flex-shrink:0}.record-info{min-width:0;flex:1}.record-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.record-info small{display:block;color:#979aaf;font-size:10px;margin-top:6px}.record-chevron{font-size:26px;color:#b9b0e8}.empty{grid-column:1/-1;padding:60px 20px;text-align:center}.empty>div{font-size:45px;color:#9384e9}.empty h2{font-size:18px}.empty p{max-width:460px;font-size:13px;line-height:1.8;color:#999cb1;margin:auto}.foot{display:flex;justify-content:space-between;border-top:1px solid #e9e9f5;margin-top:38px;padding-top:23px;color:#a1a3b5;font-size:9px;letter-spacing:.09em}.foot a{color:#3B82F6;text-decoration:none;font-weight:800}.notice,.demo-banner{background:#fff4e8;color:#966a42;padding:12px 15px;border-radius:11px;margin-bottom:18px;font-size:12px;display:flex;justify-content:space-between;gap:12px}.demo-banner{background:#f1eeff;color:#6559b4}.demo-banner a{text-decoration:underline}.notice button{border:0;background:transparent}.mobile-toggle,.mobile-shade{display:none}.splash{height:100vh;display:grid;place-content:center;font-weight:850;color:#6656b7;gap:10px}.splash span{font-size:12px;color:#9494a6}.login-screen{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}.login-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#26223c,#211b36 75%,#44316b);color:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10vw 7vw}.login-visual .logo-mark{height:60px;width:60px;font-size:29px;margin-bottom:43px}.login-visual .eyebrow{color:#bcb0ff}.login-visual h1{font-size:clamp(32px,4vw,58px);line-height:1.12;letter-spacing:-.055em;margin:19px 0}.login-visual p{color:#b6b0cc;max-width:440px;font-size:14px;line-height:1.9}.login-glow{position:absolute;width:500px;height:500px;background:#7860db28;border-radius:100%;filter:blur(60px);bottom:-250px;right:-200px}.login-card{align-self:center;justify-self:center;background:white;border-radius:24px;border:1px solid #ededf5;padding:48px;max-width:460px;width:calc(100% - 44px);box-shadow:0 20px 70px #31295410}.login-card h2{font-size:28px;letter-spacing:-.05em;margin:12px 0 7px}.login-card p{font-size:12px;color:#9092a8;line-height:1.7;margin:0 0 24px}.login-card label{display:block;font-size:11px;font-weight:750;color:#585a71;margin:20px 0}.login-card input{display:block;width:100%;padding:13px 15px;border:1px solid #dfe0ec;border-radius:10px;margin-top:8px;outline:none}.login-card input:focus{border-color:#9484ec;box-shadow:0 0 0 4px #9484ec16}.primary{display:block;width:100%;padding:14px;border:0;background:#1E3A5F;border-radius:11px;color:white;font-weight:750}.primary:hover{background:#5e52c7}.text-link{display:block;text-align:center;font-size:12px;color:#3B82F6;margin:20px auto;text-decoration:none}.login-note{font-size:10px!important;text-align:center;margin:0!important}.error{font-size:12px;color:#b24d65;margin-bottom:12px}.capacity,.chart-card,.server-card,.meter{animation:floatin .45s both}@keyframes floatin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 3px #8277dd10}50%{box-shadow:0 0 0 6px #8277dd1d}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:1260px){.meter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content{padding:26px}.topbar{padding:0 25px}}@media(max-width:930px){.insights,.single-server{grid-template-columns:1fr}.sidebar{width:220px}.server-grid{grid-template-columns:1fr}.collection-grid{grid-template-columns:1fr}.topbar .freshness{display:none}}@media(max-width:680px){.sidebar{position:fixed;left:0;top:0;transform:translateX(-100%);transition:transform .28s;width:260px}.menu-is-open .sidebar{transform:translateX(0)}.mobile-shade{position:fixed;inset:0;background:#16152875;z-index:10;display:block}.topbar{height:65px;padding:0 17px;gap:12px}.mobile-toggle{display:block;border:0;background:#f2f0fc;padding:9px 12px;border-radius:9px;color:#5c53b9}.breadcrumb{margin-right:auto;font-size:10px}.topbar-right{gap:8px}.content{padding:22px 16px}.page-heading{flex-direction:column}.page-heading h1{font-size:25px}.meter-grid{grid-template-columns:1fr 1fr;gap:10px}.meter{min-height:165px;padding:17px}.meter-icon{top:14px;right:12px;font-size:9px}.meter-number{font-size:25px}.meter p{font-size:10px}.chart-card,.capacity{padding:18px}.two-stats{gap:9px}.two-stats>div{padding:12px}.section-header.below{align-items:flex-start;flex-direction:column}.foot{flex-direction:column;gap:12px}.login-screen{grid-template-columns:1fr}.login-visual{padding:34px 26px 28px;min-height:250px}.login-visual h1{font-size:30px}.login-visual .logo-mark{margin-bottom:14px}.login-visual p{font-size:12px}.login-card{margin:20px auto;padding:25px}}

/* Status and motion */
.data-message{background:#f6f4ff;border:1px solid #ddd6fa;color:#5b4d86;padding:14px 18px;border-radius:13px;margin-bottom:18px;line-height:1.5}
.data-message.warning{background:#fff8f3;border-color:#f1ddce;color:#885936}
.empty-chart{min-height:170px;display:grid;place-items:center;text-align:center;color:#817a9c;font-size:13px}
.status-pill.unknown{background:#f1eef8;color:#756b8a}
.status-pill.unknown i{background:#a29aaf;box-shadow:none}
.status-pill.good i{animation:quiet-breath 2.7s ease-in-out infinite}
@keyframes quiet-breath{50%{opacity:.55;transform:scale(.8)}}
.server-meters .meter-track i,.meter-track>div{transition:width .75s cubic-bezier(.2,.8,.3,1)}
.nav-button:focus-visible,.round-btn:focus-visible,.server-more:focus-visible,.primary:focus-visible{outline:3px solid #a99cee;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.server-meters .meter-track i,.meter-track>div{transition:none!important}}

/* v0.2.2 – original compact shell, Knüllingen accents */
:root{color:#17263a;background:#f5f7fb}
.sidebar{width:244px;padding:22px 12px 14px;background:linear-gradient(165deg,#0D1B2A,#001C4A)}
.brand{padding:0 10px 14px}.brand small{font-size:10px;color:#a8bbd4;letter-spacing:.02em}
.logo-mark{background:linear-gradient(135deg,#1E3A5F,#3B82F6);box-shadow:none}
.sidebar-scroll{scrollbar-width:thin;scrollbar-color:#325071 transparent}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#325071;border-radius:10px}
.nav-group-label{margin:19px 12px 6px;color:#849bb7;font-size:9px}.nav-button{padding:10px 12px;margin:1px 0;font-size:12px;color:#c2cee0;border-radius:9px}.nav-button.selected{background:#3B82F627;color:#fff}.nav-button.selected:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;background:#D4AF37;border-radius:4px}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:19px;color:#8bb9ff}.nav-button.selected .nav-icon{color:#D4AF37}
.content{padding:24px 28px}.topbar{height:64px}.breadcrumb{font-size:11px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:27px;letter-spacing:-.035em}.page-heading p:empty,.explanation p:empty{display:none}.page-heading .eyebrow{font-size:10px}.card{border-radius:15px;box-shadow:0 8px 28px #0D1B2A08;border:1px solid #e5eaf2}.meter{min-height:148px;padding:19px}.meter-number{font-size:26px}.meter-grid{gap:13px}.insights{grid-template-columns:1fr;gap:13px;margin-top:14px}.chart-card{padding:20px}.chart{height:158px}.capacity-inline{padding:13px 16px;border-radius:11px;background:#eef4fb;border:1px solid #dfeafa;display:flex;align-items:center;gap:12px;font-size:12px}.capacity-inline strong{flex:none;color:#1E3A5F}.capacity-inline small{color:#65748b;line-height:1.5}.capacity-inline.warn{background:#fff9ed}.section-header.below{margin:20px 0 12px}.section-header h2{font-size:19px}.server-card{padding:19px}.two-stats{margin-top:16px}.server-meters{margin-top:14px}.server-more{margin-top:12px}.status-pill.good{background:#ecf7f2;color:#18764d}.status-pill.off{background:#fff0f0;color:#8F0106}.status-pill.unknown{background:#eef2f7;color:#5e6d83}.round-btn{transition:transform .2s ease,background .2s ease}.round-btn:active,.primary:active,.nav-button:active{transform:scale(.96)}.round-btn[disabled]{opacity:.6;cursor:wait}.spin-icon{display:inline-block;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.freshness .pulse-dot{background:#3B82F6}.small-link,.server-more{background:#edf4ff;color:#245b9a}.foot{font-size:10px}.login-visual{background:linear-gradient(145deg,#0D1B2A,#1E3A5F 85%,#001C4A)}.login-card .primary{background:#1E3A5F}.login-card input:focus{border-color:#3B82F6;box-shadow:0 0 0 3px #3B82F618}
@media(max-width:930px){.sidebar{width:220px}}
@media(max-width:680px){.sidebar{width:244px}.content{padding:18px 14px}.page-heading h1{font-size:24px}.capacity-inline{display:block}.capacity-inline strong{display:block;margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){.spin-icon{animation:none!important}}

/* Unified brand accents */
.nav-sel{background:#D4AF37}.eyebrow.violet{color:#3B82F6}.mode-tag{background:#eaf2fe;border-color:#d7e6fc;color:#1E3A5F}.meter-icon{color:#245b9a;background:#eef5ff}.meter-track div,.meter-track i{background:linear-gradient(90deg,#1E3A5F,#3B82F6)}.two-stats>div{background:#f7fafe;border-color:#e8eff7}.readonly-dot{background:#D4AF37;box-shadow:0 0 0 3px #D4AF3724}.avatar,.top-avatar{background:#1E3A5F}.primary:hover{background:#001C4A}.round-btn:hover{background:#e8f1fd}.status-pill.good i{animation:quiet-breath 2.7s ease-in-out infinite}

/* v0.2.3: compact native theme and truthful monitoring chart */
.app-shell{--skin-bg:#f5f7fc;--skin-card:#ffffff;--skin-text:#122339;--skin-muted:#73809b;--skin-line:#e4eaf3;background:var(--skin-bg);color:var(--skin-text);transition:background-color .28s,color .28s}
.app-shell .main{background:var(--skin-bg);color:var(--skin-text)}
.app-shell .topbar,.app-shell .card{background:var(--skin-card);color:var(--skin-text);border-color:var(--skin-line)}
.app-shell .content,.app-shell .page-heading,.app-shell .section-header{color:var(--skin-text)}
.app-shell .meter p,.app-shell .section-header small,.app-shell .explanation p,.app-shell .details-list span,.app-shell .capacity-inline small{color:var(--skin-muted)}
.theme-toggle{border:1px solid var(--skin-line);background:var(--skin-card);color:var(--skin-text);border-radius:11px;width:37px;height:37px;font-size:19px;display:grid;place-items:center;transition:transform .18s,background .18s}
.theme-toggle:hover{transform:translateY(-2px)}
.app-shell.theme-dark{--skin-bg:#0b1523;--skin-card:#13243a;--skin-text:#edf4ff;--skin-muted:#a4b5ce;--skin-line:#28405b}
.theme-dark .meter-number,.theme-dark .card strong,.theme-dark h1,.theme-dark h2,.theme-dark h3{color:var(--skin-text)}
.theme-dark .two-stats>div,.theme-dark .record,.theme-dark .empty-chart{background:#192e48;border-color:var(--skin-line)}
.theme-dark .two-stats strong,.theme-dark .server-meters strong,.theme-dark .two-stats small{color:var(--skin-text)}
.theme-dark .capacity-inline{background:#192e48;border-color:#28405b}
.theme-dark .capacity-inline strong{color:#c4dcff}
.theme-dark .server-more,.theme-dark .small-link{background:#1c395c;color:#cfe1ff}
.theme-dark .topbar,.theme-dark .sidebar{box-shadow:none}
.theme-dark .status-pill.unknown{background:#31455f;color:#e6eaf1}
.theme-dark .chart{background:#15273e}
.theme-dark .grid-line{stroke:#344b68}
.chart-real{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:stretch;padding:12px 2px 2px;height:180px}
.chart-y-axis{height:145px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;font-size:10px;color:var(--skin-muted)}
.chart-surface{min-width:0;position:relative;height:160px}
.chart-surface svg{height:145px;width:100%;display:block;overflow:visible}
.chart-times{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--skin-muted);margin-top:4px}
.chart .cpu-line,.chart .ram-line{transition:none}
.server-detail h2{font-size:17px}.server-detail{padding:22px}.details-list{display:grid;gap:0;margin:12px 0 14px}
.details-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid var(--skin-line);font-size:12px}.details-list strong{font-size:13px;text-align:right}.details-list small{font-size:10px;color:var(--skin-muted);font-weight:500}
@media(prefers-reduced-motion:reduce){.app-shell,.theme-toggle{transition:none!important}}

.crest-mark{background:transparent!important;border:none!important;overflow:hidden;box-shadow:none!important;padding:0!important}.crest-mark img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;display:block}.brand .crest-mark{width:40px;height:44px;flex:0 0 40px}.login-visual .crest-mark{width:68px;height:68px}.crest-mark img{filter:drop-shadow(0 5px 12px #0002)}

/* v0.2.4: quiet navigation, paired process charts and structured backups */
.sidebar-scroll{scrollbar-width:thin;scrollbar-color:rgba(151,177,216,.24) transparent}
.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-thumb{background:rgba(151,177,216,.22);border-radius:8px}
.nav-button.selected{box-shadow:inset 3px 0 0 #D4AF37!important;outline:none!important;border-color:transparent!important}
.logout-power{display:grid!important;place-items:center;width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.07)!important;color:#c8d8ef!important}
.logout-power:hover{background:rgba(143,1,6,.32)!important;color:white!important}.logout-power svg{width:17px;height:17px}
.duo-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:15px}
.compact-chart{padding:21px;min-width:0}.compact-chart .section-header{margin-bottom:16px;align-items:center}.compact-chart h2{font-size:16px;margin:0}.chart-unit{font-size:11px;color:var(--skin-muted,#7c88a4)}
.mini-chart{height:153px;background:transparent;position:relative}.mini-chart svg{width:100%;height:100%;display:block;overflow:hidden}
.mini-chart .grid-line{stroke:#e7edf5;stroke-width:.55;fill:none}.mini-chart .live-graph{stroke:#3B82F6!important;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.mini-chart .dev-graph{stroke:#D4AF37!important;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.chart-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:var(--skin-muted,#7c88a4);font-size:11px;gap:8px}.graph-legend{display:flex;gap:14px}.graph-legend span{white-space:nowrap}.graph-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.live-key{background:#3B82F6}.dev-key{background:#D4AF37}
.backup-sections{display:grid;gap:14px}.backup-section{padding:0;overflow:hidden}.backup-section header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--skin-line,#e4eaf3)}.backup-section h2{margin:0;font-size:16px}.backup-section header span,.backup-empty{color:var(--skin-muted,#7c88a4);font-size:12px}.backup-empty{padding:23px 20px}.backup-table-wrap{overflow-x:auto}.backup-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.backup-table th{font-size:10px;letter-spacing:.07em;color:var(--skin-muted,#7c88a4);text-transform:uppercase}.backup-table th,.backup-table td{padding:13px 20px;border-bottom:1px solid var(--skin-line,#e4eaf3)}.backup-table td:first-child{font-weight:650;max-width:400px;overflow-wrap:anywhere}.backup-table tr:last-child td{border-bottom:0}
.theme-dark .mini-chart .grid-line{stroke:#2c4762}.theme-dark .backup-section header,.theme-dark .backup-table th,.theme-dark .backup-table td{border-color:var(--skin-line)}
@media(max-width:900px){.duo-charts{grid-template-columns:1fr}}