:root{--ui-color-brand: #3968F4;--ui-color-brand-strong: rgba(57, 104, 244, .88);--ui-color-brand-soft: rgba(57, 104, 244, .18);--ui-color-brand-faint: rgba(57, 104, 244, .08);--ui-color-brand-glow: rgba(57, 104, 244, .35);--ui-color-success: #22C55E;--ui-color-warning: #F59E0B;--ui-color-danger: #F56C6C;--ui-color-success-text: #15803D;--ui-color-warning-text: #A16207;--ui-color-danger-text: #DC2626;--ui-canvas: #EEF3FB;--ui-surface-panel: rgba(255, 255, 255, .68);--ui-surface-raised: rgba(255, 255, 255, .88);--ui-surface-muted: rgba(230, 236, 247, .64);--ui-line: rgba(30, 43, 72, .13);--ui-line-active: rgba(57, 104, 244, .38);--ui-text-primary: #111827;--ui-text-secondary: #5B6475;--ui-text-muted: #8A93A5;--ui-overlay: rgba(15, 23, 42, .48);--ui-radius-panel: 18px;--ui-radius-control: 10px;--ui-radius-small: 8px;--ui-shadow-panel: 0 20px 52px rgba(32, 52, 89, .14), 0 4px 14px rgba(57, 104, 244, .05);--ui-shadow-highlight: inset 0 1px 0 rgba(255, 255, 255, .96), inset 0 -1px 0 rgba(57, 104, 244, .06);--ui-space-1: 4px;--ui-space-2: 8px;--ui-space-3: 12px;--ui-space-4: 16px;--ui-space-5: 20px;--ui-space-6: 24px;--ui-space-8: 32px;--ui-space-10: 40px;--ui-focus-ring: 0 0 0 3px rgba(57, 104, 244, .22);--ui-font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", Roboto, sans-serif;--ui-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace}[data-theme=dark]{--ui-canvas: #020307;--ui-surface-panel: rgba(13, 16, 24, .8);--ui-surface-raised: rgba(22, 26, 38, .9);--ui-surface-muted: rgba(255, 255, 255, .035);--ui-line: rgba(255, 255, 255, .095);--ui-line-active: rgba(57, 104, 244, .5);--ui-text-primary: #F5F7FF;--ui-text-secondary: #9BA3B6;--ui-text-muted: #626B7D;--ui-overlay: rgba(0, 0, 0, .7);--ui-color-success-text: #22C55E;--ui-color-warning-text: #F59E0B;--ui-color-danger-text: #F56C6C;--ui-shadow-panel: 0 22px 65px rgba(0, 0, 0, .48);--ui-shadow-highlight: inset 0 1px 0 rgba(255, 255, 255, .075)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--ui-font-family);font-size:14px;line-height:1.6;color:var(--ui-text-primary);background:var(--ui-canvas);-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app-canvas-decor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--ui-line) 1px,transparent 1px),linear-gradient(90deg,var(--ui-line) 1px,transparent 1px);background-size:48px 48px;opacity:.35}.app-canvas-glow{position:fixed;z-index:0;pointer-events:none;border-radius:50%;background:radial-gradient(closest-side,var(--ui-color-brand-faint),transparent)}.app-canvas-glow--a{top:-180px;right:-120px;width:560px;height:560px}.app-canvas-glow--b{bottom:-220px;left:24%;width:640px;height:640px}:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ui-panel{position:relative;overflow:hidden;border:1px solid var(--ui-line);border-radius:var(--ui-radius-panel);background:var(--ui-surface-panel);box-shadow:var(--ui-shadow-highlight),var(--ui-shadow-panel);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}.ui-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-3);padding:var(--ui-space-4) var(--ui-space-6) 0}.ui-panel__title{margin:0;font-size:15px;font-weight:650;line-height:1.4;color:var(--ui-text-primary)}.ui-panel__body{padding:var(--ui-space-4) var(--ui-space-6) var(--ui-space-6)}.app-shell{position:relative;z-index:1;min-height:100vh}.app-sider{position:fixed;top:12px;left:12px;bottom:12px;width:220px;z-index:100;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--ui-line);border-radius:var(--ui-radius-panel);background:#f6f8fc;box-shadow:var(--ui-shadow-highlight),var(--ui-shadow-panel);transition:width .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .app-sider{background:#10141d}.app-shell[data-collapsed=true] .app-sider{width:64px}.app-sider__brand{display:flex;align-items:center;justify-content:center;gap:2px;height:56px;padding:0 var(--ui-space-4);border-bottom:1px solid var(--ui-line);flex:none}.app-sider__brand-logo{display:block;height:26px;width:auto}.app-sider__brand-name{font-size:19px;font-weight:700;line-height:26px;letter-spacing:-.01em;color:var(--ui-color-brand);-webkit-user-select:none;user-select:none}.app-sider__brand-mini{display:none;width:32px;height:32px;flex:none;border-radius:var(--ui-radius-small)}.app-shell[data-collapsed=true] .app-sider__brand-logo,.app-shell[data-collapsed=true] .app-sider__brand-name{display:none}.app-shell[data-collapsed=true] .app-sider__brand-mini{display:block}.app-nav{flex:1;overflow-y:auto;padding:var(--ui-space-3) 0}.app-nav__item{position:relative;display:flex;align-items:center;gap:var(--ui-space-3);height:50px;margin:0 12px;padding:0 var(--ui-space-3);border-radius:14px;color:var(--ui-text-secondary);text-decoration:none;font-size:14px;transition:background-color .18s ease-out,color .18s ease-out}.app-nav__item:hover{color:var(--ui-text-primary);background:var(--ui-surface-muted)}.app-nav__item--active,.app-nav__item--active:hover{color:var(--ui-color-brand);background:linear-gradient(90deg,var(--ui-color-brand-soft),var(--ui-color-brand-faint));box-shadow:inset 0 0 0 1px var(--ui-line-active)}.app-nav__item--active:before{content:"";position:absolute;left:-12px;top:12px;bottom:12px;width:2px;border-radius:2px;background:var(--ui-color-brand)}.app-nav__icon{flex:none;width:20px;text-align:center;font-size:16px}.app-nav__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-shell[data-collapsed=true] .app-nav__label{display:none}.app-shell[data-collapsed=true] .app-nav__item{justify-content:center;padding:0}.app-main{margin-left:244px;min-width:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.app-shell[data-collapsed=true] .app-main{margin-left:88px}.app-topbar{position:sticky;top:0;z-index:90;display:flex;align-items:center;gap:var(--ui-space-3);height:56px;margin:12px 12px 0;padding:0 var(--ui-space-4);border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-surface-panel);box-shadow:var(--ui-shadow-highlight),var(--ui-shadow-panel);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}.app-topbar__title{font-size:15px;font-weight:650;color:var(--ui-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-topbar__spacer{flex:1}.app-topbar__user{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--ui-text-primary);cursor:pointer;padding:var(--ui-space-1) var(--ui-space-2);border:none;border-radius:var(--ui-radius-small);background:transparent;font:inherit}.app-topbar__user:hover{background:var(--ui-surface-muted)}.app-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;border-radius:var(--ui-radius-control);background:transparent;color:var(--ui-text-secondary);cursor:pointer;font-size:16px;transition:background-color .18s ease-out,color .18s ease-out,border-color .18s ease-out}.app-icon-btn:hover{color:var(--ui-text-primary);background:var(--ui-surface-muted)}.app-nav-toggle{display:none}.app-content{margin:12px;min-width:0;display:flex;flex-direction:column;min-height:calc(100vh - 92px)}.app-content>.page{flex:1 0 auto}@media (max-width: 768px){.app-content{min-height:calc(100vh - 76px)}.app-sider{display:none}.app-main,.app-shell[data-collapsed=true] .app-main{margin-left:0}.app-topbar{height:52px;margin:8px 8px 0}.app-content{margin:8px}.app-nav-toggle{display:inline-flex;width:44px;height:44px}.app-topbar__user-name{display:none}.app-icon-btn{width:44px;height:44px}}.page{display:flex;flex-direction:column;gap:var(--ui-space-4)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ui-space-3);flex-wrap:wrap}.page-header__eyebrow{margin:0 0 var(--ui-space-1);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ui-text-muted)}.page-header__title{margin:0;font-size:24px;font-weight:700;line-height:1.25;color:var(--ui-text-primary)}.page-header__desc{margin:var(--ui-space-1) 0 0;font-size:12px;line-height:1.55;color:var(--ui-text-secondary)}.page-header__extra{display:flex;align-items:center;gap:var(--ui-space-2);flex-wrap:wrap}.filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--ui-space-3);align-items:end}.filter-bar__actions{display:flex;gap:var(--ui-space-2);justify-content:flex-end}.form-page{max-width:720px}.device-detail-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr;gap:var(--ui-space-4);align-items:stretch;flex:1 0 auto}.device-detail-basic{grid-column:1 / 5;grid-row:1}.device-detail-commands{grid-column:1 / 5;grid-row:2}.device-detail-latest{grid-column:5 / 13;grid-row:1 / 3}.device-detail-basic>.ui-panel,.device-detail-commands>.ui-panel,.device-detail-latest>.ui-panel{height:100%}.device-detail-latest>.ui-panel{display:flex;flex-direction:column}.device-detail-latest .ui-panel__header{flex:none}.device-detail-latest .ui-panel__body{display:flex;flex-direction:column;flex:1;min-height:0}.device-detail-latest .ui-panel__body>div{flex:1;min-height:0;display:flex;flex-direction:column}.latest-result-panel{display:flex;flex-direction:column;flex:1 1 0;min-height:0}.latest-result-panel .ui-panel__header{flex:none}.latest-result-panel .ui-panel__body{display:flex;flex-direction:column;flex:1;min-height:0}.latest-result-panel .ui-panel__body>div{flex:1;min-height:0;display:flex;flex-direction:column}@media (max-width: 1000px){.device-detail-grid{grid-template-rows:none;align-content:start}.device-detail-basic,.device-detail-latest,.device-detail-commands{grid-column:1 / 13;grid-row:auto}}.status-chip{display:inline-flex;align-items:center;gap:var(--ui-space-2);padding:2px 10px;border-radius:999px;font-size:12px;line-height:20px;border:1px solid var(--ui-line);background:var(--ui-surface-muted);color:var(--ui-text-secondary);white-space:nowrap}.status-chip__dot{width:6px;height:6px;border-radius:50%;flex:none}.status-chip--success{color:var(--ui-color-success-text)}.status-chip--success .status-chip__dot{background:var(--ui-color-success)}.status-chip--warning{color:var(--ui-color-warning-text)}.status-chip--warning .status-chip__dot{background:var(--ui-color-warning)}.status-chip--danger{color:var(--ui-color-danger-text)}.status-chip--danger .status-chip__dot{background:var(--ui-color-danger)}.status-chip--brand{color:var(--ui-color-brand)}.mono .status-chip{margin-left:var(--ui-space-2);vertical-align:middle}.status-chip--brand .status-chip__dot{background:var(--ui-color-brand)}.status-text{font-size:13px;color:var(--ui-text-muted)}.status-text--success{color:var(--ui-color-success-text)}.status-text--warning{color:var(--ui-color-warning-text)}.status-text--danger{color:var(--ui-color-danger-text)}.data-panel__meta{display:flex;align-items:center;gap:var(--ui-space-2);font-size:12px;color:var(--ui-text-muted);margin-bottom:var(--ui-space-2);min-height:20px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--ui-space-2);padding:var(--ui-space-10) var(--ui-space-4);text-align:center}.empty-state__icon{font-size:28px;color:var(--ui-text-muted)}.empty-state__title{font-size:14px;font-weight:650;color:var(--ui-text-primary)}.empty-state__desc{font-size:12px;color:var(--ui-text-secondary);max-width:420px}.empty-state--fill{flex:1;min-height:0;justify-content:center}.code-block{position:relative;border:1px solid var(--ui-line);border-radius:var(--ui-radius-control);background:var(--ui-surface-muted)}.code-block__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-2);padding:var(--ui-space-2) var(--ui-space-3);border-bottom:1px solid var(--ui-line);font-size:12px;color:var(--ui-text-secondary)}.code-block__content{margin:0;padding:var(--ui-space-3);font-family:var(--ui-font-mono);font-size:12px;line-height:1.7;color:var(--ui-text-primary);white-space:pre-wrap;word-break:break-all;max-height:320px;overflow:auto;font-variant-numeric:tabular-nums}.latest-packet-result{flex:1;min-height:0}.latest-packet-result .code-block{display:flex;flex-direction:column;flex:1 1 0;min-height:96px}.latest-packet-result .code-block__toolbar{flex:none}.latest-packet-result .code-block__content{flex:1;min-height:0;max-height:none;overflow:auto}.latest-packet-result .parsed-fields__body{flex:1;min-height:0;overflow:auto}.latest-packet-result .parsed-fields__body thead th{position:sticky;top:0;z-index:1}.latest-packet-result .parsed-fields .code-block__content{white-space:pre}.parsed-fields .ant-table{font-family:var(--ui-font-mono);font-size:12px;font-variant-numeric:tabular-nums}.parsed-fields .ant-table tbody td{word-break:break-all}.parsed-fields .ant-table thead th{background:var(--ui-surface-muted)}.parsed-fields__toolbar-left{display:inline-flex;align-items:center;gap:var(--ui-space-2)}.summary-cards{display:flex;flex-direction:column;gap:var(--ui-space-3)}@media (min-width: 769px){.collection-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:stretch}}.summary-card{border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-surface-muted);padding:var(--ui-space-3) var(--ui-space-4)}.summary-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-2);margin-bottom:var(--ui-space-2)}.summary-card__title{font-size:14px;font-weight:650;color:var(--ui-text-primary);font-family:var(--ui-font-mono);word-break:break-all}.summary-card__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-1) var(--ui-space-3);font-size:12px;color:var(--ui-text-secondary)}.summary-card__meta dt{color:var(--ui-text-muted)}.summary-card__meta dd{margin:0;color:var(--ui-text-primary);word-break:break-all}.summary-card__actions{display:flex;gap:var(--ui-space-2);margin-top:var(--ui-space-2);flex-wrap:wrap}.summary-card__actions .ant-btn{min-height:44px;display:inline-flex;align-items:center;padding:0 12px}.resource-card{display:flex;flex-direction:column;gap:0;min-width:0;height:100%;overflow:hidden;border:1px solid var(--ui-line);border-radius:var(--ui-radius-small);background:linear-gradient(118deg,transparent 52%,var(--ui-color-brand-faint) 100%),var(--ui-surface-panel);box-shadow:var(--ui-shadow-highlight),var(--ui-shadow-panel)}.resource-card__body{position:relative;overflow:hidden;flex:1 1 auto;min-width:0;background:transparent}.resource-card__body:after{content:"";position:absolute;top:0;right:0;width:42%;height:100%;pointer-events:none;background:linear-gradient(115deg,transparent,var(--ui-color-brand-faint));clip-path:polygon(35% 0,100% 0,100% 100%,64% 100%);opacity:.45}.resource-card__brand-bar{position:absolute;top:0;left:var(--ui-space-5);z-index:2;display:block;width:54px;height:2px;border-radius:0 0 2px 2px;background:var(--ui-color-brand);box-shadow:0 0 10px var(--ui-color-brand-glow)}.resource-card__ribbon{--resource-card-status: var(--ui-text-secondary);position:absolute;top:28px;right:0;z-index:3;width:88px;height:28px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding-left:10px;clip-path:polygon(18px 0,100% 0,100% 100%,0 100%);font-size:11px;font-weight:650;letter-spacing:.02em;color:var(--resource-card-status);background:color-mix(in srgb,var(--resource-card-status) 16%,var(--ui-surface-raised))}.resource-card__ribbon--success{--resource-card-status: var(--ui-color-success-text)}.resource-card__ribbon--danger{--resource-card-status: var(--ui-color-danger-text)}.resource-card__ribbon-dot{width:5px;height:5px;flex:none;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.resource-card__content{position:relative;z-index:1;display:grid;grid-template-columns:58px minmax(0,1fr);gap:var(--ui-space-4);min-width:0;min-height:152px;padding:28px var(--ui-space-4) var(--ui-space-4)}.resource-card__graphic{--resource-card-icon: var(--ui-color-brand);position:relative;align-self:start;display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;font-size:20px;color:var(--resource-card-icon)}.resource-card__graphic--brand{--resource-card-icon: var(--ui-color-brand)}.resource-card__graphic--warning{--resource-card-icon: var(--ui-color-warning-text)}.resource-card__graphic--danger{--resource-card-icon: var(--ui-color-danger-text)}.resource-card__graphic--neutral{--resource-card-icon: var(--ui-text-secondary)}.resource-card__graphic:before,.resource-card__graphic:after{content:"";position:absolute;clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%)}.resource-card__graphic:before{top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--resource-card-icon) 38%,transparent)}.resource-card__graphic:after{top:1px;right:1px;bottom:1px;left:1px;background:linear-gradient(155deg,var(--ui-surface-panel),color-mix(in srgb,var(--resource-card-icon) 18%,transparent))}.resource-card__graphic svg{position:relative;z-index:1;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--resource-card-icon) 35%,transparent))}.resource-card__info,.resource-card__heading{display:flex;flex-direction:column;min-width:0}.resource-card__info{gap:var(--ui-space-3)}.resource-card__heading{gap:2px;padding-right:76px}.resource-card--no-ribbon .resource-card__heading{padding-right:0}.resource-card__title{font-family:var(--ui-font-mono);font-size:15px;font-weight:700;line-height:1.35;color:var(--ui-text-primary);word-break:break-all}.resource-card--no-ribbon .resource-card__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal}.resource-card__subtitle{font-size:12px;color:var(--ui-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-card__meta{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-2) var(--ui-space-3)}.resource-card__meta-item{display:flex;flex-direction:column;gap:2px;min-width:0}.resource-card__meta-item--full{grid-column:1 / -1}.resource-card__meta dt{font-size:11px;color:var(--ui-text-muted)}.resource-card__meta dd{margin:0;font-size:12px;color:var(--ui-text-primary);word-break:break-all}.resource-card__meta-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal}.resource-card__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:auto;padding:var(--ui-space-1);background:transparent}.resource-card__action-cell{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:0;background:transparent}.resource-card__action-cell>span{display:flex;align-items:center;justify-content:center;width:100%}.resource-card__action-cell .ant-btn{width:100%;min-width:0;min-height:44px;padding:0 var(--ui-space-2);border:0;border-radius:var(--ui-radius-small);background:transparent;box-shadow:none;text-align:center}.resource-card__action-cell .ant-btn:not(:disabled):hover,.resource-card__action-cell .ant-btn:not(:disabled):focus-visible{background:var(--ui-color-brand-faint)}.resource-card__action-cell .ant-btn>span{white-space:nowrap}@media (max-width: 480px){.resource-card__content{grid-template-columns:50px minmax(0,1fr);gap:var(--ui-space-3);min-height:144px;padding-inline:var(--ui-space-3)}.resource-card__graphic{width:50px;height:50px}.resource-card__heading{padding-right:66px}.resource-card__ribbon{width:78px}.resource-card__actions{gap:0}}.compact-list{display:flex;flex-direction:column;min-width:0}.compact-list__item{display:flex;flex-direction:column;gap:var(--ui-space-1);padding:var(--ui-space-3) 0;border-bottom:1px solid var(--ui-line);min-width:0}.compact-list__item:last-child{border-bottom:none}.compact-list__head{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-2);min-width:0}.compact-list__title{font-size:13px;font-weight:650;color:var(--ui-text-primary);font-family:var(--ui-font-mono);word-break:break-all}.compact-list__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-space-1) var(--ui-space-3);font-size:12px;color:var(--ui-text-secondary)}.compact-list__meta .mono{color:var(--ui-text-primary)}.compact-list__actions{display:flex;gap:var(--ui-space-2);flex-wrap:wrap;margin-top:var(--ui-space-1)}.login-page{position:relative;z-index:1;display:flex;min-height:100vh}.login-stream-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.85}.login-narrative,.login-action{position:relative}.login-narrative{flex:1;display:flex;align-items:center;min-width:0;padding:clamp(48px,7vw,112px);isolation:isolate}.login-narrative:before{content:"";position:absolute;top:7%;right:2%;bottom:7%;left:6%;z-index:-2;border-radius:44px;background:radial-gradient(circle at 76% 22%,var(--ui-color-brand-soft) 0 3px,transparent 4px),radial-gradient(circle at 83% 41%,var(--ui-color-brand-soft) 0 2px,transparent 3px),radial-gradient(circle at 69% 69%,var(--ui-color-brand-soft) 0 3px,transparent 4px),radial-gradient(circle at 91% 73%,var(--ui-color-brand-soft) 0 2px,transparent 3px),linear-gradient(118deg,var(--ui-surface-raised),var(--ui-color-brand-faint));background-size:auto,auto,auto,auto,auto;box-shadow:var(--ui-shadow-highlight),0 28px 80px #3968f414}.login-narrative:after{content:"";position:absolute;top:18%;right:14%;bottom:18%;width:32%;z-index:-1;border:1px dashed var(--ui-line-active);border-left-color:transparent;border-radius:50%;opacity:.35;transform:rotate(-10deg)}.login-narrative__content{position:relative;display:flex;flex-direction:column;gap:var(--ui-space-5);max-width:720px;padding-left:clamp(28px,3vw,48px)}.login-narrative__content:before{content:"";position:absolute;top:2px;bottom:2px;left:0;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--ui-color-brand),var(--ui-color-brand-soft));box-shadow:0 0 18px var(--ui-color-brand-glow)}.login-narrative__slogan{margin:0;max-width:700px;font-size:clamp(40px,4.7vw,72px);font-weight:760;line-height:1.12;letter-spacing:-.045em;color:var(--ui-text-primary)}.login-narrative__brand,.login-narrative__title-line{display:block}.login-narrative__brand{display:flex;align-items:center;gap:clamp(1px,.03em,3px);color:var(--ui-color-brand);text-shadow:0 10px 30px var(--ui-color-brand-soft)}.login-narrative__logo{display:block;flex:none;height:.88em;width:auto}.login-narrative__brand-name{line-height:1;letter-spacing:-.02em}.login-narrative__title-line{white-space:nowrap}.login-narrative__desc{margin:0;max-width:660px;font-size:clamp(15px,1.25vw,18px);line-height:1.85;color:var(--ui-text-secondary)}.login-action{flex:none;width:480px;display:flex;flex-direction:column;justify-content:center;padding:var(--ui-space-10) var(--ui-space-8)}.login-action__form{width:100%;max-width:400px;margin:0 auto}.login-action__logo{display:block;height:36px;width:auto;margin-bottom:var(--ui-space-5)}.login-action__title{margin:0 0 var(--ui-space-1);font-size:24px;font-weight:700;line-height:1.25;color:var(--ui-text-primary)}.login-action__subtitle{margin:0 0 var(--ui-space-6);font-size:12px;color:var(--ui-text-secondary)}.slider-captcha{display:flex;flex-direction:column;gap:var(--ui-space-2)}.slider-captcha__stage{position:relative;width:100%;overflow:hidden;border:1px solid var(--ui-line);border-radius:var(--ui-radius-control);background:var(--ui-surface-muted);-webkit-user-select:none;user-select:none}.slider-captcha__stage--placeholder{display:flex;align-items:center;justify-content:center;gap:var(--ui-space-2);min-height:160px;font-size:12px;color:var(--ui-text-muted)}.slider-captcha__bg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.slider-captcha__piece{position:absolute;display:block;pointer-events:none;will-change:left;-webkit-user-drag:none}.slider-captcha__decoy{position:absolute;display:block;pointer-events:none;filter:brightness(.25) opacity(.35);-webkit-user-drag:none}.slider-captcha__track{position:relative;height:44px;margin-top:var(--ui-space-2);border-radius:var(--ui-radius-control);background:var(--ui-surface-muted);box-shadow:inset 0 0 0 1px var(--ui-line);overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;cursor:pointer;outline:none}.slider-captcha__track:focus-visible{box-shadow:var(--ui-focus-ring)}.slider-captcha__track[aria-disabled=true]{opacity:.6;cursor:not-allowed}.slider-captcha__progress{position:absolute;top:0;bottom:0;left:0;background:linear-gradient(90deg,var(--ui-color-brand-faint),var(--ui-color-brand-soft))}.slider-captcha__trackhint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--ui-text-muted);transition:opacity .15s;pointer-events:none}.slider-captcha__handle{position:absolute;top:3px;bottom:3px;width:56px;display:flex;align-items:center;justify-content:center;border-radius:calc(var(--ui-radius-control) - 3px);background:var(--ui-color-brand);color:#fff;font-size:15px;box-shadow:0 2px 8px var(--ui-color-brand-glow);cursor:grab}.slider-captcha__track.is-dragging .slider-captcha__handle{cursor:grabbing}.slider-captcha__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-2);min-height:24px}.slider-captcha__status{font-size:12px;color:var(--ui-text-secondary)}.slider-captcha__status--error{color:var(--ui-color-danger-text)}.ant-modal.login-captcha-modal{position:absolute;top:50%;right:40px;margin:0;transform:translateY(-50%)}@media (max-width: 900px){.ant-modal.login-captcha-modal{position:relative;top:auto;right:auto;margin:100px auto 0;transform:none}}@media (max-width: 900px){.login-narrative{display:none}.login-action{width:100%;border-left:none;padding:var(--ui-space-8) var(--ui-space-4)}}.dashboard-page{display:flex;flex-direction:column;gap:var(--ui-space-4)}.dashboard-updated{display:inline-flex;align-items:center;gap:var(--ui-space-1);font-size:12px;color:var(--ui-text-muted);white-space:nowrap}.dashboard-panel-context{font-family:var(--ui-font-mono);font-size:10px;letter-spacing:.08em;color:var(--ui-text-muted)}.dashboard-section>.ui-panel{height:100%}.dashboard-section__stale{display:flex;flex-direction:column;gap:var(--ui-space-3)}.dashboard-inline-empty{padding:var(--ui-space-6) var(--ui-space-3);text-align:center;font-size:12px;color:var(--ui-text-secondary)}.dashboard-main-row>.dashboard-section{display:flex;flex-direction:column}.dashboard-main-row>.dashboard-section>.ui-panel{display:flex;flex-direction:column;flex:1;min-height:0}.dashboard-main-row .ui-panel__header{flex:none}.dashboard-main-row .ui-panel__body{display:flex;flex-direction:column;flex:1;min-height:0}.dashboard-main-row .dashboard-issues,.dashboard-main-row .dashboard-section__stale{flex:1}.dashboard-main-row .dashboard-inline-empty{display:flex;align-items:center;justify-content:center;flex:1}.dashboard-health-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ui-space-3) var(--ui-space-6);padding:var(--ui-space-4) var(--ui-space-6);border:1px solid var(--ui-line);border-left-width:3px;border-radius:var(--ui-radius-panel);background:var(--ui-surface-panel);box-shadow:var(--ui-shadow-highlight),var(--ui-shadow-panel);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}.dashboard-health-banner--healthy{border-color:var(--ui-color-success)}.dashboard-health-banner--attention{border-color:var(--ui-color-warning)}.dashboard-health-banner--critical{border-color:var(--ui-color-danger)}.dashboard-health-banner__main{display:flex;align-items:center;gap:var(--ui-space-3);min-width:0;flex:1 1 420px}.dashboard-health-banner__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:999px;font-size:20px;color:var(--ui-text-muted);background:var(--ui-surface-muted)}.dashboard-health-banner--healthy .dashboard-health-banner__icon{color:var(--ui-color-success-text)}.dashboard-health-banner--attention .dashboard-health-banner__icon{color:var(--ui-color-warning-text)}.dashboard-health-banner--critical .dashboard-health-banner__icon{color:var(--ui-color-danger-text)}.dashboard-health-banner__text{display:flex;flex-direction:column;gap:var(--ui-space-1);min-width:0}.dashboard-health-banner__title{display:flex;align-items:center;gap:var(--ui-space-2)}.dashboard-health-banner__label{font-size:11px;color:var(--ui-text-muted)}.dashboard-health-banner__text p{margin:0;font-size:13px;line-height:1.55;color:var(--ui-text-secondary)}.dashboard-health-banner__meta{display:flex;flex-wrap:wrap;gap:var(--ui-space-4);margin:0}.dashboard-health-banner__meta>div{display:flex;flex-direction:column;gap:2px}.dashboard-health-banner__meta dt{font-size:11px;color:var(--ui-text-muted)}.dashboard-health-banner__meta dd{margin:0;font-family:var(--ui-font-mono);font-size:12px;color:var(--ui-text-primary);font-variant-numeric:tabular-nums}.dashboard-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--ui-space-4)}.dashboard-kpi-card{min-width:0;padding:var(--ui-space-4);border:1px solid var(--ui-line);border-radius:var(--ui-radius-panel);background:var(--ui-surface-panel);box-shadow:var(--ui-shadow-highlight),var(--ui-shadow-panel);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}.dashboard-kpi-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-2);font-size:13px;font-weight:650;color:var(--ui-text-primary)}.dashboard-kpi-card__icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--ui-radius-small);color:var(--ui-color-brand);background:var(--ui-color-brand-faint)}.dashboard-kpi-card__value{margin-top:var(--ui-space-3);font-family:var(--ui-font-mono);font-size:clamp(25px,2.2vw,34px);font-weight:700;line-height:1.1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--ui-text-primary)}.dashboard-kpi-card__value small{margin-left:var(--ui-space-2);font-size:.42em;font-weight:600;letter-spacing:0;color:var(--ui-text-secondary)}.dashboard-kpi-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-2);margin-top:var(--ui-space-3)}.dashboard-kpi-card__direction{font-size:12px;color:var(--ui-text-secondary);white-space:nowrap}.dashboard-kpi-card__direction--up{color:var(--ui-color-success-text)}.dashboard-kpi-card__direction--down{color:var(--ui-color-danger-text)}.dashboard-kpi-card p{margin:var(--ui-space-2) 0 0;font-size:12px;line-height:1.55;color:var(--ui-text-secondary)}.dashboard-chain{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--ui-space-2)}.dashboard-chain__stage{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--ui-space-2);min-width:0;padding:var(--ui-space-3);border:1px solid var(--ui-line);border-radius:var(--ui-radius-control);background:var(--ui-surface-muted)}.dashboard-chain__stage:not(:last-child):after{content:"";position:absolute;top:50%;right:calc(var(--ui-space-2) * -1);width:var(--ui-space-2);height:1px;background:var(--ui-line-active)}.dashboard-chain__stage--attention{border-color:var(--ui-color-warning)}.dashboard-chain__stage--critical{border-color:var(--ui-color-danger)}.dashboard-chain__stage strong{font-size:14px;color:var(--ui-text-primary)}.dashboard-chain__stage p{margin:0;font-size:12px;line-height:1.5;color:var(--ui-text-secondary);word-break:break-word}.dashboard-main-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--ui-space-4);align-items:stretch}.trend-chart{display:flex;flex-direction:column;gap:var(--ui-space-3)}.trend-chart__controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--ui-space-3)}.trend-chart__segments{display:flex;flex-wrap:wrap;gap:var(--ui-space-2)}.trend-chart__plot{display:grid;grid-template-columns:52px minmax(0,1fr);gap:var(--ui-space-2);align-items:stretch}.trend-chart__y-axis{display:flex;flex-direction:column;justify-content:space-between;height:220px;padding:8px 0;font-family:var(--ui-font-mono);font-size:10px;text-align:right;color:var(--ui-text-muted);font-variant-numeric:tabular-nums}.trend-chart__canvas{position:relative;height:220px;min-width:0}.trend-chart__canvas svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.trend-chart__grid{stroke:var(--ui-line);stroke-width:1;vector-effect:non-scaling-stroke}.trend-chart__line{fill:none;stroke:var(--ui-color-brand);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.trend-chart__hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--ui-text-muted);pointer-events:none}.trend-chart__x-axis{display:flex;justify-content:space-between;margin-left:60px;font-family:var(--ui-font-mono);font-size:10px;color:var(--ui-text-muted)}.trend-chart__caption{margin:0;font-size:12px;color:var(--ui-text-muted)}.trend-chart__empty{padding:var(--ui-space-8) var(--ui-space-4)}.dashboard-issues{display:flex;flex-direction:column;gap:var(--ui-space-3);margin:0;padding:0;list-style:none}.dashboard-issues__empty{padding:var(--ui-space-8) var(--ui-space-4)}.dashboard-issue{padding:var(--ui-space-4);border:1px solid var(--ui-line);border-left-width:3px;border-left-color:var(--ui-line-active);border-radius:var(--ui-radius-control);background:var(--ui-surface-muted)}.dashboard-issue--critical{border-left-color:var(--ui-color-danger)}.dashboard-issue--attention{border-left-color:var(--ui-color-warning)}.dashboard-issue--healthy{border-left-color:var(--ui-color-success)}.dashboard-issue__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-space-2)}.dashboard-issue__head strong{font-size:14px;color:var(--ui-text-primary)}.dashboard-issue__category{font-size:11px;color:var(--ui-text-muted)}.dashboard-issue__direction{margin-left:auto;font-size:12px;font-weight:600}.dashboard-issue__direction--worsening{color:var(--ui-color-danger-text)}.dashboard-issue__direction--recovering{color:var(--ui-color-success-text)}.dashboard-issue__direction--stable,.dashboard-issue__direction--unknown{color:var(--ui-text-secondary)}.dashboard-issue__summary{margin:var(--ui-space-2) 0 0;font-size:12px;line-height:1.6;color:var(--ui-text-secondary)}.dashboard-issue__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-space-2) var(--ui-space-4);margin-top:var(--ui-space-2);font-family:var(--ui-font-mono);font-size:11px;color:var(--ui-text-muted)}.dashboard-issue__link{margin-left:auto;font-family:var(--ui-font-family);font-size:12px}.product-matrix{display:flex;flex-direction:column}.product-matrix__head,.product-matrix__row{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(100px,.8fr) minmax(110px,.9fr) minmax(110px,.9fr) minmax(110px,.8fr) 24px;gap:var(--ui-space-3);align-items:center;padding:var(--ui-space-2) var(--ui-space-3)}.product-matrix__head{font-size:11px;color:var(--ui-text-muted);border-bottom:1px solid var(--ui-line)}.product-matrix__row{min-width:0;border-radius:var(--ui-radius-control)}.product-matrix__row:hover{background:var(--ui-surface-muted)}.product-matrix__cell{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:12px;color:var(--ui-text-secondary)}.product-matrix__cell--product strong{font-size:13px;color:var(--ui-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-matrix__cell small{font-family:var(--ui-font-mono);font-size:10px;color:var(--ui-text-muted)}.product-matrix__cell--mono{display:block;font-family:var(--ui-font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.product-matrix__count-link{color:var(--ui-color-brand)}.product-matrix__count-link:hover{color:var(--ui-color-brand-strong)}.product-matrix__row-action{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--ui-radius-small);color:var(--ui-text-muted)}.product-matrix__row-action:hover{color:var(--ui-color-brand);background:var(--ui-surface-muted)}.product-matrix__row-action:hover .product-matrix__arrow{color:var(--ui-color-brand)}.product-matrix__direction--worsening{color:var(--ui-color-danger-text)}.product-matrix__direction--recovering{color:var(--ui-color-success-text)}.product-matrix__direction--stable,.product-matrix__direction--unknown,.product-matrix__direction--missing,.product-matrix__arrow{color:var(--ui-text-muted)}@media (max-width: 1199px){.dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-kpis>:last-child:nth-child(odd){grid-column:span 2}.dashboard-chain{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-chain__stage:nth-child(3n):after{content:none}.dashboard-main-row{grid-template-columns:1fr}.dashboard-main-row>.dashboard-section>.ui-panel,.dashboard-main-row .ui-panel__body,.dashboard-main-row .ui-panel__body>*{flex:none}}@media (max-width: 768px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-kpis>:last-child:nth-child(odd){grid-column:span 2}.dashboard-chain{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-chain__stage:nth-child(2n):after{content:none}.dashboard-kpi-card,.dashboard-health-banner{padding:var(--ui-space-3)}.product-matrix__head{display:none}.product-matrix__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-2) var(--ui-space-4);margin-bottom:var(--ui-space-2);padding:var(--ui-space-3);border:1px solid var(--ui-line)}.product-matrix__cell:before{content:attr(data-label);display:block;font-size:11px;color:var(--ui-text-muted)}.product-matrix__cell--product{grid-column:1 / -1}}.latest-datetime-warnings{margin:0;padding-left:var(--ui-space-5);display:grid;gap:var(--ui-space-1)}.latest-datetime-warnings li{font-size:12px;line-height:1.6}.text-secondary{color:var(--ui-text-secondary)}.text-muted{color:var(--ui-text-muted)}.text-danger{color:var(--ui-color-danger-text)}.mono{font-family:var(--ui-font-mono);font-variant-numeric:tabular-nums}.stack{display:flex;flex-direction:column;gap:var(--ui-space-3)}.row{display:flex;align-items:center;gap:var(--ui-space-2);flex-wrap:wrap}.ant-table-wrapper .ant-table{background:transparent}.ant-table-wrapper .ant-table-thead>tr>th{background:var(--ui-surface-muted);color:var(--ui-text-secondary);font-weight:650;border-bottom:1px solid var(--ui-line)}.ant-table-wrapper .ant-table-tbody>tr>td{border-bottom:1px solid var(--ui-line)}.ant-table-wrapper .ant-table-tbody>tr:hover>td{background:var(--ui-color-brand-faint)}.ant-drawer .ant-drawer-content,.ant-modal .ant-modal-content{background:var(--ui-surface-raised);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);border:1px solid var(--ui-line);color:var(--ui-text-primary)}.ant-drawer .ant-drawer-header,.ant-modal .ant-modal-header{background:transparent;border-bottom:1px solid var(--ui-line)}.ant-drawer .ant-drawer-title,.ant-modal .ant-modal-title{color:var(--ui-text-primary)}.ant-popover .ant-popover-inner,.ant-dropdown .ant-dropdown-menu,.ant-select-dropdown,.ant-picker-dropdown .ant-picker-panel-container{background:var(--ui-surface-raised);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);border:1px solid var(--ui-line)}.ant-popconfirm .ant-btn-dangerous:not(:hover):not(:focus-visible){color:var(--ui-text-secondary);border-color:var(--ui-line);background:transparent}.ant-descriptions .ant-descriptions-item-label{color:var(--ui-text-muted)}.ant-alert{border-radius:var(--ui-radius-control)}.ant-skeleton .ant-skeleton-content .ant-skeleton-title,.ant-skeleton .ant-skeleton-content .ant-skeleton-paragraph>li{background:var(--ui-surface-muted)}.ant-empty .ant-empty-description{color:var(--ui-text-secondary)}.ant-pagination .ant-pagination-item-active{border-color:var(--ui-color-brand)}.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--ui-color-brand)}.compact-list__actions .ant-btn{min-height:44px;display:inline-flex;align-items:center;padding:0 12px}.ant-segmented{background:var(--ui-surface-muted);color:var(--ui-text-secondary)}.ant-segmented .ant-segmented-item-selected{background:var(--ui-surface-raised);color:var(--ui-text-primary)}.ant-btn:focus-visible,.ant-input:focus-visible,.ant-input-affix-wrapper:focus-visible,.ant-select .ant-select-selector:focus-visible,.ant-select-focused .ant-select-selector,.ant-input-number:focus-visible,.ant-input-number-focused,.ant-radio-wrapper:focus-visible .ant-radio,.ant-switch:focus-visible{box-shadow:var(--ui-focus-ring)!important}