:root{color:#192230;font-synthesis:none;background:#f3f1ec;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:1180px;min-height:100vh;margin:0}button,input,select{font:inherit}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}aside{color:#f8f6ef;background:#17212b;flex-direction:column;width:250px;padding:28px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px 32px;display:flex}.brand-mark{color:#17212b;background:#e5bd69;border-radius:11px;place-items:center;width:39px;height:39px;font-size:14px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand strong{font-size:14px}.brand span{color:#92a0ad;letter-spacing:.08em;margin-top:2px;font-size:12px}nav{flex-direction:column;gap:5px;display:flex}.nav-section{color:#697a89;letter-spacing:.18em;margin:20px 12px 7px;font-size:12px;font-weight:700}nav a,nav button{color:#b9c2ca;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:11px 12px;font-size:14px;text-decoration:none;display:flex}nav a.active,nav button.active{color:#fff;background:#273543}nav a b,nav button b{color:#e5bd69;text-align:center;width:18px}nav a em,nav button em{color:#667786;margin-left:auto;font-size:12px;font-style:normal}nav a.disabled,nav button.disabled{opacity:.66}.identity{border-top:1px solid #2c3945;align-items:center;gap:10px;margin-top:auto;padding:14px 9px 0;display:flex}.identity>span{background:#354552;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.identity strong{font-size:14px}.identity small{color:#83929f;text-overflow:ellipsis;max-width:145px;margin-top:3px;font-size:12px;overflow:hidden}.content{grid-column:2;width:100%;max-width:1660px;margin:0 auto;padding:42px 46px 28px}header{justify-content:space-between;align-items:flex-start;margin-bottom:30px;display:flex}h1,h2,p{margin-top:0}header h1{letter-spacing:-.035em;margin-bottom:8px;font-size:14px}header>div>p:last-child{color:#65707c;font-size:14px}.kicker{letter-spacing:.2em;color:#9b7731;margin-bottom:8px;font-size:12px;font-weight:700}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.primary-button{color:#fff;background:#17212b;padding:11px 17px}.secondary-button{color:#34404b;background:0 0;border:1px solid #c9c5bc;padding:9px 16px}button:disabled{opacity:.45;cursor:not-allowed}.notice{color:#755b20;background:#fff4d9;border:1px solid #ead49c;border-radius:9px;justify-content:space-between;margin-bottom:18px;padding:12px 15px;font-size:14px;display:flex}.notice button{cursor:pointer;color:inherit;background:0 0;border:0}.metrics{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.metric-card{background:#fff;border:1px solid #dedbd3;border-radius:13px;min-height:190px;padding:21px;position:relative;overflow:hidden}.metric-card:after{content:"";opacity:.08;background:currentColor;border-radius:50%;width:120px;height:120px;position:absolute;inset:auto -25px -40px auto}.metric-heading{color:#72808c;letter-spacing:.13em;justify-content:space-between;font-size:12px;font-weight:700;display:flex}.metric-heading i{background:currentColor;border-radius:50%;width:8px;height:8px}.metric-card h2{margin:12px 0 8px;font-size:14px;font-weight:600}.metric-value{letter-spacing:-.05em;font-size:14px;line-height:1.1;display:block}.metric-unavailable{color:#9a5353;margin:15px 0 10px;font-size:14px;display:block}.metric-card p{color:#52606c;margin:9px 0;font-size:12px}.metric-card small{color:#8a939a;font-size:12px}.metric-card.blue{color:#4c7fa2}.metric-card.amber{color:#b18335}.metric-card.green{color:#54816b}.ok{color:#39795a;font-weight:700}.off{color:#9a5353;font-weight:700}.panel{background:#fff;border:1px solid #dedbd3;border-radius:13px;overflow:hidden}.panel-head>small{color:#8a939a;font-size:12px}.panel-head{border-bottom:1px solid #ebe8e1;justify-content:space-between;align-items:flex-end;padding:20px 22px 16px;display:flex}.panel-head h2{margin:0;font-size:14px}.panel-head select{color:#46515a;background:#faf9f6;border:1px solid #d2cec5;border-radius:7px;padding:7px 29px 7px 10px;font-size:12px}.table-wrap{max-height:470px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{z-index:1;color:#76818a;letter-spacing:.09em;text-align:left;background:#f8f7f3;padding:10px 12px;font-size:12px;position:sticky;top:0}td{vertical-align:top;border-top:1px solid #eeece7;padding:13px 12px}td strong,td small,td code{display:block}td code{color:#7b858e;text-overflow:ellipsis;max-width:230px;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:hidden}td small{color:#8a939a;max-width:180px;margin-top:4px}.status{white-space:nowrap;background:#edf0f2;border-radius:5px;padding:4px 7px;font-size:12px;display:inline-block}.status-dead_letter{color:#9b413b;background:#fae4e1}.status-retry,.status-waiting_predecessor{color:#88631d;background:#fff0cf}.status-processed{color:#397256;background:#e1f2e7}.status-processing{color:#3f6c8c;background:#e3edf5}.empty{text-align:center;color:#8a939a;padding:50px}.replay-bar{background:#f7f5f0;border-top:1px solid #dedbd3;grid-template-columns:minmax(230px,1fr) minmax(250px,1fr) auto;align-items:center;gap:16px;padding:16px 21px;display:grid}.replay-bar strong,.replay-bar span{display:block}.replay-bar strong{font-size:12px}.replay-bar span{color:#7c868e;margin-top:3px;font-size:12px}.replay-bar input{background:#fff;border:1px solid #d2cec5;border-radius:7px;padding:9px 11px;font-size:12px}footer{text-align:center;color:#8e969c;letter-spacing:.03em;padding-top:18px;font-size:12px}.auth-shell{text-align:center;background:#fff;border:1px solid #dedbd3;border-radius:16px;max-width:500px;margin:15vh auto;padding:48px}.auth-shell .brand-mark{margin:0 auto 18px}.auth-shell h1{font-size:14px}.auth-shell>p:not(.kicker){color:#68747d;margin-bottom:25px}.filter-panel{margin-bottom:18px;padding:20px 22px}.filter-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:13px 16px;display:grid}.filter-grid label,.summary-controls>label{flex-direction:column;gap:6px;display:flex}.filter-grid input,.filter-grid select,.summary-controls select{color:#34404b;background:#faf9f6;border:1px solid #d2cec5;border-radius:7px;width:100%;min-width:0;padding:8px 9px;font-size:12px}.filter-actions{justify-content:flex-end;gap:10px;padding-top:18px;display:flex}.summary-controls{background:#ece9e1;border:1px solid #dedbd3;border-radius:11px;grid-template-columns:160px 1fr;align-items:end;gap:18px;margin-bottom:18px;padding:15px 18px;display:grid}.summary-controls fieldset{border:0;flex-wrap:wrap;gap:8px 15px;margin:0;padding:0;display:flex}.summary-controls legend{color:#68747d;margin-bottom:7px;font-size:12px;font-weight:600}.summary-controls fieldset label{color:#46515a;align-items:center;gap:5px;font-size:12px;display:inline-flex}.report-panel{margin-top:0}.report-table{max-height:560px}.report-table table{min-width:1050px}.sort-button{color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;padding:0}.text-button{color:#397256;cursor:pointer;white-space:nowrap;background:0 0;border:0;font-size:12px;font-weight:600}.pager{color:#68747d;background:#f8f7f3;border-top:1px solid #dedbd3;justify-content:space-between;align-items:center;padding:13px 20px;font-size:12px;display:flex}.pager>div{gap:8px;display:flex}.pager .secondary-button{background:#fff;padding:6px 11px;font-size:12px}.tab-bar{gap:8px;margin-bottom:18px;display:flex}.tab-bar button{color:#4f5a63;cursor:pointer;background:#faf9f6;border:1px solid #c9c5bc;border-radius:8px;padding:9px 14px}.tab-bar button.active{color:#fff;background:#17212b;border-color:#17212b}.permission-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.permission-grid fieldset{border:1px solid #dedbd3;border-radius:9px;padding:12px}.permission-grid legend{color:#68747d;font-size:12px;font-weight:700}.permission-grid label{grid-template-columns:auto 1fr;align-items:start;gap:3px 7px;margin:6px 0;font-size:12px;display:grid}.permission-grid label small{color:#8a939a;grid-column:2}.inline-checks{flex-wrap:wrap;gap:6px 12px;display:flex}.inline-checks label{white-space:nowrap}.status-succeeded{color:#397256;background:#e1f2e7}.status-failed,.status-expired{color:#9b413b;background:#fae4e1}.status-running,.status-pending{color:#3f6c8c;background:#e3edf5}.status-confirmed,.status-valid{color:#397256;background:#e1f2e7}.status-preview_ready{color:#3f6c8c;background:#e3edf5}.status-cancelled,.status-ignored{color:#68747d;background:#edf0f2}.status-error,.status-failed{color:#9b413b;background:#fae4e1}.status-duplicate_warning{color:#88631d;background:#fff0cf}.compact-head{margin:-20px -22px 18px}.import-grid{grid-template-columns:repeat(3,minmax(200px,1fr))}.file-field{grid-column:span 2}.form-help{color:#9a5353;margin:14px 0 0;font-size:12px}.preview-summary{background:#f8f7f3;border-bottom:1px solid #dedbd3;grid-template-columns:repeat(4,minmax(120px,1fr)) 2fr 1fr;gap:10px;padding:16px 20px;display:grid}.preview-summary div{min-width:0}.preview-summary span,.preview-summary strong,.preview-summary code{display:block}.preview-summary span{color:#7c868e;margin-bottom:4px;font-size:12px}.preview-summary strong{font-size:14px}.preview-summary code{text-overflow:ellipsis;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:hidden}.preview-table{max-height:520px}.preview-table table{min-width:1100px}.preview-table pre{white-space:pre-wrap;color:#56616a;max-width:500px;max-height:160px;margin:0;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow:auto}.import-actions{background:#f8f7f3;border-top:1px solid #dedbd3;justify-content:flex-end;align-items:center;gap:10px;padding:15px 20px;display:flex}.import-actions>div{margin-right:auto}.import-actions strong,.import-actions span{display:block}.import-actions strong{font-size:12px}.import-actions span{color:#7c868e;margin-top:3px;font-size:12px}@media (width<=1320px){.filter-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}}:root{color:#303848;--admin-blue:#1f62f2;--admin-blue-soft:#edf3ff;--admin-border:#dce1e9;--admin-muted:#8b96a8;--admin-surface:#fff;--admin-workspace:#f1f3f6;background:#f1f3f6;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif}body{color:#303848;background:var(--admin-workspace);min-width:1024px}.app-shell{grid-template-rows:56px minmax(0,1fr);grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}aside{z-index:20;color:#4e5969;border-right:1px solid var(--admin-border);width:238px;box-shadow:none;background:#fff;padding:0 8px 18px;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #edf0f5;gap:10px;min-height:56px;padding:0 12px}.brand-mark{color:#fff;background:linear-gradient(145deg,#3769ff,#1557e8);border-radius:8px;width:28px;height:28px;font-size:14px;box-shadow:0 4px 10px #1f62f22e}.brand strong{color:#1e293b;font-size:14px;font-weight:650}.brand span{display:none}nav{gap:2px;padding:8px 6px 0;overflow:auto}.nav-section{color:#303848;letter-spacing:0;align-items:center;gap:9px;margin:6px 5px 2px;padding:8px 5px;font-size:14px;font-weight:600;display:flex}.nav-section>b{color:#667085;text-align:center;width:17px}.nav-section>em{color:#98a2b3;margin-left:auto;font-size:12px;font-style:normal}nav a,nav button{color:#667085;border-radius:7px;min-height:37px;padding:8px 12px 8px 32px;font-size:14px}nav a:hover,nav button:hover{color:var(--admin-blue);background:#f5f8ff}nav a.active,nav button.active{color:#fff;background:var(--admin-blue);box-shadow:0 3px 8px #1f62f22e}nav a b,nav button b{color:currentColor;width:16px;font-weight:500}.topbar{z-index:15;background:#fffffff5;border-bottom:1px solid #e9edf3;grid-area:1/2;justify-content:space-between;align-items:center;min-width:0;height:56px;padding:0 25px;display:flex;position:sticky;top:0}.breadcrumb,.topbar-actions,.identity{align-items:center;display:flex}.breadcrumb{color:#9aa4b2;gap:10px;font-size:14px}.breadcrumb strong{color:#5d687a;font-weight:500}.breadcrumb i{color:#c2c8d1;font-style:normal}.menu-trigger{color:#697586;cursor:pointer;background:0 0;border:0;margin-right:5px;padding:0;font-size:14px}.topbar-actions{gap:16px}.theme-switch{width:56px;height:28px;color:var(--admin-blue);background:#f2f5ff;border:1px solid #cbd6fa;border-radius:999px;align-items:center;padding:2px 29px 2px 7px;font-size:14px;display:flex}.identity{border:0;gap:8px;padding:0}.identity>span{color:#fff;background:var(--admin-blue);border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-weight:600;display:grid}.identity strong,.identity small{display:block}.identity strong{color:#344054;font-size:14px;font-weight:600}.identity small{color:#98a2b3;max-width:170px;margin-top:1px;font-size:12px}.identity>b{color:#98a2b3;font-size:12px}.content{background:var(--admin-workspace);grid-area:2/2;width:100%;max-width:none;margin:0;padding:14px 16px 18px}header{border-bottom:1px solid var(--admin-border);background:#fff;align-items:center;min-height:38px;margin:-14px -16px 16px;padding:7px 16px}header .kicker,header>div>p:last-child{display:none}header h1{color:#344054;letter-spacing:0;margin:0;font-size:14px;font-weight:600}.primary-button,.secondary-button{border-radius:7px;min-height:36px;padding:8px 15px;font-size:14px}.primary-button{color:#fff;background:var(--admin-blue);box-shadow:none}.primary-button:hover{background:#1557e8}.secondary-button{color:#475467;background:#fff;border:1px solid #cfd6e1}.secondary-button:hover{color:var(--admin-blue);border-color:#9eb8f8}.notice{background:#fff9eb;border-color:#f3d59b;border-radius:7px}.metrics{gap:12px;margin-bottom:14px}.metric-card{border-color:var(--admin-border);border-radius:8px;min-height:145px;padding:17px 18px;box-shadow:0 1px 2px #10182805}.metric-card:after{display:none}.metric-heading{color:#98a2b3;letter-spacing:.08em}.metric-card h2{margin:9px 0 5px}.metric-value{font-size:14px}.panel{border-color:var(--admin-border);border-radius:9px;box-shadow:0 1px 3px #10182809}.secondary-panel{margin-top:14px}.panel-head{border-bottom-color:var(--admin-border);align-items:center;min-height:52px;padding:10px 14px}.panel-head .kicker{display:none}.panel-head h2{font-size:14px;font-weight:600}.panel-head select{background:#fff;border-color:#cfd6e1;min-height:36px;font-size:14px}.table-wrap{max-height:610px}table{font-size:14px}th{color:#667085;border-bottom:1px solid var(--admin-border);letter-spacing:0;white-space:nowrap;background:#f7f9fc;padding:11px 14px;font-size:12px;font-weight:500}td{color:#475467;vertical-align:middle;border-top-color:#e8ecf2;height:58px;padding:10px 14px}tbody tr:hover td{background:#f8faff}td code{color:#667085;font-size:12px}td small{color:#98a2b3}.status{border-radius:5px;padding:4px 8px;font-size:12px}.replay-bar{border-top-color:var(--admin-border);background:#f8f9fb;padding:12px 14px}.replay-bar input{border-color:#cfd6e1;border-radius:7px;min-height:36px}.filter-panel{background:#f2f4f7;margin-bottom:14px;padding:14px}.filter-grid{gap:11px 12px}.filter-grid label span,.summary-controls label span{color:#667085;font-size:12px;font-weight:500}.filter-grid input,.filter-grid select,.summary-controls select{color:#475467;background:#fff;border-color:#cfd6e1;border-radius:7px;min-height:38px;padding:8px 11px;font-size:14px}.filter-grid input:focus,.filter-grid select:focus,.summary-controls select:focus,.replay-bar input:focus{border-color:#7ea5ff;outline:0;box-shadow:0 0 0 3px #1f62f217}.filter-actions{gap:10px;padding-top:14px}.summary-controls{border-color:var(--admin-border);background:#f2f4f7;border-radius:8px;margin-bottom:14px;padding:12px 14px}.reports header{margin-bottom:14px}.tab-bar{gap:6px;margin-bottom:12px}.tab-bar button{background:#fff;border-color:#cfd6e1;border-radius:6px;padding:7px 12px;font-size:12px}.tab-bar button.active{border-color:var(--admin-blue);background:var(--admin-blue)}.pager{border-top-color:var(--admin-border);background:#f5f7fa;justify-content:center;gap:16px;padding:12px 16px}.pager>div{display:contents}.pager>span{order:2}.pager .secondary-button:first-child{order:1}.pager .secondary-button:last-child{order:3}.preview-summary,.import-actions{border-color:var(--admin-border);background:#f7f9fc}footer{color:#98a2b3}.auth-shell{border-color:var(--admin-border);border-radius:10px;box-shadow:0 12px 35px #10182814}.auth-shell .primary-button{background:var(--admin-blue)}.app-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.app-shell.sidebar-collapsed aside{width:72px}.app-shell.sidebar-collapsed .brand{justify-content:center;padding-inline:0}.app-shell.sidebar-collapsed .brand>div:last-child,.app-shell.sidebar-collapsed .nav-section{display:none}.app-shell.sidebar-collapsed nav{padding-inline:0}.app-shell.sidebar-collapsed nav button{justify-content:center;min-height:40px;padding:8px;font-size:0}.app-shell.sidebar-collapsed nav button b{width:auto;font-size:14px}.detail-overlay{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10182861;justify-content:flex-end;display:flex;position:fixed;inset:0}.detail-dialog{background:#fff;flex-direction:column;width:min(720px,100vw - 72px);height:100vh;animation:.18s ease-out detail-enter;display:flex;box-shadow:-12px 0 35px #10182829}.detail-head{border-bottom:1px solid var(--admin-border);justify-content:space-between;align-items:center;min-height:66px;padding:12px 20px;display:flex}.detail-head span,.detail-item>span{color:#98a2b3;font-size:12px;display:block}.detail-head h2{margin:3px 0 0;font-size:14px}.detail-head button{color:#667085;border:1px solid var(--admin-border);cursor:pointer;background:#f7f9fc;border-radius:7px;width:34px;height:34px;font-size:14px}.detail-body{flex:1;padding:6px 20px 22px;overflow:auto}.detail-body h3{color:#344054;margin:18px 0 9px;font-size:14px}.detail-grid{border-top:1px solid var(--admin-border);border-left:1px solid var(--admin-border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.detail-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-item{border-right:1px solid var(--admin-border);border-bottom:1px solid var(--admin-border);min-width:0;min-height:66px;padding:11px 12px}.detail-item>strong{color:#344054;overflow-wrap:anywhere;margin-top:6px;font-size:14px;font-weight:500;display:block}.detail-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.detail-actions{border-top:1px solid var(--admin-border);background:#f8f9fb;justify-content:flex-end;padding:12px 20px;display:flex}@keyframes detail-enter{0%{opacity:.6;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (width<=1180px){.app-shell{grid-template-columns:210px minmax(0,1fr)}aside{width:210px}.filter-grid{grid-template-columns:repeat(2,minmax(160px,1fr))}}