:root{--color-brand-50:#f3faf6;--color-brand-100:#e8f5ee;--color-brand-500:#1d8f60;--color-brand-600:#167a51;--color-brand-700:#126443;--color-ink-300:#a9b5ae;--color-ink-500:#6f7f76;--color-ink-700:#3f5047;--color-ink-900:#17211c;--color-surface-canvas:#f4f7f5;--color-surface-panel:#fff;--color-surface-subtle:#f8faf9;--color-surface-line:#dce5df;--color-status-success:#167a51;--color-status-warning:#a86508;--color-status-danger:#b84242;--color-status-info:#356aa0;--color-status-production:#167a51;--color-status-test:#7b61a8;--font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-panel:0 8px 28px #1b36280f;--shadow-popover:0 18px 48px #17211c29}*{box-sizing:border-box}html{min-width:320px;color:var(--color-ink-900);background:var(--color-surface-canvas);font-family:var(--font-family);font-synthesis:none;text-rendering:optimizelegibility}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,tr:focus-visible{outline-offset:2px;outline:3px solid #1d8f6038}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:var(--color-surface-canvas);min-height:100vh}.sidebar{z-index:30;border-right:1px solid var(--color-surface-line);background:var(--color-surface-panel);flex-direction:column;width:240px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar__top{justify-content:space-between;align-items:center;min-height:92px;padding:24px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#fff;background:var(--color-brand-600);border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 5px 12px #167a5133}.brand-mark span{letter-spacing:-.04em;font-size:13px;font-weight:800}.brand>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.brand strong{font-size:16px;line-height:1.2}.brand>div:last-child span{color:var(--color-ink-500);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;overflow:hidden}.sidebar-nav{border-top:1px solid #f0f3f1;flex-direction:column;gap:7px;padding:20px 16px;display:flex}.sidebar-nav__label{color:var(--color-ink-500);letter-spacing:.09em;text-transform:uppercase;padding:0 10px 8px;font-size:11px;font-weight:700}.sidebar-nav__item{border-radius:var(--radius-sm);min-height:44px;color:var(--color-ink-700);text-align:left;background:0 0;border:0;align-items:center;gap:11px;width:100%;padding:0 12px;font-size:14px;font-weight:650;text-decoration:none;display:flex}.sidebar-nav__item--active{color:var(--color-brand-700);background:var(--color-brand-100)}.sidebar__status{border-top:1px solid var(--color-surface-line);flex-direction:column;gap:14px;margin-top:auto;padding:20px;display:flex}.source-health{align-items:flex-start;gap:10px;display:flex}.source-health__dot{background:var(--color-status-success);border:2px solid #d8efe3;border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px;box-shadow:0 0 0 3px #eef8f3}.source-health div{flex-direction:column;gap:3px;display:flex}.source-health strong{font-size:13px}.source-health span,.sidebar__policy{color:var(--color-ink-500);font-size:12px}.sidebar__policy{align-items:center;gap:7px;display:flex}.sidebar__close,.sidebar-backdrop,.mobile-topbar{display:none}.main-content{min-height:100vh;margin-left:240px;padding:36px 40px 28px}.main-content>*{width:min(100%,1600px);margin-left:auto;margin-right:auto}.page-header{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.eyebrow{color:var(--color-brand-600);letter-spacing:.07em;margin-bottom:7px;font-size:12px;font-weight:750;display:block}.page-header h1{letter-spacing:-.04em;margin:0;font-size:clamp(28px,3vw,34px);line-height:1.18}.page-header p{color:var(--color-ink-500);margin:8px 0 0;font-size:14px}.page-header__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.preview-badge{color:#674b8d;background:#f6f1fb;border:1px solid #e2d9ef;border-radius:999px;align-items:center;min-height:32px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.environment-switch{border:1px solid var(--color-surface-line);background:var(--color-surface-panel);border-radius:10px;height:42px;padding:3px;display:inline-flex}.environment-switch button{min-width:74px;color:var(--color-ink-500);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.environment-switch button.is-active{color:var(--color-ink-900);background:#edf3ef;box-shadow:0 1px 3px #17211c14}.environment-switch__dot{border-radius:50%;width:7px;height:7px}.environment-switch__dot--production{background:var(--color-status-production)}.environment-switch__dot--test{background:var(--color-status-test)}.select-control,.filter-control{border:1px solid var(--color-surface-line);background:var(--color-surface-panel);border-radius:10px;align-items:center;gap:8px;min-height:42px;display:flex}.select-control{color:var(--color-ink-500);padding-left:12px}.select-control select,.filter-control select{height:40px;color:var(--color-ink-900);background:0 0;border:0;outline:0;font-size:13px}.select-control select{min-width:82px;padding-right:10px}.button,.icon-button,.text-button{border:0}.button{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.button--secondary{border:1px solid var(--color-surface-line);color:var(--color-ink-700);background:var(--color-surface-panel)}.button--secondary:hover,.button--secondary.is-active{color:var(--color-brand-700);background:var(--color-brand-50);border-color:#b8cfc1}.icon-button{border:1px solid var(--color-surface-line);width:40px;height:40px;color:var(--color-ink-700);background:var(--color-surface-panel);border-radius:10px;place-items:center;display:inline-grid}.icon-button--small{width:34px;height:34px}.sidebar .sidebar__close{display:none}.text-button{color:var(--color-brand-600);background:0 0;padding:8px 2px;font-size:13px;font-weight:700}.context-strip{min-height:44px;color:var(--color-ink-500);justify-content:space-between;align-items:center;margin-top:24px;padding:0 2px;font-size:12px;display:flex}.context-strip>div{align-items:center;gap:9px;display:flex}.environment-badge,.status-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:24px;font-size:11px;font-weight:750;display:inline-flex}.environment-badge{min-width:40px;padding:0 8px}.environment-badge--production{color:#11633f;background:#e7f4ec}.environment-badge--test{color:#674b8d;background:#f0eaf7}.metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.metric-card,.panel{border:1px solid var(--color-surface-line);background:var(--color-surface-panel);box-shadow:var(--shadow-panel)}.metric-card{border-radius:var(--radius-md);min-height:142px;padding:18px}.metric-card--brand{background:var(--color-brand-50);border-color:#b8d8c7}.metric-card__header{color:var(--color-ink-500);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.metric-card__icon{width:30px;height:30px;color:var(--color-brand-600);background:var(--color-brand-100);border-radius:8px;place-items:center;display:grid}.metric-card strong{letter-spacing:-.035em;margin-top:13px;font-size:clamp(22px,2vw,28px);line-height:1;display:block}.metric-card p{color:var(--color-ink-500);margin:10px 0 0;font-size:11px;line-height:1.4}.chart-grid{grid-template-columns:minmax(0,1.8fr) minmax(320px,.8fr);gap:14px;margin-top:14px;display:grid}.chart-loading{border:1px solid var(--color-surface-line);border-radius:var(--radius-lg);background:linear-gradient(90deg,#f7f9f8 25%,#eef3f0 50%,#f7f9f8 75%) 0 0/200% 100%;min-height:354px;margin-top:14px;animation:1.2s ease-in-out infinite loading-sheen}@keyframes loading-sheen{0%{background-position:100% 0}to{background-position:-100% 0}}.panel{border-radius:var(--radius-lg)}.chart-panel{min-width:0;padding:20px}.panel-header,.request-panel__header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.panel-header h2,.request-panel__header h2{margin:0;font-size:17px;line-height:1.3}.panel-header p,.request-panel__header p{color:var(--color-ink-500);margin:5px 0 0;font-size:12px}.chart-legend{color:var(--color-ink-500);flex-wrap:wrap;gap:12px;font-size:11px;display:flex}.chart-legend span{align-items:center;gap:5px;display:inline-flex}.legend-dot,.distribution-summary i{border-radius:50%;width:7px;height:7px;display:inline-block}.legend-dot--total{background:#167a51}.legend-dot--success{background:#356aa0}.legend-dot--matched{background:#79a98f}.trend-chart{height:274px;margin-top:18px}.distribution-chart{height:204px;margin-top:20px}.distribution-summary{border-top:1px solid #edf1ee;grid-template-columns:1fr 1fr;gap:8px 18px;padding-top:14px;display:grid}.distribution-summary>div,.distribution-summary span{align-items:center;display:flex}.distribution-summary>div{justify-content:space-between;gap:8px;font-size:11px}.distribution-summary span{color:var(--color-ink-500);gap:6px}.distribution-summary strong{font-size:12px}.request-panel{margin-top:14px;overflow:hidden}.request-panel__header{padding:20px 22px 16px}.filter-bar{background:var(--color-surface-subtle);border-top:1px solid #edf1ee;border-bottom:1px solid #edf1ee;grid-template-columns:minmax(210px,1fr) repeat(3,minmax(145px,.48fr)) auto;gap:9px;padding:14px 22px;display:grid}.filter-control{min-width:0;padding:0 11px}.filter-control--search{color:var(--color-ink-500)}.filter-control input,.advanced-filters input,.advanced-filters select{width:100%;color:var(--color-ink-900);background:0 0;border:0;outline:0;font-size:13px}.filter-control input::placeholder,.advanced-filters input::placeholder{color:#95a29b}.filter-control select{width:100%}.advanced-filters{background:#fbfcfb;border-bottom:1px solid #edf1ee;grid-template-columns:1.3fr .7fr .65fr auto;align-items:end;gap:12px;padding:16px 22px;display:grid}.advanced-filters label{min-width:0;color:var(--color-ink-500);flex-direction:column;gap:6px;font-size:11px;font-weight:650;display:flex}.advanced-filters label>input,.advanced-filters label>select,.input-suffix{border:1px solid var(--color-surface-line);background:#fff;border-radius:9px;height:40px;padding:0 11px}.input-suffix{align-items:center;display:flex}.input-suffix span{color:var(--color-ink-500);font-size:11px;font-weight:500}.table-wrap{overflow-x:auto}table{border-collapse:collapse;table-layout:auto;width:100%;min-width:1040px}th{height:43px;color:var(--color-ink-500);text-align:left;white-space:nowrap;background:#fff;padding:0 12px;font-size:11px;font-weight:700}th:first-child,td:first-child{padding-left:22px}th:last-child,td:last-child{padding-right:18px}td{height:60px;color:var(--color-ink-700);border-top:1px solid #edf1ee;padding:0 12px;font-size:12px}tbody tr{cursor:pointer;transition:background-color .14s}tbody tr:hover{background:#f8fbf9}.align-right{text-align:right}.nowrap{white-space:nowrap}.mono-cell,code{font-family:var(--font-mono)}.mono-cell{color:var(--color-ink-500);white-space:nowrap;font-size:11px}.row-chevron{color:var(--color-ink-300)}.latency-high{color:var(--color-status-warning);font-weight:700}.status-badge{min-width:54px;padding:0 8px}.status-badge--matched_single,.status-badge--matched_multiple{color:#11633f;background:#e7f4ec}.status-badge--not_found{color:#8a5708;background:#fff3dd}.status-badge--validation_error,.status-badge--rate_limited{color:#645c4c;background:#f3f0e9}.status-badge--unauthorized,.status-badge--upstream_error,.status-badge--internal_error{color:#a13b3b;background:#fdecec}.empty-state{min-height:250px;color:var(--color-ink-500);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state strong{color:var(--color-ink-700);margin-top:12px}.empty-state p{margin:5px 0 4px;font-size:12px}.table-footer{min-height:62px;color:var(--color-ink-500);border-top:1px solid #edf1ee;justify-content:space-between;align-items:center;padding:0 22px;font-size:12px;display:flex}.table-footer>div{gap:7px;display:flex}.page-footer{color:var(--color-ink-500);justify-content:space-between;align-items:center;padding:20px 3px 0;font-size:11px;display:flex}.page-footer span:first-child{align-items:center;gap:6px;display:flex}.drawer-layer{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#121d175c;position:fixed;inset:0}.detail-drawer{background:var(--color-surface-panel);width:min(540px,100%);animation:.18s ease-out drawer-in;position:absolute;inset:0 0 0 auto;overflow-y:auto;box-shadow:-18px 0 50px #121d1729}@keyframes drawer-in{0%{opacity:.7;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.detail-drawer__header{z-index:2;border-bottom:1px solid var(--color-surface-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;justify-content:space-between;align-items:center;gap:20px;min-height:98px;padding:22px 24px;display:flex;position:sticky;top:0}.detail-drawer__header h2{max-width:410px;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;overflow:hidden}.detail-drawer__body{padding:24px}.drawer-section{border-bottom:1px solid var(--color-surface-line);padding:20px 0}.drawer-section:first-child{padding-top:0}.drawer-section:last-child{border-bottom:0}.drawer-section h3{margin:0 0 15px;font-size:14px}.drawer-section__title{justify-content:space-between;align-items:center;gap:12px;display:flex}.detail-grid{grid-template-columns:1fr 1fr;gap:14px;margin:0;display:grid}.detail-grid>div{background:var(--color-surface-subtle);border-radius:9px;min-width:0;padding:12px}.detail-grid dt,.code-row span{color:var(--color-ink-500);font-size:11px}.detail-grid dd{color:var(--color-ink-900);text-overflow:ellipsis;white-space:nowrap;margin:7px 0 0;font-size:13px;font-weight:650;overflow:hidden}.timing-track{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;display:grid}.timing-track>div{border:1px solid var(--color-surface-line);background:var(--color-surface-subtle);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:72px;display:flex}.timing-track span{color:var(--color-ink-500);font-size:11px}.timing-track strong{font-size:13px}.timing-track>svg{color:var(--color-ink-300)}.code-row{border:1px solid var(--color-surface-line);background:var(--color-surface-subtle);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:10px 12px;display:flex}.code-row+.code-row{margin-top:9px}.code-row>div{flex-direction:column;gap:6px;min-width:0;display:flex}.code-row code{color:var(--color-ink-700);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.safe-error{background:#fff7f7;border:1px solid #f2cfcf;border-radius:10px;margin-top:12px;padding:14px}.safe-error strong,.safe-error code{display:block}.safe-error strong{color:#963c3c;font-size:11px}.safe-error code{margin-top:7px;font-size:12px}.safe-error p{color:var(--color-ink-500);margin:9px 0 0;font-size:11px;line-height:1.5}.brand{flex-direction:column;align-items:flex-start;gap:8px}.brand img{width:170px;height:auto;display:block}.brand>span{color:var(--color-ink-500);letter-spacing:.02em;font-size:12px}.brand--compact{flex-direction:row;align-items:center}.brand--compact img{width:145px}.sidebar-user{align-items:center;gap:10px;display:flex}.sidebar-user>span{width:34px;height:34px;color:var(--color-brand-700);background:var(--color-brand-100);border-radius:10px;flex:none;place-items:center;font-weight:800;display:grid}.sidebar-user div{flex-direction:column;gap:2px;min-width:0;display:flex}.sidebar-user strong,.sidebar-user small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-user strong{font-size:13px}.sidebar-user small{color:var(--color-ink-500);font-size:11px}.sidebar-logout{border:1px solid var(--color-surface-line);min-height:38px;color:var(--color-ink-700);background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.standalone-select{border:1px solid var(--color-surface-line);height:42px;color:var(--color-ink-900);background:#fff;border-radius:10px;padding:0 34px 0 13px;font-size:13px}.environment-badge--sandbox{color:#654d8e;background:#f1ecf8}.app-loading,.auth-screen{place-items:center;min-height:100vh;display:grid}.app-loading{background:var(--color-surface-canvas)}.auth-screen{background:radial-gradient(circle at 18% 12%,#1d8f6014,#0000 34%),linear-gradient(145deg,#f2f7f4 0%,#fafcfb 55%,#eef5f1 100%);padding:32px 20px}.auth-card{background:#fffffff5;border:1px solid #b9cdc1b8;border-radius:20px;width:min(100%,470px);padding:38px 42px 32px;box-shadow:0 24px 70px #193d2a1c}.auth-card .brand{margin-bottom:38px}.auth-card .brand img{width:230px}.auth-card--setup{width:min(100%,560px)}.auth-heading>span{color:var(--color-brand-600);letter-spacing:.08em;font-size:12px;font-weight:750}.auth-heading h1{letter-spacing:-.04em;margin:8px 0 10px;font-size:30px}.auth-heading p{color:var(--color-ink-500);margin:0 0 28px;font-size:14px;line-height:1.7}.auth-card form,.modal-form,.settings-form{flex-direction:column;gap:18px;display:flex}.auth-card form>label,.modal-form>label,.form-grid>label,.settings-form>label,.advanced-filters>label{flex-direction:column;gap:8px;display:flex}.auth-card label>span,.modal-form label>span,.settings-form label>span{color:var(--color-ink-700);font-size:13px;font-weight:700}.auth-card label small,.modal-form label small{color:var(--color-ink-500);font-weight:500}.auth-card input,.modal-form input,.modal-form select,.modal-form textarea,.settings-form input{width:100%;min-height:46px;color:var(--color-ink-900);background:#fff;border:1px solid #cad9d0;border-radius:10px;outline:none;padding:0 13px}.modal-form textarea{resize:vertical;padding-top:11px}.auth-card input:focus,.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus,.settings-form input:focus{border-color:var(--color-brand-500);box-shadow:0 0 0 3px #1d8f601a}.password-field{position:relative}.password-field input{padding-right:48px}.password-field button{width:46px;color:var(--color-ink-500);background:0 0;border:0;place-items:center;display:grid;position:absolute;inset:0 0 0 auto}.auth-submit{width:100%;margin-top:4px}.auth-card>footer{color:var(--color-ink-500);text-align:center;margin-top:26px;font-size:11px;line-height:1.6}.form-error,.error-state{color:#a83737;background:#fff3f2}.form-error{border:1px solid #f1cecb;border-radius:9px;padding:11px 13px;font-size:13px}.loading-state{min-height:96px;color:var(--color-ink-500);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.error-state{border:1px solid #f1cecb;border-radius:11px;align-items:center;gap:12px;margin:20px 0;padding:14px 16px;display:flex}.error-state div{flex-direction:column;flex:1;gap:3px;display:flex}.error-state strong{font-size:13px}.error-state span{font-size:12px}.success-notice{color:var(--color-brand-700);background:var(--color-brand-100);border-radius:9px;align-items:center;gap:8px;padding:11px 13px;font-size:13px;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mfa-setup{border:1px solid var(--color-surface-line);background:var(--color-surface-subtle);border-radius:12px;grid-template-columns:170px 1fr;align-items:center;gap:22px;padding:18px;display:grid}.mfa-setup img{border-radius:8px;width:170px}.mfa-setup>div{flex-direction:column;gap:8px;min-width:0;display:flex}.mfa-setup code{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:12px}.mfa-setup--compact{grid-template-columns:130px 1fr}.mfa-setup--compact img{width:130px}.setup-complete{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:40px 0 10px;display:flex}.modal-layer{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d19127a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{width:min(100%,520px);max-height:calc(100vh - 40px);box-shadow:var(--shadow-popover);background:#fff;border-radius:16px;padding:26px;overflow-y:auto}.modal-card>header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal-card h2{margin:0;font-size:20px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.secret-card{text-align:center;flex-direction:column;align-items:stretch;display:flex}.secret-card__icon{color:#fff;background:var(--color-brand-600);border-radius:50%;place-items:center;width:48px;height:48px;margin:0 auto 14px;display:grid}.secret-card>p{color:var(--color-ink-500);font-size:13px;line-height:1.65}.secret-label{color:var(--color-ink-500);margin-top:12px;font-size:12px}.secret-value{border:1px solid var(--color-surface-line);background:var(--color-surface-subtle);border-radius:10px;align-items:center;gap:8px;margin:8px 0 18px;padding:12px;display:flex}.secret-value code{overflow-wrap:anywhere;min-width:0;font-family:var(--font-mono);text-align:left;flex:1;font-size:12px}.secret-value button{color:var(--color-brand-700);background:0 0;border:0;align-items:center;gap:5px;font-weight:700;display:flex}.confirm-check{justify-content:center;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;display:flex}.tab-bar{border:1px solid var(--color-surface-line);background:#fff;border-radius:11px;gap:6px;width:fit-content;margin:26px 0 18px;padding:4px;display:flex}.tab-bar button{min-height:36px;color:var(--color-ink-500);background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:700;display:flex}.tab-bar button.is-active{color:var(--color-brand-700);background:var(--color-brand-100)}.management-panel{margin-top:0;padding:0;overflow:hidden}.management-header{border-bottom:1px solid var(--color-surface-line);justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.management-header h2{margin:0;font-size:18px}.management-header p{color:var(--color-ink-500);margin:5px 0 0;font-size:12px}.management-panel .table-wrap{border:0;border-radius:0}.table-subline{color:var(--color-ink-500);font-family:var(--font-mono);margin-top:4px;font-size:11px;font-weight:400;display:block}.row-actions{align-items:center;gap:12px;display:flex}.row-actions button,.danger-link{color:var(--color-brand-700);background:0 0;border:0;font-size:12px;font-weight:700}.row-actions .danger-link,.danger-link{color:#b84242}.disabled-group{border-top:1px solid var(--color-surface-line)}.disabled-group>summary{color:var(--color-ink-500);background:var(--color-surface-subtle);cursor:pointer;padding:16px 24px;font-size:13px;font-weight:700}.role-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:24px;display:grid}.role-grid article{border:1px solid var(--color-surface-line);border-radius:12px;padding:20px}.role-grid article>div{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.role-grid h3{flex:1;margin:0;font-size:16px}.role-grid article>div span{color:#8a5b0c;background:#fff4df;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:700}.role-grid ul{flex-direction:column;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.role-grid li{color:var(--color-ink-700);align-items:center;gap:7px;font-size:12px;display:flex}.bridge-health{border:1px solid;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:22px 0;padding:14px 16px;display:grid}.bridge-health--healthy{background:#f1faf5;border-color:#c7e6d4}.bridge-health--waiting{background:#fff;border-color:#dce5df}.bridge-health--delayed{background:#fff8ed;border-color:#f0d7b2}.bridge-health__pulse{background:var(--color-brand-500);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #1d8f601f}.bridge-health--delayed .bridge-health__pulse{background:#b87411;box-shadow:0 0 0 5px #b874111f}.bridge-health--waiting .bridge-health__pulse{background:#87958e;box-shadow:0 0 0 5px #87958e1f}.bridge-health div{flex-direction:column;gap:3px;display:flex}.bridge-health strong{font-size:13px}.bridge-health span,.bridge-health small{color:var(--color-ink-500);font-size:12px}.metric-grid--four{grid-template-columns:repeat(4,1fr)}.bridge-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;margin:18px 0;display:grid}.bridge-panel{padding:20px}.distribution-list{flex-direction:column;gap:14px;display:flex}.distribution-list header{justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.distribution-list>div>i{background:#edf2ef;border-radius:999px;height:7px;display:block;overflow:hidden}.distribution-list b{border-radius:inherit;background:var(--color-brand-500);height:100%;display:block}.health-details{grid-template-columns:1fr 1fr;gap:16px;margin:0;display:grid}.health-details div{flex-direction:column;gap:5px;display:flex}.health-details dt{color:var(--color-ink-500);font-size:11px}.health-details dd{margin:0;font-size:13px;font-weight:700}.plain-badge{min-height:25px;color:var(--color-brand-700);background:var(--color-brand-100);border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.plain-badge--muted{color:var(--color-ink-500);background:#eef2ef}.filter-bar--compact{display:flex}.audit-list{flex-direction:column;display:flex}.audit-list article{border-bottom:1px solid var(--color-surface-line);grid-template-columns:auto 1fr;gap:12px;padding:17px 24px;display:grid}.audit-list article:last-child{border-bottom:0}.audit-icon{width:34px;height:34px;color:var(--color-brand-700);background:var(--color-brand-100);border-radius:9px;place-items:center;display:grid}.audit-list header{justify-content:space-between;align-items:center;gap:20px;display:flex}.audit-list strong{font-size:13px}.audit-list time,.audit-list p{color:var(--color-ink-500);font-size:11px}.audit-list p{margin:5px 0 0}.settings-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;display:grid}.settings-card{padding:24px}.settings-card>header{align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.settings-card>header>span{width:38px;height:38px;color:var(--color-brand-700);background:var(--color-brand-100);border-radius:10px;flex:none;place-items:center;display:grid}.settings-card h2{margin:0;font-size:18px}.settings-card header p{color:var(--color-ink-500);margin:5px 0 0;font-size:12px;line-height:1.55}.settings-form{max-width:520px}.mfa-status{flex-direction:column;align-items:flex-start;gap:14px;display:flex}@media (width<=1280px){.metric-grid{grid-template-columns:repeat(3,1fr)}.filter-bar{grid-template-columns:minmax(220px,1fr) repeat(2,minmax(150px,.55fr))}.filter-bar>:nth-child(4),.filter-bar>:nth-child(5){grid-row:2}}@media (width<=1080px){.main-content{padding:28px 24px}.page-header{flex-direction:column}.page-header__actions{justify-content:flex-start}.chart-grid{grid-template-columns:1fr}.chart-panel:not(.chart-panel--wide){grid-template-columns:1fr 1fr;column-gap:24px;display:grid}.chart-panel:not(.chart-panel--wide) .panel-header{grid-column:1/-1}.bridge-grid{grid-template-columns:1fr 1fr}.bridge-grid>:last-child{grid-column:1/-1}.role-grid,.settings-grid{grid-template-columns:1fr}}@media (width<=900px){.sidebar{width:260px;transition:transform .18s;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar__close{display:grid!important}.sidebar-backdrop{z-index:20;background:#121d175c;border:0;display:block;position:fixed;inset:0}.main-content{margin-left:0;padding-top:0}.mobile-topbar{border-bottom:1px solid var(--color-surface-line);background:var(--color-surface-panel);align-items:center;gap:14px;min-height:72px;margin:0 -24px 24px;padding:0 24px;display:flex}.mobile-topbar .brand-mark{width:34px;height:34px}.metric-grid{grid-template-columns:repeat(2,1fr)}.brand--compact img{width:132px}}@media (width<=680px){.main-content{padding-bottom:20px;padding-left:16px;padding-right:16px}.mobile-topbar{margin-left:-16px;margin-right:-16px;padding:0 16px}.page-header__actions{width:100%}.preview-badge{order:-2}.environment-switch{order:-1;width:100%}.environment-switch button{flex:1}.select-control--date{flex:1;min-width:0}.page-header__actions .button--icon{flex:0 0 44px;width:44px;padding:0;font-size:0}.page-header__actions .button--icon svg{width:18px;height:18px}.context-strip{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:124px}.chart-panel{padding:16px}.chart-panel:not(.chart-panel--wide){display:block}.chart-legend{display:none}.request-panel__header{flex-direction:column;align-items:stretch}.filter-bar,.advanced-filters{grid-template-columns:1fr}.filter-bar>:nth-child(4),.filter-bar>:nth-child(5){grid-row:auto}.table-footer{position:sticky;left:0}.page-footer{flex-direction:column;align-items:flex-start;gap:8px}.detail-grid{grid-template-columns:1fr}.auth-card{padding:28px 22px 24px}.auth-card .brand img{width:min(100%,220px)}.mfa-setup,.mfa-setup--compact{grid-template-columns:1fr}.mfa-setup img,.mfa-setup--compact img{width:150px;margin:auto}.form-grid,.bridge-grid{grid-template-columns:1fr}.bridge-grid>:last-child{grid-column:auto}.bridge-health{grid-template-columns:auto 1fr}.bridge-health small{grid-column:1/-1}.tab-bar{width:100%;overflow-x:auto}.tab-bar button{flex:1 0 auto}.management-header{flex-direction:column;align-items:stretch}.audit-list header{flex-direction:column;align-items:flex-start;gap:4px}.timing-track{grid-template-columns:1fr}.timing-track>svg{justify-self:center;transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}