:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#13211e;--ink-secondary:#35443f;--muted:#70807a;--muted-light:#96a39f;--line:#dde6e2;--line-soft:#eaf0ed;--border:var(--line);--surface:#fff;--surface-soft:#f7faf8;--canvas:#f2f6f4;--primary:#087a63;--primary-hover:#076c58;--primary-dark:#075244;--primary-soft:#e7f5f0;--primary-soft-strong:#d3ede4;--sidebar:#0d3029;--sidebar-deep:#09251f;--sidebar-text:#bdd4cc;--accent:#d99a35;--amber:#a96810;--amber-soft:#fff4dc;--danger:#b43d3a;--danger-soft:#fcebea;--radius-sm:10px;--radius:16px;--radius-lg:22px;--shadow-sm:0 2px 8px #132c250a;--shadow:0 16px 40px #132c2517;--shadow-lg:0 30px 80px #072b222e;--el-color-primary:#087a63;--el-color-primary-light-3:#50a58f;--el-color-primary-light-5:#84c1b1;--el-color-primary-light-7:#b6ddd2;--el-color-primary-light-8:#d0eae3;--el-color-primary-light-9:#e8f5f1;--el-color-primary-dark-2:#065f4e;--el-color-success:#238464;--el-color-warning:#b87919;--el-color-danger:#b43d3a;--el-color-info:#687a74;--el-border-radius-base:10px;--el-border-radius-small:8px;--el-border-radius-round:999px;--el-font-family:Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--el-text-color-primary:#13211e;--el-text-color-regular:#43534e;--el-text-color-secondary:#70807a;--el-border-color:#dde6e2;--el-border-color-light:#e6edea;--el-border-color-lighter:#edf2ef;--el-fill-color-light:#f5f8f7;--el-fill-color-lighter:#f8faf9;--el-bg-color-page:#f2f6f4;--el-box-shadow-light:var(--shadow);--el-box-shadow-lighter:var(--shadow-sm)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}html{background:var(--canvas)}body{min-width:320px;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font:14px/1.6 Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}::selection{color:var(--primary-dark);background:var(--primary-soft-strong)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#b9c8c2 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-track{background:0 0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.admin-shell{background:radial-gradient(circle at 92% -6%, #70c7ac1a, transparent 28%), var(--canvas);min-height:100vh;display:flex}body.mobile-menu-open{overflow:hidden}.sidebar{z-index:20;color:#eaf6f2;background:radial-gradient(circle at 15% 2%, #57c4a138, transparent 28%), linear-gradient(165deg, var(--sidebar) 0%, var(--sidebar-deep) 100%);border-right:1px solid #ffffff12;flex-direction:column;width:256px;padding:18px 14px 16px;transition:width .25s,padding .25s,transform .25s;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden;box-shadow:12px 0 36px #08251f1a}.sidebar:after{content:"";pointer-events:none;border:1px solid #95e1ca14;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-110px;right:-85px;box-shadow:0 0 0 38px #95e1ca06,0 0 0 76px #95e1ca05}.sidebar.collapsed{width:80px;padding-inline:12px}.brand{z-index:1;border-bottom:1px solid #ffffff14;align-items:center;gap:12px;min-height:66px;padding:4px 8px 17px;display:flex;position:relative;overflow:hidden}.brand-mark{color:#07382e;letter-spacing:-.04em;background:linear-gradient(145deg,#b4f1dd,#62cfad);border:1px solid #ffffff57;border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:850;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 22px #0003,inset 0 1px #ffffff8c}.brand-mark:after{content:"";background:#ffffff40;border-radius:50%;width:52px;height:30px;position:absolute;top:-18px;left:-8px;transform:rotate(-20deg)}.brand-copy,.user-copy{white-space:nowrap;min-width:0}.brand strong,.brand small,.sidebar-user strong,.sidebar-user small{display:block}.brand strong{color:#fff;letter-spacing:.02em;font-size:16px}.brand small,.sidebar-user small{color:#99b9af;font-size:11px}.sidebar nav{flex:1;gap:5px;display:grid}.sidebar nav a{color:var(--sidebar-text);border-radius:10px;align-items:center;gap:11px;padding:11px 12px;display:flex}.sidebar nav a:hover,.sidebar nav a.router-link-exact-active{color:#fff;background:#ffffff1a}.nav-dot{border:2px solid;border-radius:50%;width:8px;height:8px}.sidebar-user{z-index:1;border-top:1px solid #ffffff17;grid-template-columns:38px 1fr 30px;align-items:center;gap:9px;min-height:61px;margin-top:10px;padding:13px 7px 0;display:grid;position:relative;overflow:hidden}.sidebar-user strong{color:#f5fbf9;text-overflow:ellipsis;font-size:13px;overflow:hidden}.sidebar.collapsed .sidebar-user{justify-content:center;padding-inline:0;display:flex}.sidebar.collapsed .brand{padding-inline:7px}.sidebar.collapsed .brand-copy,.sidebar.collapsed .user-copy,.sidebar.collapsed .sidebar-user .el-button{display:none}.avatar{color:#153d35;background:#c8ebe0;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.workspace{width:calc(100% - 256px);min-width:0;margin-left:256px;transition:width .25s,margin-left .25s}.workspace.expanded{width:calc(100% - 80px);margin-left:80px}.topbar{z-index:12;-webkit-backdrop-filter:blur(16px)saturate(130%);backdrop-filter:blur(16px)saturate(130%);background:#fafcfbdb;border-bottom:1px solid #d6e2ddd9;align-items:center;gap:14px;height:78px;padding:12px 30px;display:flex;position:sticky;top:0;box-shadow:0 8px 24px #112f2706}.topbar-title{flex:1;min-width:0}.topbar h1{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:1px 0 0;font-size:20px;font-weight:700;line-height:1.25;overflow:hidden}.eyebrow{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:700}.top-actions,.actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.topbar-date{color:var(--muted);border-right:1px solid var(--line);white-space:nowrap;align-items:center;gap:7px;margin-right:4px;padding-right:14px;font-size:12px;display:inline-flex}.topbar-date:before{content:"";background:#35a77f;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #35a77f1f}.workspace>.el-main{width:100%;max-width:1540px;margin:0 auto;padding:30px 32px 52px;overflow:visible}.page-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.page-head h2{letter-spacing:-.035em;margin-bottom:4px;font-size:clamp(22px,2vw,28px);font-weight:720;line-height:1.3}.page-kicker{color:var(--primary);letter-spacing:.14em;align-items:center;gap:7px;margin-bottom:7px;font-size:10px;font-weight:750;display:inline-flex}.page-kicker:before{background:var(--primary);content:"";border-radius:999px;width:16px;height:2px}.page-head p{max-width:760px;color:var(--muted);margin:5px 0 0;font-size:14px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);padding:20px;transition:border-color .2s,box-shadow .2s}.panel:hover{border-color:#d3dfda;box-shadow:0 8px 26px #14342c0e}.panel+.panel{margin-top:18px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-head h2{letter-spacing:-.015em;margin:0;font-size:17px;font-weight:700}.panel-caption{color:var(--muted);margin:3px 0 0;font-size:12px}.metrics{grid-template-columns:repeat(5,minmax(132px,1fr));gap:15px;margin-bottom:19px;display:grid}.metric{isolation:isolate;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:132px;box-shadow:var(--shadow-sm);padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.metric:before{z-index:-1;background:var(--metric-glow,#087a6314);content:"";border-radius:50%;width:112px;height:112px;position:absolute;top:-44px;right:-38px}.metric:hover{border-color:#cddbd6;transform:translateY(-2px);box-shadow:0 14px 34px #11342b14}.metric span{color:var(--muted);font-size:12px}.metric strong{margin-top:8px;font-size:28px;line-height:1.2;display:block}.metric-layout{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.metric-icon{width:38px;height:38px;color:var(--metric-color,var(--primary));background:var(--metric-soft,var(--primary-soft));border-radius:11px;flex:0 0 38px;place-items:center;font-size:18px;display:grid}.metric-note{color:var(--muted);align-items:center;gap:6px;margin-top:13px;font-size:11px;display:flex}.metric-note:before{background:var(--metric-color,var(--primary));content:"";border-radius:50%;width:5px;height:5px}.metric.teal{--metric-color:#087a63;--metric-soft:#e7f5f0;--metric-glow:#087a6317}.metric.blue{--metric-color:#3977b7;--metric-soft:#eaf2fb;--metric-glow:#3977b717}.metric.amber{--metric-color:#aa711d;--metric-soft:#fff4df;--metric-glow:#ba7a1c1a}.metric.violet{--metric-color:#7159a7;--metric-soft:#f0ecfa;--metric-glow:#7159a717}.metric.rose{--metric-color:#ad575e;--metric-soft:#faecee;--metric-glow:#ad575e17}.client-cell{align-items:center;gap:11px;display:flex}.client-cell>span:last-child,.client-cell strong,.client-cell small{display:block}.client-cell strong{color:var(--ink);font-weight:680}.client-cell small{color:var(--muted);margin-top:1px;font-size:11px}.client-monogram{width:34px;height:34px;color:var(--primary-dark);background:linear-gradient(145deg,#edf9f5,#dff1eb);border:1px solid #d4e9e2;border-radius:10px;flex:0 0 34px;place-items:center;font-size:13px;font-weight:750;display:grid!important}.button{border:1px solid #0000;border-radius:10px;min-height:40px;padding:8px 15px;font-weight:650;transition:all .2s}.button:disabled{opacity:.5;cursor:not-allowed}.button.primary{color:#fff;background:var(--primary);box-shadow:0 7px 18px #087a632e}.button.primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.button.secondary{color:var(--ink);border-color:var(--line);background:#fff}.button.ghost{color:var(--muted);background:0 0}.button.danger{color:var(--danger);background:#fff;border-color:#ecc3c1}.icon-button{width:34px;height:34px;color:inherit;background:0 0;border:0;border-radius:9px;place-items:center;padding:0;display:grid}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.filters .field{min-width:180px;margin:0}.field{gap:6px;margin-bottom:14px;display:grid}.field label{font-size:13px;font-weight:650}.field input,.field select,.field textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cfd9d5;border-radius:10px;outline:none;padding:10px 11px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.field textarea{resize:vertical;min-height:110px}.form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.span-2{grid-column:1/-1}.table-wrap{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th,td{border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:middle;padding:13px 11px}th{color:var(--muted);font-size:12px;font-weight:650}td.wrap{white-space:normal;min-width:260px;max-width:440px}.badge{color:var(--primary);background:var(--primary-soft);border-radius:999px;align-items:center;padding:3px 8px;font-size:12px;display:inline-flex}.badge.warning{color:var(--amber);background:var(--amber-soft)}.badge.danger{color:var(--danger);background:var(--danger-soft)}.badge.neutral{color:#596461;background:#edf1ef}.state-panel{min-height:190px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:12px;display:grid}.error-state{color:var(--danger)}.spinner{border:3px solid #d9e8e3;border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#06191585;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:min(620px,100%);max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;border-radius:18px;overflow:auto}.modal>header,.modal footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal h2{margin:0;font-size:18px}.modal-body{padding:22px}.modal footer{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end}.toast-stack{z-index:80;gap:8px;display:grid;position:fixed;top:18px;right:18px}.toast{color:#fff;max-width:380px;box-shadow:var(--shadow);text-align:left;background:#314a44;border:0;border-radius:11px;padding:12px 16px}.toast.success{background:var(--primary)}.toast.error{background:var(--danger)}.toast.warning{background:var(--amber)}.login-page{background:var(--sidebar-deep);grid-template-columns:minmax(480px,1.12fr) minmax(440px,.88fr);min-height:100vh;display:grid;overflow:hidden}.login-story{isolation:isolate;color:#fff;background:radial-gradient(circle at 18% 20%,#4bb99657,#0000 34%),linear-gradient(145deg,#103b32 0%,#09271f 78%);align-content:center;padding:clamp(60px,8vw,132px);display:grid;position:relative;overflow:hidden}.login-story:before,.login-story:after{z-index:-1;content:"";border:1px solid #97e6cd1f;border-radius:50%;position:absolute}.login-story:before{width:520px;height:520px;bottom:-230px;right:-190px;box-shadow:0 0 0 75px #97e6cd08,0 0 0 150px #97e6cd05}.login-story:after{background:#71d7b709;width:180px;height:180px;top:-70px;left:-55px}.login-brand{align-items:center;gap:12px;display:flex;position:absolute;top:clamp(28px,4vw,58px);left:clamp(32px,8vw,132px)}.login-brand-copy strong,.login-brand-copy small{display:block}.login-brand-copy strong{font-size:15px}.login-brand-copy small{color:#9fc0b6;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.login-story-content{z-index:1;position:relative}.login-story .eyebrow{color:#8fdbc3;align-items:center;gap:9px;display:inline-flex}.login-story .eyebrow:before{content:"";background:currentColor;width:24px;height:1px}.login-story h1{letter-spacing:-.055em;max-width:650px;margin:20px 0 22px;font-size:clamp(42px,5vw,76px);font-weight:730;line-height:1.08}.login-story p{color:#b9d2ca;max-width:580px;font-size:16px;line-height:1.85}.login-features{flex-wrap:wrap;gap:10px;margin-top:36px;display:flex}.login-feature{color:#d9ebe5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0e;border:1px solid #cdede324;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.login-feature:before{content:"";background:#72d8b8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #72d8b81f}.login-card-wrap{box-sizing:border-box;background:radial-gradient(circle at 100% 0,#8bcfba21,#0000 28%),#f4f7f5;place-items:center;width:100%;min-width:0;padding:clamp(30px,5vw,76px);display:grid}.login-panel{width:100%;max-width:440px}.login-card{box-sizing:border-box;border-radius:var(--radius-lg);background:#fffffff5;border:1px solid #d5e1dceb;width:100%;min-width:0;max-width:440px;padding:36px;box-shadow:0 24px 65px #12362c1f}.login-card-kicker{color:var(--primary);letter-spacing:.08em;align-items:center;gap:7px;margin-bottom:17px;font-size:11px;font-weight:700;display:inline-flex}.login-card-brand{align-items:center;gap:11px;margin-bottom:28px;display:none}.login-card-kicker:before{background:var(--primary);content:"";border-radius:2px;width:7px;height:7px;transform:rotate(45deg)}.login-card h2{letter-spacing:-.035em;margin-bottom:7px;font-size:29px;font-weight:730}.login-card>p{color:var(--muted);margin-bottom:29px}.login-card .button{width:100%;margin-top:5px}.login-footnote{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin:18px 0 0;font-size:11px;display:flex}.login-footnote:before{content:"";background:#35a77f;border-radius:50%;width:5px;height:5px}.form-error{color:var(--danger)}.split{grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:18px;display:grid}.split.single-column{grid-template-columns:1fr}.status-card{border:1px solid var(--line-soft);background:var(--surface-soft);border-radius:12px;padding:17px}.status-card dl{grid-template-columns:1fr auto;gap:9px;margin:0;display:grid}.status-card dt{color:var(--muted)}.status-card dd{margin:0;font-weight:650}.mobile-menu{display:grid}.mobile-overlay{display:none}.sidebar .el-menu{z-index:1;border-right:0;flex:1;margin-top:13px;position:relative;overflow:hidden auto}.sidebar .el-menu::-webkit-scrollbar-thumb{background-color:#ffffff2b}.sidebar .el-menu-item,.sidebar .el-sub-menu__title{height:46px;color:var(--sidebar-text);border-radius:11px;margin:4px 0;transition:color .18s,background .18s}.sidebar .el-menu-item .el-icon,.sidebar .el-sub-menu__title .el-icon{font-size:18px}.sidebar .el-menu--collapse{width:56px}.sidebar .el-menu-item:hover,.sidebar .el-sub-menu__title:hover{color:#fff;background:#ffffff13}.sidebar .el-menu-item.is-active{color:#fff;background:linear-gradient(90deg,#5bcda942,#5bcda91a);box-shadow:inset 3px 0 #72d7b8}.sidebar-user .el-avatar{color:#103b32;background:linear-gradient(145deg,#d8f1e9,#9bd6c4);flex:0 0 36px;font-weight:750;box-shadow:inset 0 0 0 1px #ffffff80}.sidebar-user .el-button{color:#c9dfd8}.topbar>.el-button:first-child{color:var(--ink-secondary);border:1px solid var(--line);background:#ffffffc7;flex:none}.el-button{font-weight:600;transition:transform .18s,box-shadow .18s,color .18s,background .18s}.el-button:not(.is-disabled):active{transform:translateY(1px)}.el-button--primary:not(.is-link):not(.is-text){border-color:var(--primary);background:linear-gradient(135deg,#0b856c,#08745f);box-shadow:0 7px 18px #087a6329}.el-button--primary:not(.is-link):not(.is-text):hover{border-color:var(--primary-hover);background:linear-gradient(135deg,#087a63,#06634f);transform:translateY(-1px);box-shadow:0 9px 22px #087a6338}.el-card.panel{padding:0;overflow:visible}.el-card.panel>.el-card__header{border-bottom-color:var(--line-soft);padding:17px 20px}.el-card.panel>.el-card__body{padding:20px}.el-card.panel+.el-card.panel{margin-top:18px}.el-card.metric{padding:0}.el-card.metric>.el-card__body{height:100%;padding:18px}.el-statistic__head{color:var(--muted);font-size:12px}.el-statistic__number{color:var(--ink);letter-spacing:-.035em;margin-top:7px;font-size:29px;font-weight:740}.filters>.el-input{width:min(330px,100%)}.filters>.el-select{max-width:100%}.filters.el-form{align-items:flex-start}.filters.el-form .el-form-item{margin:0}.form-grid .el-select,.el-form-item .el-select{width:100%}.form-grid .el-form-item{margin-bottom:19px}.el-form-item__label{color:var(--ink-secondary);font-weight:620}.el-input__wrapper,.el-select__wrapper{min-height:38px;box-shadow:0 0 0 1px var(--line) inset;background:#fff;transition:box-shadow .18s,background .18s}.el-textarea__inner{box-shadow:0 0 0 1px var(--line) inset;border:0}.el-input__wrapper:hover,.el-select__wrapper:hover,.el-textarea__inner:hover{box-shadow:inset 0 0 0 1px #bfcfc9}.el-input__wrapper.is-focus,.el-select__wrapper.is-focused,.el-textarea__inner:focus{box-shadow:0 0 0 1px var(--primary) inset, 0 0 0 3px var(--primary-soft)!important}.state-panel{width:100%;min-height:190px}.state-panel>.el-skeleton,.state-panel>.el-empty,.state-panel>.el-result{width:100%}.cell-summary{max-width:520px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.table-pagination{justify-content:flex-end;margin-top:18px}.full-width-action{width:100%;margin-top:16px}.job-attempt{color:var(--muted);margin-left:8px;font-size:12px}.job-error{margin-top:12px}.runtime-metrics{grid-template-columns:repeat(4,1fr)}.runtime-metrics .metric span{margin-bottom:12px;display:block}.el-card.login-card{border:1px solid #d5e1dceb;padding:0;overflow:hidden}.login-card>.el-card__body{padding:36px}.login-card .el-alert{margin-bottom:16px}.login-card .el-form-item{margin-bottom:21px}.login-card .el-input__wrapper{background:#f8faf9;border-radius:11px;min-height:44px}.login-submit{border-radius:11px;width:100%;height:44px;margin-top:3px}.danger-card{border-color:var(--el-color-danger-light-7)}.el-timeline{padding-left:4px}.el-timeline .panel-head{margin-bottom:4px}.el-table{--el-table-border-color:var(--line-soft);--el-table-header-bg-color:#f7faf8;--el-table-row-hover-bg-color:#f1f8f5;--el-table-tr-bg-color:transparent;border-radius:11px}.el-table:before,.el-table__inner-wrapper:before{display:none}.el-table th.el-table__cell{color:#697a74;background:#f7faf8;height:46px;font-size:12px;font-weight:650}.el-table td.el-table__cell{height:53px}.el-table .el-table__row--striped td.el-table__cell{background:#fbfcfc}.el-table small{color:var(--muted)}.el-tag{border-radius:999px;font-weight:600}.el-dialog{box-shadow:var(--shadow-lg);border:1px solid #dbe5e1e6;border-radius:18px;overflow:hidden}.el-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#071d1885}.el-dialog__header{border-bottom:1px solid var(--line-soft);margin:0;padding:20px 22px 16px}.el-dialog__title{font-size:18px;font-weight:700}.el-dialog__body{padding:22px}.el-dialog__footer{border-top:1px solid var(--line-soft);background:#fafcfb;padding:15px 22px 18px}.el-alert{border-radius:11px}.el-empty__description p,.el-result__subtitle p{color:var(--muted)}@media (width<=1180px){.metrics{grid-template-columns:repeat(3,1fr)}.topbar-date{display:none}}@media (width<=1000px){.metrics{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}@media (width<=760px){.sidebar{width:min(280px,86vw);transform:translate(-100%)}.sidebar.open{transform:none}.mobile-overlay{z-index:15;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0515117a;border:0;padding:0;display:block;position:fixed;inset:0}.workspace,.workspace.expanded{width:100%;margin:0}.topbar{gap:10px;height:70px;padding:10px 15px}.topbar h1{font-size:17px}.topbar .eyebrow,.top-actions .el-button.is-text,.top-actions .el-button span{display:none}.workspace>.el-main{padding:22px 14px 40px}.page-head{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:18px}.page-head h2{font-size:23px}.page-head>.el-button{align-self:flex-start}.metrics{gap:10px}.metric{min-height:118px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.panel{padding:14px}.el-card.panel{padding:0}.el-card.panel>.el-card__header,.el-card.panel>.el-card__body{padding:14px}.runtime-metrics{grid-template-columns:1fr}.filters>.el-input,.filters>.el-select{width:100%!important}.login-page{grid-template-columns:minmax(0,1fr)}.login-story{display:none}.login-card-wrap{min-height:100vh;padding:22px}.login-card>.el-card__body{padding:29px 24px}.login-card-brand{display:flex}}@media (width<=520px){.metrics{grid-template-columns:1fr}.metric{min-height:108px}.actions{width:100%}.actions>*{flex:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}