@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-B2xhLi22.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-CMZtQduZ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-CGAr0uHJ.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CaVNZxsx.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-CFHvXkgd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-C2S99t-D.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--pix-bg: #06152d;--pix-sidebar: #07172f;--pix-panel: #102a50;--pix-deep: #0c213f;--pix-hover: #17355a;--pix-border: #23456b;--pix-border-strong: #2f5a88;--pix-blue: #087cff;--pix-teal: #00ced1;--pix-gradient: linear-gradient(135deg, #087cff 0%, #00ced1 100%);--pix-text: #f1f7ff;--pix-text-muted: #b8cde2;--pix-text-faint: #8fa9c4;--pix-success: #25c89a;--pix-warning: #ffb74d;--pix-danger: #ff6474;--pix-info: #4aa8ff;--pix-unknown: #8fa9c4;--pix-sidebar-width: 264px;--pix-sidebar-collapsed: 76px;--pix-header-height: 72px;--pix-page-padding: 32px;--pix-section-gap: 24px;--pix-card-gap: 16px;--pix-radius-panel: 18px;--pix-radius-control: 12px;--pix-radius-badge: 8px;--pix-font: "Inter Variable", "Inter", "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--pix-fs-h1: 30px;--pix-fs-h2: 23px;--pix-fs-card-title: 18px;--pix-fs-body: 16px;--pix-fs-table: 15px;--pix-fs-meta: 13px;--pix-motion: .18s ease;--pix-focus-ring: 0 0 0 3px rgba(0, 206, 209, .55);--pix-shadow-panel: 0 10px 30px rgba(0, 0, 0, .28)}@media (max-width: 1279px){:root{--pix-page-padding: 24px}}@media (max-width: 767px){:root{--pix-page-padding: 16px;--pix-section-gap: 18px;--pix-fs-h1: 25px;--pix-fs-h2: 20px}}@media (prefers-reduced-motion: reduce){:root{--pix-motion: 0ms linear}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--pix-bg);color:var(--pix-text);font-family:var(--pix-font);font-size:var(--pix-fs-body);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p{margin:0}h1{font-size:var(--pix-fs-h1);font-weight:700;line-height:1.2;letter-spacing:-.01em}h2{font-size:var(--pix-fs-h2);font-weight:650;line-height:1.25}h3{font-size:var(--pix-fs-card-title);font-weight:650;line-height:1.3}a{color:var(--pix-teal)}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:none;box-shadow:var(--pix-focus-ring);border-radius:var(--pix-radius-control)}::selection{background:#00ced159}*{scrollbar-width:thin;scrollbar-color:var(--pix-border-strong) transparent}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:16px;top:-60px;z-index:100;padding:10px 16px;background:var(--pix-blue);color:#fff;border-radius:var(--pix-radius-control);font-weight:600;text-decoration:none;transition:top var(--pix-motion)}.skip-link:focus{top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--pix-border);border-radius:var(--pix-radius-control);background:var(--pix-deep);color:var(--pix-text);font-weight:600;font-size:15px;cursor:pointer;transition:background var(--pix-motion),border-color var(--pix-motion);white-space:nowrap}.btn:hover:not(:disabled){background:var(--pix-hover);border-color:var(--pix-border-strong)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--pix-blue);border-color:transparent;color:#fff}.btn--primary:hover:not(:disabled){background:#2a8dff;border-color:transparent}.btn--ghost{background:transparent;border-color:transparent}.btn--danger{background:#ff647424;border-color:#ff647480;color:#ffd5da}.btn--lg{min-height:52px;font-size:16px;padding:0 22px}.btn__spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:pix-spin .8s linear infinite}@keyframes pix-spin{to{transform:rotate(360deg)}}.panel{display:flex;flex-direction:column;min-width:0;background:linear-gradient(180deg,#102a50eb,#0c213feb);border:1px solid var(--pix-border);border-radius:var(--pix-radius-panel);box-shadow:var(--pix-shadow-panel)}.panel__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 0}.panel__title{font-size:var(--pix-fs-card-title)}.panel__description{margin-top:4px;color:var(--pix-text-muted);font-size:14px}.panel__actions{display:flex;gap:8px;flex-wrap:wrap;max-width:100%}.panel__body{flex:1;padding:16px 20px 20px;min-width:0}.kpi{display:flex;flex-direction:column;gap:6px;min-height:148px;padding:18px 20px;background:linear-gradient(180deg,#102a50f2,#0c213ff2);border:1px solid var(--pix-border);border-radius:var(--pix-radius-panel);position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--kpi-accent, var(--pix-teal));opacity:.85}.kpi--critical{--kpi-accent: var(--pix-danger)}.kpi--warning{--kpi-accent: var(--pix-warning)}.kpi--success{--kpi-accent: var(--pix-success)}.kpi--info{--kpi-accent: var(--pix-blue)}.kpi__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.kpi__label{font-size:15px;font-weight:600;color:var(--pix-text-muted);line-height:1.35}.kpi__icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:#ffffff0d;color:var(--kpi-accent, var(--pix-teal))}.kpi__value{font-size:38px;font-weight:750;line-height:1.1;font-variant-numeric:tabular-nums}.kpi__value--unknown{color:var(--pix-text-faint)}.kpi__value--skeleton{width:96px;height:42px;border-radius:10px;background:linear-gradient(90deg,var(--pix-deep),var(--pix-hover),var(--pix-deep));background-size:200% 100%;animation:pix-shimmer 1.4s ease-in-out infinite}@keyframes pix-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion: reduce){.kpi__value--skeleton,.btn__spinner{animation:none}}.kpi__note{margin-top:auto;font-size:var(--pix-fs-meta);color:var(--pix-text-faint);min-height:1.5em}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:36px 20px;min-height:220px;border:1px dashed var(--pix-border);border-radius:var(--pix-radius-panel);background:#07172f8c}.state--compact{min-height:140px;padding:22px 16px}.state__icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#00ced11a;color:var(--pix-teal);margin-bottom:4px}.state--compact .state__icon{width:44px;height:44px}.state--error .state__icon,.state--offline .state__icon{background:#ff64741f;color:var(--pix-danger)}.state--forbidden .state__icon,.state--not-ready .state__icon{background:#ffb74d1f;color:var(--pix-warning)}.state__title{font-size:18px;font-weight:650}.state__description{max-width:520px;color:var(--pix-text-muted);font-size:15px}.state__detail{font-size:12px;color:var(--pix-text-faint);font-family:ui-monospace,Cascadia Code,Consolas,monospace}.state__action{margin-top:8px}.badge{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:2px 10px;border-radius:var(--pix-radius-badge);font-size:13px;font-weight:650;letter-spacing:.02em;border:1px solid transparent;white-space:nowrap}.badge--critical{background:#ff647426;border-color:#ff647473;color:#ffc2c9}.badge--warning{background:#ffb74d24;border-color:#ffb74d73;color:#ffd9a0}.badge--success{background:#25c89a24;border-color:#25c89a73;color:#a8f0d9}.badge--info{background:#087cff29;border-color:#087cff80;color:#b9dbff}.badge--neutral{background:#b8cde21a;border-color:var(--pix-border);color:var(--pix-text-muted)}.badge--demo{background:repeating-linear-gradient(-45deg,#ffb74d33 0 8px,#ffb74d14 8px 16px);border-color:var(--pix-warning);color:#ffe2b5;text-transform:uppercase}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--pix-card-gap)}@media (min-width: 1280px){.kpi-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 767px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kpi{min-height:124px;padding:14px 14px 14px 18px}.kpi__label{font-size:14px}.kpi__icon{width:34px;height:34px}.kpi__value{font-size:30px}}.stack{display:flex;flex-direction:column;gap:var(--pix-section-gap);min-width:0}.stream{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--pix-border);background:var(--pix-deep);font-size:13px;font-weight:600;white-space:nowrap}.stream__dot{width:9px;height:9px;border-radius:50%;background:var(--pix-unknown)}.stream--ok .stream__dot{background:var(--pix-success)}.stream--warn .stream__dot{background:var(--pix-warning)}.stream--down .stream__dot{background:var(--pix-danger)}.notice{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--pix-radius-control);border:1px solid var(--pix-border);background:var(--pix-deep);font-size:15px}.notice--info{border-color:#087cff80;background:#087cff1a}.notice--warning{border-color:#ffb74d80;background:#ffb74d1a;color:#ffe2b5}.notice--demo{border-color:var(--pix-warning);background:repeating-linear-gradient(-45deg,#ffb74d1f 0 10px,#ffb74d0d 10px 20px);color:#ffe2b5}.notice__grow{flex:1;min-width:200px}.command{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.command__reason{font-size:13px;color:var(--pix-text-muted)}.module-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:var(--pix-section-gap);align-items:start}@media (max-width: 1279px){.module-grid{grid-template-columns:minmax(0,1fr)}}.meter{display:flex;flex-direction:column;gap:4px;min-width:120px}.meter__bar{height:8px;border-radius:4px;background:var(--pix-deep);overflow:hidden}.meter__fill{height:100%;border-radius:4px;background:var(--pix-teal)}.meter__fill--warning{background:var(--pix-warning)}.meter__fill--critical{background:var(--pix-danger)}.meter__text{font-size:13px;color:var(--pix-text-muted)}.fault-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.fault-list__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--pix-border);border-radius:12px;background:#07172f80}.fault-list__title{font-weight:600}.fault-list__meta{font-size:13px;color:var(--pix-text-muted)}.control{display:flex;flex-direction:column;gap:6px;min-width:0}.control__label{font-size:14px;font-weight:600;color:var(--pix-text-muted)}.control__input{width:100%;min-height:46px;padding:0 12px;border-radius:var(--pix-radius-control);border:1px solid var(--pix-border);background:var(--pix-deep);color:var(--pix-text);font-size:15px;color-scheme:dark}.control__input:hover{border-color:var(--pix-border-strong)}.control__input:focus-visible{border-color:var(--pix-teal)}textarea.control__input{min-height:96px;padding:10px 12px;resize:vertical;line-height:1.45}.filter-bar{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr)) auto;gap:14px;align-items:end}@media (max-width: 1279px){.filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 767px){.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}.field__error{color:#ffb3bd;font-size:14px}.form-error{color:#ffc2c9;font-size:14px}.form-ok{display:flex;align-items:center;gap:8px;color:#a8f0d9;font-weight:600}.search{min-width:0}.search__box{position:relative}.search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--pix-text-faint);pointer-events:none}.search__input{padding-left:40px;padding-right:40px}.search__input::-webkit-search-cancel-button{display:none}.search__clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--pix-text-muted);cursor:pointer}.search__clear:hover{background:var(--pix-hover);color:var(--pix-text)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand__symbol{flex:none;height:44px;width:auto;aspect-ratio:328 / 380;object-fit:contain}.brand__text{min-width:0}.brand__wordmark{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 10px;margin:0;font-size:24px;font-weight:800;line-height:1.1;letter-spacing:.02em;color:var(--pix-text)}.brand__x{background:var(--pix-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.brand__module{font-weight:650;letter-spacing:0;color:var(--pix-teal)}.brand__trademark{margin-top:3px;font-size:13px;font-weight:400;letter-spacing:.06em;color:var(--pix-text-muted)}.brand--sm .brand__symbol{height:36px}.brand--sm .brand__wordmark{font-size:20px}.brand--sm .brand__trademark{font-size:12px}.brand--lg .brand__symbol{height:64px}.brand--lg .brand__wordmark{font-size:34px}.brand--lg .brand__trademark{font-size:15px}.brand--symbol-only{justify-content:center}.login{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,520px);min-height:100vh;min-height:100dvh;background:var(--pix-bg);isolation:isolate}.login__hero{position:absolute;inset:0;z-index:-1;overflow:hidden}.login__hero-img{width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.42}.login__hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06152d00,#06152d8c 55%,#06152df0),linear-gradient(0deg,#06152de6,#06152d00 40%)}.login__hero-copy{grid-column:1;align-self:end;padding:0 56px 56px;max-width:760px}.login__tagline{font-size:40px;font-weight:750;line-height:1.15;text-shadow:0 2px 16px rgba(0,0,0,.6)}.login__tagline-sub{margin-top:12px;color:var(--pix-text-muted);font-size:17px;text-shadow:0 1px 8px rgba(0,0,0,.6)}.login__panel{grid-column:2;display:flex;align-items:center;justify-content:center;padding:40px;background:#07172fc7;border-left:1px solid var(--pix-border);backdrop-filter:blur(6px);overflow-y:auto}.login__card{width:100%;max-width:440px;display:flex;flex-direction:column;gap:10px}.login__title{margin-top:28px;font-size:26px}.login__subtitle{color:var(--pix-text-muted)}.login__form{display:flex;flex-direction:column;gap:18px;margin-top:18px}.login__form .btn{margin-top:4px}.login__notice{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding:12px 14px;border-radius:var(--pix-radius-control);border:1px solid var(--pix-border);font-size:15px}.login__notice--info{background:#087cff1a;border-color:#087cff66}.login__notice--warning{background:#ffb74d1a;border-color:#ffb74d73;color:#ffe2b5}.login__notice--error{margin-top:0;background:#ff64741a;border-color:#ff647480;color:#ffd0d6}.login__preview{display:flex;flex-direction:column;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid var(--pix-border);color:var(--pix-text-muted);font-size:15px}.login__preview .btn{align-self:flex-start}.login__footer{margin-top:28px;font-size:13px;color:var(--pix-text-faint)}.field{display:flex;flex-direction:column;gap:8px}.field label{font-weight:600;font-size:15px}.field input{width:100%;min-height:50px;padding:0 14px;border-radius:var(--pix-radius-control);border:1px solid var(--pix-border);background:var(--pix-deep);font-size:16px;transition:border-color var(--pix-motion)}.field input:hover{border-color:var(--pix-border-strong)}.field input:focus-visible{border-color:var(--pix-teal);border-radius:var(--pix-radius-control)}.field input[aria-invalid=true]{border-color:var(--pix-danger)}.field__with-action{position:relative}.field__with-action input{padding-right:52px}.field__action{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:var(--pix-text-muted);cursor:pointer}.field__action:hover{background:var(--pix-hover);color:var(--pix-text)}@media (max-width: 1023px){.login{grid-template-columns:minmax(0,1fr)}.login__hero-img{opacity:.3}.login__hero-shade{background:linear-gradient(0deg,#06152dd9,#06152d8c)}.login__hero-copy{display:none}.login__panel{grid-column:1;background:transparent;border-left:0;backdrop-filter:none;padding:40px 20px}}@media (max-width: 767px){.login__panel{align-items:flex-start;padding:28px 16px 40px}.login__title{margin-top:20px;font-size:22px}.login__card .brand--lg .brand__wordmark{font-size:28px}.login__card .brand--lg .brand__symbol{height:52px}}.shell{display:grid;grid-template-columns:var(--pix-sidebar-width) minmax(0,1fr);height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(1200px 600px at 85% -10%,rgba(8,124,255,.12),transparent 60%),radial-gradient(900px 500px at 20% 110%,rgba(0,206,209,.07),transparent 60%),var(--pix-bg)}.shell--collapsed{grid-template-columns:var(--pix-sidebar-collapsed) minmax(0,1fr)}.shell__main{display:flex;flex-direction:column;min-width:0;min-height:0}.shell__content{flex:1;overflow-y:auto;overflow-x:hidden;padding:28px var(--pix-page-padding) 40px;outline:none}.shell__content>*{max-width:1680px;margin:0 auto}.sidebar{display:flex;flex-direction:column;min-height:0;background:var(--pix-sidebar);border-right:1px solid var(--pix-border);overflow:hidden}.sidebar__brand{display:flex;align-items:center;justify-content:space-between;gap:8px;height:var(--pix-header-height);padding:0 18px;border-bottom:1px solid var(--pix-border);flex:none}.sidebar--collapsed .sidebar__brand{justify-content:center;padding:0 8px}.sidebar--collapsed .brand__text{display:none}.sidebar__close{display:none;border:0;background:transparent;color:var(--pix-text-muted);padding:8px;border-radius:10px;cursor:pointer}.sidebar__nav{flex:1;min-height:0;overflow-y:auto;padding:14px 12px}.sidebar__nav ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.sidebar__link{display:flex;align-items:center;gap:14px;min-height:52px;padding:8px 14px;border-radius:var(--pix-radius-control);color:var(--pix-text-muted);text-decoration:none;font-weight:600;font-size:15px;border:1px solid transparent;transition:background var(--pix-motion),color var(--pix-motion)}.sidebar__link:hover{background:var(--pix-hover);color:var(--pix-text)}.sidebar__link--active{background:linear-gradient(90deg,#087cff47,#00ced11a);border-color:#087cff73;color:var(--pix-text)}.sidebar__link--active .sidebar__icon{color:var(--pix-teal)}.sidebar__icon{flex:none}.sidebar__label{display:flex;flex-direction:column;min-width:0;line-height:1.25}.sidebar__brand-hint{font-size:12px;font-weight:500;color:var(--pix-text-faint);letter-spacing:.02em}.sidebar--collapsed .sidebar__nav{padding:14px 10px}.sidebar--collapsed .sidebar__link{justify-content:center;padding:8px}.sidebar--collapsed .sidebar__label{display:none}.sidebar__footer{flex:none;padding:12px;border-top:1px solid var(--pix-border)}.sidebar__collapse{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 14px;border:0;border-radius:var(--pix-radius-control);background:transparent;color:var(--pix-text-faint);font-size:14px;cursor:pointer}.sidebar__collapse:hover{background:var(--pix-hover);color:var(--pix-text)}.sidebar--collapsed .sidebar__collapse{justify-content:center;padding:0}.topbar{display:flex;align-items:center;gap:16px;height:var(--pix-header-height);padding:0 var(--pix-page-padding);border-bottom:1px solid var(--pix-border);background:#07172fd1;backdrop-filter:blur(8px);flex:none}.topbar__menu{display:none;border:0;background:transparent;color:var(--pix-text);padding:8px;border-radius:10px;cursor:pointer}.topbar__crumbs{display:flex;align-items:center;gap:10px;min-width:0;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__crumb-root{color:var(--pix-text-faint)}.topbar__crumb-sep{color:var(--pix-border-strong)}.topbar__right{display:flex;align-items:center;gap:14px;margin-left:auto;flex:none}.conn{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--pix-border);background:var(--pix-deep);font-size:13px;font-weight:600}.conn__dot{width:9px;height:9px;border-radius:50%;background:var(--pix-unknown)}.conn--ok .conn__dot{background:var(--pix-success);box-shadow:0 0 0 3px #25c89a33}.conn--down .conn__dot{background:var(--pix-danger);box-shadow:0 0 0 3px #ff647433}.conn__time{color:var(--pix-text-faint);font-weight:500}.topbar__user{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px}.topbar__avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--pix-panel);border:1px solid var(--pix-border);color:var(--pix-teal)}.topbar__username{display:flex;flex-direction:column;line-height:1.2}.topbar__role{font-size:12px;font-weight:500;color:var(--pix-text-faint)}.topbar__logout{min-height:40px;padding:0 12px}.preview-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px var(--pix-page-padding);background:#ffb74d1f;border-bottom:1px solid rgba(255,183,77,.4);color:#ffe2b5;font-size:14px;flex:none}@media (max-width: 1279px){.conn__time{display:none}}@media (max-width: 1023px){.shell,.shell--collapsed{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:min(300px,86vw);transform:translate(-100%);transition:transform var(--pix-motion);box-shadow:0 0 40px #00000080}.sidebar--mobile-open{transform:none}.sidebar--collapsed .sidebar__label{display:flex}.sidebar--collapsed .sidebar__link{justify-content:flex-start;padding:8px 14px}.sidebar--collapsed .sidebar__brand{justify-content:space-between;padding:0 18px}.sidebar--collapsed .brand__text{display:block}.sidebar__close,.topbar__menu{display:inline-grid;place-items:center}.sidebar__footer{display:none}.shell__scrim{position:fixed;inset:0;z-index:40;background:#02081499}}@media (max-width: 767px){.topbar{gap:8px}.topbar__crumb-root,.topbar__crumb-sep,.topbar__username,.topbar__logout-text,.conn__label{display:none}.conn{padding:0 10px}.shell__content{padding-top:20px}}.boot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:100vh;min-height:100dvh}.boot__text{color:var(--pix-text-muted)}