:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-primary:#1769e0;--app-primary-hover:#0f57be;--app-navy:#0b1f33;--app-navy-soft:#132c45;--app-bg-page:#f3f6f8;--app-bg-container:#fff;--app-bg-subtle:#f7f9fb;--app-text-primary:#10263b;--app-text-secondary:#56697a;--app-text-tertiary:#8796a5;--app-border:#dce4ea;--app-divider:#e8edf1;--app-success:#16835a;--app-warning:#c47a16;--app-danger:#c43d4d;--app-radius-sm:6px;--app-radius-md:10px;--app-radius-lg:14px;--app-shadow:0 10px 30px #10263b0f;--app-space-sm:8px;--bg:var(--app-bg-page);--surface:var(--app-bg-container);--surface-soft:var(--app-bg-subtle);--text:var(--app-text-primary);--muted:var(--app-text-secondary);--border:var(--app-border);--primary:var(--app-primary);--success:var(--app-success);--warning:var(--app-warning);--danger:var(--app-danger);--primary-strong:var(--app-primary-hover);--primary-soft:#eaf3ff;--danger-soft:#fff1f3;--line:var(--app-divider);--panel-soft:var(--app-bg-subtle);--border-color:var(--app-border);--el-color-primary:var(--app-primary);--el-color-success:var(--app-success);--el-color-warning:var(--app-warning);--el-color-danger:var(--app-danger);--el-border-color:var(--app-border);--el-border-radius-base:var(--app-radius-sm);--el-border-radius-small:5px;--el-bg-color-page:var(--app-bg-page);--el-text-color-primary:var(--app-text-primary);--el-text-color-regular:var(--app-text-secondary);--el-fill-color-light:var(--app-bg-subtle)}*,:before,:after{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}html{background:var(--app-bg-page)}body{min-width:320px;color:var(--app-text-primary);background:var(--app-bg-page);-webkit-font-smoothing:antialiased;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:inherit}:focus-visible{outline-offset:2px;outline:2px solid #67a2ff}.skip-link{z-index:1000;color:#fff;background:var(--app-primary);padding:9px 12px;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}h1,h2,h3{text-wrap:balance}table,.metric-card__value,.summary-strip strong{font-variant-numeric:tabular-nums}.admin-shell{grid-template-columns:258px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .22s;display:grid}.admin-shell--collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar{z-index:30;color:#dbe7f0;background:var(--app-navy);border-right:1px solid #ffffff0f;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.brand-block{color:#fff;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;min-height:78px;padding:18px 20px;text-decoration:none;display:flex}.brand-mark{background:#12375a;border:1px solid #6fb2ff80;flex:0 0 37px;justify-content:center;align-items:flex-end;gap:3px;width:37px;height:37px;padding:8px 7px;display:flex;position:relative}.brand-mark:after{content:"";background:#69d3ae;width:8px;height:2px;position:absolute;bottom:5px;right:-5px}.brand-mark i{background:#78b8ff;width:4px;display:block}.brand-mark i:first-child{height:11px}.brand-mark i:nth-child(2){background:#fff;height:20px}.brand-mark i:nth-child(3){height:15px}.brand-copy{min-width:0}.brand-copy strong,.brand-copy small{white-space:nowrap;display:block}.brand-copy strong{letter-spacing:.08em;font-size:16px}.brand-copy small{color:#8ea9bf;letter-spacing:.16em;margin-top:4px;font-size:11px}.sidebar--collapsed .brand-block{justify-content:center;padding-inline:12px}.sidebar-context{background:#ffffff0b;border-left:2px solid #3c88e8;margin:14px 14px 4px;padding:11px 12px}.sidebar-context span,.sidebar-context strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-context span{color:#7994aa;letter-spacing:.12em;font-size:10px}.sidebar-context strong{color:#fff;margin-top:5px;font-size:13px}.nav-list{scrollbar-width:thin;scrollbar-color:#29465f transparent;flex:1;padding:9px 12px 18px;overflow-y:auto}.nav-domain{gap:3px;margin-top:14px;display:grid}.nav-domain:first-child{margin-top:5px}.nav-domain h2{color:#6f879a;letter-spacing:.14em;margin:0 9px 5px;font-size:10px;font-weight:700}.nav-item{color:#bfd0df;cursor:pointer;text-align:left;background:0 0;border:0;border-left:2px solid #0000;border-radius:3px;align-items:center;gap:11px;width:100%;min-height:38px;padding:0 10px;text-decoration:none;transition:color .16s,background .16s,border-color .16s;display:flex}.nav-item .el-icon{flex:0 0 18px;font-size:17px}.nav-item span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:550;overflow:hidden}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item--active{color:#fff;background:#173b5c;border-left-color:#67a9f4}.sidebar--collapsed .nav-list{padding-inline:8px}.sidebar--collapsed .nav-domain{margin-top:5px}.sidebar--collapsed .nav-item{justify-content:center;padding-inline:0}.sidebar-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:6px;padding:10px 12px 14px;display:flex}.sidebar-collapse-button{color:#90a7ba;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:34px;padding:0 9px;display:inline-flex}.sidebar-collapse-button:hover{color:#fff}.sidebar-build{color:#5e788e;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.sidebar--collapsed .sidebar-footer{justify-content:center}.sidebar-backdrop{display:none}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--app-border);background:#fff;justify-content:space-between;align-items:center;gap:24px;min-height:66px;padding:11px 28px;display:flex}.topbar-heading{align-items:center;gap:12px;min-width:0;display:flex}.workspace-breadcrumb{color:var(--app-text-tertiary);align-items:center;gap:8px;font-size:12px;display:flex}.workspace-breadcrumb i{color:#bdc8d1;font-style:normal}.workspace-breadcrumb strong{color:var(--app-text-primary);font-size:13px}.mobile-menu-button{border:1px solid var(--app-border);border-radius:var(--app-radius-sm);width:38px;height:38px;color:var(--app-text-primary);background:#fff;display:none}.topbar-actions{align-items:center;gap:12px;display:flex}.campus-picker{border:1px solid var(--app-border);border-radius:var(--app-radius-sm);background:#fff;align-items:center;gap:5px;height:42px;padding-left:10px;display:flex}.campus-picker>.el-icon{color:var(--app-primary)}.campus-picker .el-select{width:170px}.campus-picker .el-select__wrapper{min-height:40px;box-shadow:none!important}.account-button{border:1px solid var(--app-border);border-radius:var(--app-radius-sm);min-height:42px;color:var(--app-text-primary);cursor:pointer;background:#fff;align-items:center;gap:9px;padding:4px 9px 4px 5px;display:flex}.account-avatar{color:#fff;background:var(--app-navy-soft);place-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:grid}.account-copy{text-align:left;min-width:80px}.account-copy strong,.account-copy small{display:block}.account-copy strong{font-size:12px}.account-copy small{color:var(--app-text-tertiary);margin-top:2px;font-size:10px}.operations-rail{border-radius:var(--app-radius-md);background:#fff;border:1px solid #d6e0e7;grid-template-columns:minmax(150px,220px) minmax(180px,240px) minmax(220px,1fr);min-height:58px;margin:18px 28px 0;display:grid;overflow:hidden;box-shadow:0 5px 16px #10263b0a}.operations-rail>div{border-right:1px solid var(--app-divider);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-content:center;column-gap:9px;padding:9px 15px;display:grid;position:relative}.operations-rail>div:last-child{border-right:0}.operations-rail strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.operations-rail small{color:var(--app-text-tertiary);grid-column:2;margin-top:2px;font-size:10px}.operations-rail__hint{text-align:right;grid-template-columns:1fr!important}.operations-rail__hint span{color:var(--app-text-tertiary);font-size:10px}.operations-rail__hint strong{margin-top:3px}.status-dot{background:#9ba8b3;border-radius:50%;grid-row:1/3;align-self:center;width:8px;height:8px;box-shadow:0 0 0 4px #9ba8b31f}.status-dot--online,.status-dot--connected{background:var(--app-success);box-shadow:0 0 0 4px #16835a1f}.status-dot--connecting{background:var(--app-warning);animation:1.3s ease-in-out infinite status-pulse;box-shadow:0 0 0 4px #c47a161f}.status-dot--disconnected{background:var(--app-danger);box-shadow:0 0 0 4px #c43d4d1c}.content-panel{min-width:0;padding:24px 28px 40px}.content-panel>*{width:100%;max-width:1760px;margin-inline:auto}.page-stack{gap:18px;display:grid}.page-stack>*{min-width:0}.page-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.page-heading h1,.page-heading h2{color:var(--app-text-primary);letter-spacing:-.025em;margin:2px 0 0;font-size:clamp(22px,2vw,28px);font-weight:720;line-height:1.25}.page-heading p:not(.eyebrow){max-width:720px;color:var(--app-text-secondary);margin:7px 0 0;line-height:1.6}.eyebrow{color:var(--app-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.muted{color:var(--app-text-secondary);line-height:1.55}.button-row,.table-actions,.modal-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.modal-actions{justify-content:flex-end;margin-top:16px}.primary-button,.secondary-button,.text-button,.icon-button,.button-link{cursor:pointer;justify-content:center;align-items:center;gap:5px;font-weight:650;text-decoration:none;transition:border-color .16s,color .16s,background .16s;display:inline-flex}.primary-button,.button-link--primary{border:1px solid var(--app-primary);border-radius:var(--app-radius-sm);color:#fff;background:var(--app-primary);min-height:34px;padding:0 14px}.primary-button:hover,.button-link--primary:hover{background:var(--app-primary-hover);border-color:var(--app-primary-hover)}.secondary-button,.button-link:not(.button-link--primary){border:1px solid var(--app-border);border-radius:var(--app-radius-sm);min-height:34px;color:var(--app-text-primary);background:#fff;padding:0 14px}.text-button{min-height:28px;color:var(--app-primary);background:0 0;border:0;padding:0 4px}.text-button--danger{color:var(--app-danger)}.icon-button{border:1px solid var(--app-border);border-radius:var(--app-radius-sm);width:34px;height:34px;color:var(--app-text-primary);background:#fff;padding:0}.primary-button:disabled,.secondary-button:disabled,.text-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.5}.primary-button--wide{width:100%}.form-stack,.form-grid{gap:16px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .full{grid-column:1/-1}.form-grid>label>span{color:var(--app-text-secondary);margin-bottom:6px;font-size:12px;font-weight:650;display:block}.form-grid :is(.el-input,.el-select,.el-date-editor,.el-time-picker){width:100%}.form-error,.notice--error{border-radius:var(--app-radius-sm);color:var(--app-danger);background:#fff7f8;border:1px solid #f3cbd0;padding:9px 12px}.notice--success{border-radius:var(--app-radius-sm);color:var(--app-success);background:#f4fbf7;border:1px solid #bce4d2;padding:9px 12px}.card,.table-card,.state-card,.summary-strip,.content-panel .el-card{border:1px solid var(--app-border);border-radius:var(--app-radius-md);box-shadow:var(--app-shadow);background:#fff}.card{padding:18px}.card-header{justify-content:space-between;gap:10px;margin-bottom:16px;display:flex}.card-header h3,.card h3{color:var(--app-text-primary);margin:0;font-size:15px}.card-header p,.card p{color:var(--app-text-secondary);margin:5px 0 0;line-height:1.55}.table-card{overflow:auto}.table-card>table{border-collapse:collapse;width:100%;min-width:820px}.table-card>table :is(th,td){border-bottom:1px solid var(--app-divider);text-align:left;vertical-align:middle;padding:12px 16px}.table-card>table tr:last-child td{border-bottom:0}.table-card>table th{color:var(--app-text-secondary);background:var(--app-bg-subtle);letter-spacing:.03em;font-size:11px;font-weight:700}.table-card>table td small{color:var(--app-text-secondary);margin-top:3px;display:block}.table-card__head{border-bottom:1px solid var(--app-divider);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.table-card__head strong,.table-card__head span{display:block}.table-card__head span{color:var(--app-text-secondary);margin-top:4px;font-size:12px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{border:1px solid var(--app-border);border-top:3px solid var(--app-primary);border-radius:var(--app-radius-md);box-shadow:var(--app-shadow);background:#fff;padding:17px 18px 16px;position:relative;overflow:hidden}.metric-card--green{border-top-color:var(--app-success)}.metric-card--amber{border-top-color:var(--app-warning)}.metric-card--red{border-top-color:var(--app-danger)}.metric-card--gray{border-top-color:#758594}.metric-card__label,.metric-card__hint{color:var(--app-text-secondary);font-size:12px}.metric-card__value{color:var(--app-text-primary);margin:9px 0 5px;font-size:30px;font-weight:760;line-height:1.1}.summary-strip{background:var(--app-divider);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:0;display:grid;overflow:hidden}.summary-strip>div{background:#fff;padding:13px 16px}.summary-strip span,.summary-strip strong{display:block}.summary-strip span{color:var(--app-text-secondary);font-size:12px}.summary-strip strong{margin-top:5px;font-size:20px}.summary-strip--four{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-strip--six{grid-template-columns:repeat(6,minmax(0,1fr))}.filter-bar{border:1px solid var(--app-border);border-radius:var(--app-radius-md);background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;padding:14px 16px;display:grid;box-shadow:0 6px 20px #10263b09}.filter-bar--three{grid-template-columns:220px minmax(0,1fr) auto}.filter-bar--compact{grid-template-columns:minmax(220px,360px)}.filter-bar :is(.el-input,.el-select,.el-date-editor,.el-time-picker){width:100%;min-width:0}.filter-bar.el-form--inline{flex-wrap:wrap;align-items:flex-end;gap:0 12px;display:flex}.filter-bar.el-form--inline .el-form-item{margin:0 0 10px}.filter-bar.el-form--inline .el-form-item:not(.filter-actions) :is(.el-input,.el-select,.el-time-picker){width:220px}.filter-bar.el-form--inline .el-form-item:not(.filter-actions) .el-date-editor{width:280px}.filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.pagination-bar{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.state-card{color:var(--app-text-secondary);align-items:center;gap:12px;padding:18px;display:flex}.state-card strong{color:var(--app-text-primary);display:block}.state-card p{margin:4px 0 0;line-height:1.5}.state-card--error{background:#fff8f9;border-color:#efc9ce}.state-mark{width:34px;height:34px;color:var(--app-text-secondary);background:var(--app-bg-subtle);border-radius:50%;flex:0 0 34px;place-items:center;font-weight:800;display:grid}.loader{border:2px solid #d9e3eb;border-top-color:var(--app-primary);border-radius:50%;width:25px;height:25px;animation:.75s linear infinite spin}.status-badge.el-tag{border-radius:4px;min-height:22px;font-weight:650}.page-tabs{margin-bottom:16px}.page-tabs .el-tabs__header{margin-bottom:0}.page-tabs .el-tabs__content{display:none}.route-tabs{border:1px solid var(--app-border);border-radius:var(--app-radius-md);scrollbar-width:thin;background:#fff;gap:4px;padding:4px;display:flex;overflow-x:auto}.route-tabs a{border-radius:var(--app-radius-sm);color:var(--app-text-secondary);flex:none;padding:8px 13px;font-size:12px;font-weight:650;text-decoration:none}.route-tabs a:hover{color:var(--app-primary);background:var(--app-bg-subtle)}.route-tabs .route-tabs__item--active{color:#fff;background:var(--app-primary)}.el-table{--el-table-header-bg-color:var(--app-bg-subtle);--el-table-row-hover-bg-color:#f5f9fd;border-radius:var(--app-radius-md)}.el-table th.el-table__cell{height:44px;color:var(--app-text-secondary);font-size:11px;font-weight:700}.el-table .el-table__cell{height:48px;padding-block:8px}.admin-table .cell strong,.admin-table .cell small{display:block}.admin-table .cell small{color:var(--app-text-secondary);margin-top:3px;font-size:11px;line-height:1.35}.timeline-list{gap:0;display:grid}.timeline-item{border-bottom:1px solid var(--app-divider);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.timeline-item:last-child{border-bottom:0}.timeline-item strong,.timeline-item span{display:block}.timeline-item span{color:var(--app-text-secondary);margin-top:4px;font-size:12px}.el-dialog{border-radius:var(--app-radius-lg);max-height:calc(100vh - 60px)}.el-dialog__body{overscroll-behavior:contain;padding-top:12px}.route-state-page{border:1px solid var(--app-border);border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow);background:#fff;justify-items:start;padding:clamp(28px,6vw,64px);display:grid;max-width:680px!important}.route-state-page__icon{width:54px;height:54px;color:var(--app-primary);background:#edf5ff;place-items:center;margin-bottom:22px;font-size:25px;display:grid}.route-state-page h1{margin:8px 0 10px;font-size:clamp(24px,4vw,38px);line-height:1.2}.route-state-page>p:not(.eyebrow){max-width:560px;color:var(--app-text-secondary);margin:0 0 24px;line-height:1.7}.standalone-state-page{place-items:center;min-height:100vh;padding:24px;display:grid}.route-fade-enter-active,.route-fade-leave-active{transition:opacity .14s,transform .14s}.route-fade-enter-from{opacity:0;transform:translateY(4px)}.route-fade-leave-to{opacity:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes status-pulse{50%{opacity:.45}}@media (width<=1180px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-strip--six{grid-template-columns:repeat(3,minmax(0,1fr))}.operations-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.operations-rail__hint{display:none!important}}@media (width<=820px){.admin-shell,.admin-shell--collapsed{display:block}.sidebar{width:min(286px,100vw - 48px);transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-105%);box-shadow:18px 0 50px #04121f38}.admin-shell--mobile-open .sidebar{transform:translate(0)}.admin-shell--mobile-open .sidebar-backdrop{z-index:25;background:#04121f80;border:0;display:block;position:fixed;inset:0}.sidebar--collapsed .brand-block{justify-content:flex-start;padding-inline:20px}.sidebar--collapsed .brand-copy,.sidebar--collapsed .sidebar-context,.sidebar--collapsed .nav-domain h2,.sidebar--collapsed .nav-item span,.sidebar--collapsed .sidebar-build,.sidebar--collapsed .sidebar-collapse-button span{display:block!important}.sidebar--collapsed .nav-list{padding-inline:12px}.sidebar--collapsed .nav-item{justify-content:flex-start;padding-inline:10px}.sidebar-collapse-button{display:none}.topbar{min-height:68px;padding:12px 16px}.mobile-menu-button{flex:0 0 38px;place-items:center;display:grid}.topbar-heading p{display:none}.campus-picker .el-select{width:128px}.account-copy{display:none}.operations-rail{margin:14px 16px 0}.content-panel{padding:18px 16px 32px}.page-heading{flex-direction:column}.form-grid,.filter-bar,.filter-bar--three,.filter-bar--compact,.summary-strip,.summary-strip--four,.summary-strip--six{grid-template-columns:minmax(0,1fr)}.filter-bar.el-form--inline .el-form-item{width:100%;margin-right:0}.filter-bar.el-form--inline .el-form-item:not(.filter-actions) :is(.el-input,.el-select,.el-date-editor,.el-time-picker){width:100%}.filter-actions{justify-content:flex-start}}@media (width<=560px){.topbar{align-items:flex-start}.workspace-breadcrumb span,.workspace-breadcrumb i{display:none}.workspace-breadcrumb strong{font-size:15px}.topbar-actions{gap:6px}.campus-picker{padding-left:7px}.campus-picker .el-select{width:106px}.operations-rail{grid-template-columns:1fr}.operations-rail>div{border-right:0;border-bottom:1px solid var(--app-divider)}.operations-rail>div:last-child{border-bottom:0}.metric-grid{grid-template-columns:1fr}.pagination-bar{flex-wrap:wrap;justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
