:root{--font-family-base:Pretendard, Inter, "Noto Sans KR", "Segoe UI", sans-serif;font-family:var(--font-family-base);color:#162033;font-synthesis:none;--primary:#26262e;--navy:#000e21;--primary-soft:#f1f1f3;--cyan:#0891b2;--success:#078a61;--warning:#d97706;--danger:#dc3e4d;--text:#162033;--muted:#667085;--subtle:#98a2b3;--canvas:#eef1f5;--surface:#fff;--surface-soft:#f7f8fa;--line:#dfe3e9;--line-strong:#cbd1da;--sidebar:var(--navy);--control-h:40px;--radius:12px;--shadow:0 1px 2px #1018280a, 0 10px 30px #1018280e;background:#eef1f5}*,:before,:after{box-sizing:border-box;font-family:inherit}html,body,#root{width:100%;min-width:0;height:100%;margin:0;overflow:hidden}body{background:var(--canvas);font-family:var(--font-family-base)}button,input,select,textarea{font:inherit}button,a{color:inherit}::selection{background:#26262e2e}.ui-stack{min-width:0;display:flex}.ui-grid{grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.ui-grid-item{align-items:stretch;min-width:0;display:flex}.ui-grid-item>.ui-card{width:100%;height:100%}.ui-type{margin:0}.ui-h1{color:var(--text);letter-spacing:-.045em;font-size:26px;font-weight:780;line-height:1.25}.ui-h2{color:var(--text);letter-spacing:-.025em;font-size:18px;font-weight:740}.ui-h3{color:var(--text);letter-spacing:-.012em;font-size:14px;font-weight:740}.ui-nowrap{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui-card,.ui-paper{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:var(--shadow)}.ui-card-content{padding:20px}.ui-button,.ui-icon-button,.ui-toggle{min-height:var(--control-h);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:720;line-height:1;transition:border-color .15s,background-color .15s,transform .15s;display:inline-flex}.ui-button:hover:not(:disabled),.ui-icon-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:disabled,.ui-icon-button:disabled{cursor:not-allowed;opacity:.45}.ui-button-contained{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 4px 12px #26262e2e}.ui-button-contained:hover:not(:disabled){background:#15151a}.ui-button-outlined{color:#344054;border-color:var(--line-strong);background:#fff}.ui-button-outlined:hover:not(:disabled){background:#fafafa;border-color:#98a2b3}.ui-button-text:hover:not(:disabled){background:var(--surface-soft)}.ui-button-small{min-height:36px;padding-inline:13px;font-size:12px}.ui-button-large{min-height:46px}.ui-icon-button{width:var(--control-h);min-width:var(--control-h);border-color:var(--line);background:#fff;padding:0}.ui-field{flex-direction:column;gap:0;min-width:160px;display:inline-flex;position:relative}.ui-field-full{width:100%}.ui-field-label{z-index:2;color:#667085;background:#fff;padding:0 5px;font-size:10px;font-weight:720;line-height:14px;position:absolute;top:-7px;left:11px}.ui-field-control{min-height:var(--control-h);border:1px solid var(--line-strong);background:#fff;border-radius:9px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.ui-field-control:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #26262e1a}.ui-field-control>input,.ui-field-control>select,.ui-field-control>textarea{width:100%;min-width:0;min-height:38px;color:var(--text);background:0 0;border:0;outline:0;padding:8px 12px;font-size:13px}.ui-field-control>select{appearance:none;padding-right:4px}.ui-field:has(select) .ui-field-control:after{content:"";pointer-events:none;border-bottom:1.5px solid #667085;border-right:1.5px solid #667085;flex:none;width:7px;height:7px;margin:0 15px 4px 8px;transform:rotate(45deg)}.ui-field-control>textarea{resize:vertical;line-height:1.55}.ui-field-help{color:var(--muted);font-size:11px}.ui-input-adornment{color:var(--subtle);align-items:center;padding-left:11px;display:inline-flex}.ui-chip{color:#475467;white-space:nowrap;background:#eef0f3;border-radius:6px;justify-content:center;align-items:center;min-height:24px;padding:3px 8px;font-size:11px;font-weight:740;line-height:1;display:inline-flex}.ui-chip-success{color:#06704f;background:#e4f6ef}.ui-chip-error{color:#b42332;background:#fdecee}.ui-chip-warning{color:#a15c06;background:#fff1d9}.ui-chip-primary{color:#26262e;background:#ededf0}.ui-chip-outlined{border:1px solid var(--line-strong);background:0 0}.ui-link{color:var(--primary);font-weight:680;text-decoration:none}.ui-link:hover{text-underline-offset:3px;text-decoration:underline}.ui-divider{background:var(--line);border:0;height:1px;margin:0}.ui-avatar{color:#fff;background:var(--primary);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:760;display:inline-grid;overflow:hidden}.ui-table-shell{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:100%;overflow:auto}.ui-table{border-collapse:collapse;table-layout:auto;width:100%}.ui-table th{border-bottom:1px solid var(--line);color:#667085;letter-spacing:.035em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#f7f8fa;height:36px;padding:0 10px;font-size:10px;font-weight:760}.ui-table td{color:#344054;vertical-align:middle;border-bottom:1px solid #eceef1;height:38px;padding:0 10px;font-size:11px}.ui-table tbody tr:last-child td{border-bottom:0}.ui-table-row-hover:hover td{background:#f7f8ff}.ui-dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1018287a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.ui-dialog{background:#fff;border-radius:16px;width:min(520px,100%);overflow:hidden;box-shadow:0 24px 80px #1018283d}.ui-dialog-title{margin:0;padding:20px 22px 12px;font-size:18px}.ui-dialog-content{padding:10px 22px 22px}.ui-dialog-actions{border-top:1px solid var(--line);background:#fafafa;justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.ui-snackbar{z-index:120;color:#fff;background:#202939;border-radius:10px;max-width:420px;padding:13px 16px;font-size:13px;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 32px #10182838}.ui-toggle-group{background:#e9ecf1;border-radius:10px;gap:2px;padding:3px;display:inline-flex}.ui-toggle{min-height:34px;color:var(--muted);border-radius:7px;padding-inline:12px;font-size:12px}.ui-toggle.is-selected{color:var(--text);background:#fff;box-shadow:0 1px 3px #1018281f}.ui-tooltip{display:inline-flex;position:relative}.app-shell{width:100%;height:100vh;display:flex;overflow:hidden}.app-sidebar{color:#d0d5dd;background:var(--sidebar);flex-direction:column;flex:0 0 260px;width:260px;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.app-brand{align-items:center;gap:12px;padding:20px 18px 16px;display:flex}.sidebar-collapse{z-index:60;border:3px solid var(--canvas);color:#fff;cursor:pointer;background:linear-gradient(#3d3d47,#26262e);border-radius:0 12px 12px 0;place-items:center;width:34px;height:46px;margin:-23px 0 0;transition:left .22s,transform .15s;display:grid;position:fixed;top:50%;left:243px;box-shadow:0 8px 20px #11182747}.sidebar-collapse:hover{transform:translate(2px)}.sidebar-collapse svg{transform:rotate(90deg)}.app-brand-logo{object-fit:cover;border-radius:11px;flex:none;width:44px;height:44px}.app-brand-title{color:#fff;letter-spacing:-.02em;margin:0;font-size:15px;font-weight:800}.app-brand-subtitle{color:#8e9bad;margin:3px 0 0;font-size:9px;font-weight:650;line-height:1.25}.sidebar-project{margin:0 12px 12px}.sidebar-project-label{color:#65758b;letter-spacing:.12em;text-transform:uppercase;margin:0 4px 6px;font-size:8px;font-weight:780;display:block}.sidebar-project-control{color:#e7edf5;text-align:left;cursor:not-allowed;opacity:1;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:11px;grid-template-columns:32px minmax(0,1fr) 14px;align-items:center;gap:9px;width:100%;min-width:0;min-height:54px;padding:8px 10px;display:grid}.sidebar-project-mark{color:#67e8f9;background:linear-gradient(135deg,#0e749047,#26262e33);border:1px solid #67e8f947;border-radius:9px;place-items:center;width:32px;height:32px;font-size:10px;font-weight:820;display:grid}.sidebar-project-copy{min-width:0}.sidebar-project-copy strong,.sidebar-project-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-project-copy strong{color:#f8fafc;font-size:11px;font-weight:740}.sidebar-project-copy small{color:#8391a4;margin-top:3px;font-size:8px}.sidebar-project-chevron{color:#728197;text-align:right;font-size:16px}.workspace-badge{background:#ffffff09;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:9px;margin:0 14px 14px;padding:10px 12px;display:flex}.workspace-dot{background:#34d399;border-radius:50%;width:7px;height:7px}.workspace-copy{flex:1;min-width:0}.workspace-name{color:#f8fafc;margin:0;font-size:11px;font-weight:720}.workspace-meta{color:#8190a4;margin:2px 0 0;font-size:9px}.app-nav{scrollbar-width:none;border-top:1px solid #ffffff12;flex:1;padding:12px 10px;overflow-y:auto}.app-nav::-webkit-scrollbar{display:none}.nav-group{margin-bottom:14px}.nav-group-label{color:#67758a;letter-spacing:.1em;text-transform:uppercase;margin:0;padding:0 10px 6px;font-size:9px;font-weight:780}.nav-item{color:#9eaabc;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:38px;margin:2px 0;padding:0 11px;font-size:12px;font-weight:560;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.is-active{color:var(--navy);background:#fff;font-weight:720;box-shadow:0 5px 18px #0000002e}.nav-item.is-active svg{color:var(--primary)}.sidebar-account{background:#ffffff0a;border-radius:10px;align-items:center;gap:6px;margin:10px;padding:6px;display:flex}.sidebar-account-main{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;align-items:center;gap:9px;padding:4px;display:flex}.sidebar-account-main:hover{background:#ffffff0e}.sidebar-user{flex:1;min-width:0}.sidebar-user strong,.sidebar-user span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-user strong{color:#fff;font-size:11px}.sidebar-user span{color:#8290a3;margin-top:2px;font-size:9px}.sidebar-logout{color:#92a0b3;cursor:pointer;background:0 0;border:1px solid #ffffff17;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.sidebar-logout:hover{color:#fff;background:#ffffff12}.app-sidebar{transition:width .22s,flex-basis .22s}.app-sidebar.is-collapsed{flex-basis:76px;width:76px}.app-sidebar.is-collapsed .app-brand{justify-content:center;padding-inline:10px}.app-sidebar.is-collapsed .app-brand>div,.app-sidebar.is-collapsed .nav-group-label,.app-sidebar.is-collapsed .nav-item span,.app-sidebar.is-collapsed .sidebar-project,.app-sidebar.is-collapsed .sidebar-user,.app-sidebar.is-collapsed .sidebar-logout{display:none}.app-sidebar.is-collapsed .sidebar-collapse{left:59px}.app-sidebar.is-collapsed .sidebar-collapse svg{transform:rotate(-90deg)}.app-sidebar.is-collapsed .nav-item{justify-content:center;padding:0}.app-sidebar.is-collapsed .sidebar-account{justify-content:center}.app-sidebar.is-collapsed .sidebar-account-main{flex:none}.app-main{background:var(--canvas);flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 30px;display:flex}.app-context{align-items:baseline;gap:9px;display:flex}.app-context-kicker{color:var(--muted);font-size:11px;font-weight:620}.app-context-divider{color:#c3c8d0}.app-context-title{font-size:13px;font-weight:760}.app-timezone{color:var(--muted);letter-spacing:.04em;font-size:10px;font-weight:680}.app-content{flex:1;width:100%;max-width:1760px;min-height:0;margin:0 auto;padding:24px 30px;display:flex;overflow:hidden}.app-content>*{flex:1;width:100%;min-width:0;min-height:0}.app-content::-webkit-scrollbar{display:none}.app-content>.ui-h1:first-child,.app-content>.ui-stack:first-child .ui-h1,.app-content>.ui-box:first-child .ui-h1{display:none}.app-content>.ui-stack:first-child:has(.ui-h1){min-height:var(--control-h);align-items:center!important;margin-bottom:18px!important}.app-content>.ui-stack:first-child:has(.ui-h1) .ui-box>.ui-type:not(.ui-h1){margin-top:0!important}.app-content .ui-card{overflow:hidden}.app-content .ui-card>.ui-card-content{min-height:100%}.app-content .ui-button+.ui-button{margin-left:0}.app-content .ui-field-control,.app-content .ui-button{height:var(--control-h)}.app-content .ui-table-shell+.ui-stack{margin-top:14px}.page-help{position:relative}.page-help-trigger{min-height:var(--control-h);border:1px solid var(--line-strong);color:#475467;cursor:pointer;background:#fff;border-radius:9px;align-items:center;padding:0 14px;font-size:12px;font-weight:700;display:flex}.page-help-trigger:before{content:"?";color:#fff;background:var(--primary);border-radius:50%;place-items:center;width:18px;height:18px;margin-right:7px;font-size:11px;display:grid}.page-help.is-open>.page-help-trigger{border-color:var(--primary);box-shadow:0 0 0 3px #26262e14}.page-help-content{z-index:30;border:1px solid var(--line);color:#475467;background:#fff;border-radius:12px;width:min(480px,80vw);padding:16px 18px;font-size:12px;line-height:1.65;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 50px #10182829}.page-help-content p{margin:0 0 8px}.page-help-content p:last-child{margin-bottom:0}.profile-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10182885;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.profile-dialog{background:#fff;border:1px solid #ffffff29;border-radius:16px;width:min(520px,100%);overflow:hidden;box-shadow:0 28px 90px #1018284d}.profile-dialog-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;display:flex}.profile-identity{align-items:center;gap:12px;display:flex}.profile-avatar{color:#fff;background:var(--primary);border-radius:12px;place-items:center;width:44px;height:44px;font-size:16px;font-weight:780;display:grid}.profile-identity h2{color:var(--text);margin:0;font-size:17px}.profile-identity p{color:var(--muted);margin:4px 0 0;font-size:11px}.profile-close{width:32px;height:32px;color:var(--muted);background:var(--surface-soft);cursor:pointer;border:0;border-radius:8px;font-size:22px;line-height:1}.profile-dialog-body{gap:16px;padding:22px;display:grid}.profile-dialog-actions{border-top:1px solid var(--line);background:#fafbfc;justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.profile-saved{color:var(--success);margin:0;font-size:12px;font-weight:680}.trace-detail,.trace-detail>*{min-width:0}.trace-hero{border:1px solid var(--line);min-height:104px;box-shadow:var(--shadow);background:linear-gradient(135deg,#fff 0%,#fafbff 100%);border-radius:15px;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;display:flex}.trace-back-button{color:#475467;cursor:pointer;background:#fff;border:1px solid #cfd6e2;border-radius:9px;flex:none;min-height:36px;padding:0 12px;font-size:11px;font-weight:750}.trace-back-button:hover{color:#26262e;background:#f6f6f7;border-color:#b9b9c0}.trace-hero-main{align-items:center;gap:16px;min-width:0;display:flex}.trace-method{color:#26262e;background:#e8e8eb;border-radius:9px;flex:none;place-items:center;min-width:58px;height:34px;font-size:12px;font-weight:760;display:grid}.trace-method-get{color:#06704f;background:#e1f5ec}.trace-method-post{color:#1d4ed8;background:#e5edff}.trace-method-delete{color:#b42332;background:#fdecee}.trace-target{min-width:0}.trace-target h1{color:var(--text);letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;font-size:21px;font-weight:760;overflow:hidden}.trace-target code{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.trace-hero-status{justify-items:end;gap:4px;min-width:110px;display:grid}.trace-hero-status strong{color:var(--text);letter-spacing:-.035em;font-size:22px}.trace-hero-status>span:last-child{color:var(--muted);font-size:10px}.trace-snapshot{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 1px 2px #10182808}.trace-snapshot .trace-info-item{border-right:1px solid var(--line);min-height:70px;padding:15px 17px}.trace-snapshot .trace-info-item:last-child{border-right:0}.trace-info-item{flex-direction:column;gap:6px;min-width:0;display:flex}.trace-info-item>span{color:var(--muted);letter-spacing:.02em;font-size:10px;font-weight:680}.trace-info-item>strong{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:680;line-height:1.45;overflow:hidden}.trace-info-item>strong.is-mono{font-size:11px;font-weight:560}.trace-io-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.trace-io-card{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:15px;overflow:hidden}.trace-io-card>header{border-bottom:1px solid var(--line);background:#fafbfc;align-items:center;gap:12px;min-height:76px;padding:15px 18px;display:flex}.trace-card-icon{color:#fff;background:var(--primary);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.trace-response-card .trace-card-icon{background:var(--cyan)}.trace-io-card header h2{color:var(--text);margin:0;font-size:15px}.trace-io-card header p{color:var(--muted);margin:4px 0 0;font-size:10px}.trace-info-grid{background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.trace-info-grid .trace-info-item{background:#fff;min-height:82px;padding:16px}.trace-io-card.has-error{border-color:#dc3e4d59}.trace-error{color:#b42332;background:#fff1f2;border-radius:9px;gap:6px;margin:14px 16px 0;padding:12px 14px;display:grid}.trace-error strong{font-size:11px}.trace-error code{white-space:pre-wrap;font-size:11px;overflow:auto}.trace-header-details{border:1px solid var(--line);background:#fafbfc;border-radius:9px;margin:0 16px 16px}.trace-header-details summary{color:#475467;cursor:pointer;justify-content:space-between;align-items:center;min-height:38px;padding:0 12px;font-size:11px;font-weight:700;list-style:none;display:flex}.trace-header-details summary span{min-width:22px;color:var(--primary);background:var(--primary-soft);text-align:center;border-radius:5px;padding:3px 6px}.trace-header-list{border-top:1px solid var(--line);max-height:220px;overflow:auto}.trace-header-list>div{border-bottom:1px solid #eceef1;grid-template-columns:minmax(120px,.8fr) 1.2fr;gap:12px;padding:9px 12px;font-size:10px;display:grid}.trace-header-list>div:last-child{border-bottom:0}.trace-header-list code{color:#344054;word-break:break-word;font-weight:680}.trace-header-list span{color:var(--muted);word-break:break-word}.trace-stack-card{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:15px;overflow:hidden}.trace-section-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:15px 20px;display:flex}.trace-section-header h2{color:var(--text);margin:0;font-size:15px}.trace-section-header p{color:var(--muted);margin:4px 0 0;font-size:10px}.trace-section-header>span{color:#26262e;background:var(--primary-soft);border-radius:6px;padding:5px 8px;font-size:10px;font-weight:700}.trace-stack-columns,.span-row{grid-template-columns:minmax(250px,320px) minmax(130px,1fr) 78px 60px 48px;align-items:center;gap:12px;display:grid}.trace-stack-columns{border-bottom:1px solid var(--line);min-height:36px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#f7f8fa;padding:0 16px;font-size:9px;font-weight:740}.trace-stack-columns span:nth-child(n+3){text-align:right}.span-entry{border-bottom:1px solid #eceef1}.span-entry:last-child{border-bottom:0}.span-row{width:100%;min-height:58px;color:inherit;text-align:left;cursor:pointer;background:#fff;border:0;padding:8px 16px}.span-row:hover,.span-entry.is-open>.span-row{background:#f8f9ff}.span-call{min-width:0;overflow:hidden}.span-call-line{align-items:center;gap:7px;min-width:0;display:flex}.span-call-line code{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.span-call small{color:#596579;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:11px;line-height:1.4;display:block;overflow:hidden}.span-kind{color:#26262e;text-align:center;text-transform:uppercase;background:#ededf0;border-radius:5px;min-width:52px;padding:3px 6px;font-size:9px}.span-kind-servlet{color:#06704f;background:#e1f5ec}.span-kind-jdbc{color:#a15c06;background:#fff1d9}.span-timeline{background:#edf0f4;border-radius:5px;height:18px;position:relative;overflow:hidden}.span-timeline i{opacity:.9;border-radius:5px;min-width:3px;position:absolute;top:0;bottom:0}.span-duration,.span-share{color:#344054;text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.span-share{color:var(--muted);font-weight:560}.span-status{text-align:center;border-radius:5px;justify-self:end;min-width:36px;padding:4px 5px;font-size:9px;font-weight:800}.span-status.is-ok{color:#06704f;background:#e1f5ec}.span-status.is-error{color:#b42332;background:#fdecee}.span-detail{background:#f8f9ff;padding:0 16px 14px}.span-detail-grid{background:#fff;border:1px solid #e0e3f5;border-radius:10px;gap:8px;padding:14px;display:grid}.span-detail-row{grid-template-columns:90px minmax(0,1fr);align-items:start;gap:14px;display:grid}.span-detail-row>span{color:var(--muted);padding-top:2px;font-size:10px;font-weight:700}.span-detail-row pre{color:#344054;white-space:pre-wrap;word-break:break-word;min-width:0;margin:0;font-size:11px;line-height:1.55;overflow:auto}.span-detail-note{color:var(--muted);margin:0;font-size:10px}.span-detail-note code{color:#26262e}.trace-empty-stack{color:var(--muted);background:var(--surface-soft);text-align:center;border-radius:9px;margin:16px;padding:13px 15px;font-size:11px}.page-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-heading h1{letter-spacing:-.04em;margin:0;font-size:24px;font-weight:780}.page-heading p{color:var(--muted);margin:5px 0 0;font-size:12px}.content-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px}@media (width<=1280px){.app-sidebar{flex-basis:238px;width:238px}.app-content{padding-inline:22px}.trace-stack-columns,.span-row{grid-template-columns:minmax(220px,280px) minmax(110px,1fr) 70px 52px 42px;gap:9px}.trace-info-grid{grid-template-columns:1fr}.trace-info-grid .trace-info-item{min-height:64px}}@media (width<=900px){.app-sidebar{flex-basis:210px;width:210px}.app-brand{padding-inline:14px}.app-brand-logo{width:40px;height:40px}.app-brand-subtitle{max-width:120px}.app-header{padding-inline:18px}.app-content{padding:20px 16px 32px}.trace-io-grid{grid-template-columns:1fr}.trace-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}.trace-snapshot .trace-info-item{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.trace-snapshot .trace-info-item:nth-child(2n){border-right:0}.trace-stack{overflow-x:auto}.trace-stack-columns,.span-row{min-width:720px}}.subpage{flex-direction:column;gap:16px;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.subpage>:first-child{flex:none}.subpage-content{scrollbar-gutter:stable;flex:1;grid-auto-rows:max-content;align-content:start;gap:16px;min-width:0;min-height:0;padding-right:2px;display:grid;overflow:auto}.page-hero{border-radius:16px;align-items:center;gap:20px;min-height:92px;padding:18px 22px;display:flex;overflow:hidden}.page-hero-dark{color:#f8fafc;background:radial-gradient(circle at 88% 0%, #22d3ee2e, transparent 34%), linear-gradient(135deg,var(--navy),#0b2743);border:1px solid #18304d;box-shadow:0 14px 32px #000e2126}.page-hero-light{color:#172033;background:linear-gradient(135deg,#fff,#f7f9fc);border:1px solid #dce3ed;box-shadow:0 10px 26px #1521320d}.page-hero-copy{flex:1;min-width:0}.page-hero-copy>span{color:#67e8f9;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.page-hero-light .page-hero-copy>span{color:#26262e}.page-hero h2{letter-spacing:-.035em;margin:5px 0 2px;font-size:19px}.page-hero p{color:#9eadc2;margin:0;font-size:11px}.page-hero-light p{color:#778399}.page-hero-actions{align-items:center;gap:8px;display:flex}.page-hero-metric{text-align:right;flex:none;min-width:120px}.page-hero-metric strong{letter-spacing:-.05em;font-size:30px;line-height:1;display:block}.page-hero-metric span{color:#9eadc2;letter-spacing:.09em;text-transform:uppercase;margin-top:7px;font-size:9px;font-weight:750;display:block}.http-method{letter-spacing:.04em;border:1px solid;border-radius:6px;justify-content:center;align-items:center;min-width:48px;height:22px;padding:0 8px;font-size:10px;font-weight:750;line-height:1;display:inline-flex}.http-method-get{color:#06704f;background:#e7f8f1}.http-method-post{color:#3157b7;background:#edf2ff}.http-method-put{color:#a15c06;background:#fff4df}.http-method-patch{color:#7c3fb0;background:#f6edff}.http-method-delete{color:#b42332;background:#fdecee}.http-method-options,.http-method-head,.http-method-default{color:#58657a;background:#f0f2f5}.collecting-status{color:#078a61;align-items:center;gap:7px;font-size:11px;font-weight:750;display:inline-flex}.collecting-status:before{content:"";background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.3s ease-in-out infinite collecting-pulse}@keyframes collecting-pulse{0%,to{opacity:.35;box-shadow:0 0 #10b98147}50%{opacity:1;box-shadow:0 0 0 6px #10b98100}}.live-refresh-actions{align-items:center;gap:14px;display:flex}.account-editor-grid{gap:18px;padding-top:10px;display:grid}.permission-publishing-notice{color:#344054;background:#f5f8ff;border:1px solid #c7d7fe;border-radius:10px;align-items:center;gap:10px;padding:11px 14px;font-size:12px;display:flex}.permission-publishing-notice strong{color:#26262e;flex:none}.permission-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.permission-group-card{border:1px solid var(--line);background:#fff;border-radius:12px;gap:14px;min-width:0;padding:16px;display:grid}.permission-group-card>header{justify-content:space-between;gap:16px;display:flex}.permission-group-card h3{color:var(--text);margin:0;font-size:15px}.permission-group-card header p{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.55}.permission-group-actions{flex:none;align-items:flex-start;gap:6px;display:flex}.permission-group-summary{background:var(--surface-soft);border-radius:8px;align-items:baseline;gap:6px;padding:10px 12px;display:flex}.permission-group-summary strong{color:var(--primary);font-size:20px}.permission-group-summary span{color:var(--muted);font-size:11px}.permission-menu-chips{flex-wrap:wrap;gap:6px;min-height:24px;display:flex}.permission-menu-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.permission-menu-selector label{border:1px solid var(--line);color:#344054;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;min-height:34px;padding:7px 9px;font-size:12px;display:flex}.permission-menu-selector input{accent-color:var(--primary)}.agent-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.agent-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #dfe4ec;border-radius:14px;min-width:0;overflow:hidden;box-shadow:0 8px 22px #000e210e}.agent-card.is-active{border-top:3px solid #0b9b73}.agent-card.is-inactive{opacity:.76;border-top:3px solid #98a2b3}.agent-card-header{border-bottom:1px solid #e8ecf2;justify-content:space-between;align-items:center;min-height:43px;padding:6px 10px 5px 14px;display:flex}.agent-state{color:#526076;letter-spacing:.06em;text-transform:uppercase;align-items:center;font-size:10px;font-weight:760;display:inline-flex}.agent-card-identity{align-items:center;gap:12px;padding:15px 16px 12px;display:flex}.agent-card-identity>span{color:#fff;background:linear-gradient(135deg,var(--navy),#0e7490);border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:14px;font-weight:820;display:grid}.agent-card-identity strong,.agent-card-identity small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.agent-card-identity strong{color:#172033;font-size:13px}.agent-card-identity small{color:#748096;margin-top:4px;font-size:10px}.agent-card-specs{background:#e8ecf2;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid}.agent-card-specs>div{background:#fff;min-width:0;padding:10px 14px}.agent-card-specs dt{color:#8490a3;text-transform:uppercase;font-size:9px;font-weight:720}.agent-card-specs dd{color:#354157;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:11px;font-weight:650;overflow:hidden}.agent-card-footer{color:#4c586c;background:#f8fafc;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:11px 14px;font-size:10px;display:grid}.agent-card-footer span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.agent-card-footer small{color:#8a95a7;text-transform:uppercase;margin-bottom:3px;font-size:8px;font-weight:720;display:block}.log-detail-grid{background:#e8ecf2;border:1px solid #e0e5ec;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.log-detail-grid>div{background:#fff;min-width:0;padding:12px 14px}.log-detail-grid span,.log-message-detail>span{color:#8390a4;letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:760;display:block}.log-detail-grid strong{color:#354157;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:11px;display:block;overflow:hidden}.log-detail-grid .log-level-error,.log-detail-grid .log-level-fatal{color:var(--danger)}.log-detail-grid .log-level-warn{color:var(--warning)}.log-message-detail{background:#f7f9fc;border:1px solid #dfe4ec;border-radius:12px;margin-top:14px;padding:14px}.log-message-detail pre{color:#263348;white-space:pre-wrap;word-break:break-word;max-height:330px;margin:10px 0 0;font-size:12px;line-height:1.65;overflow:auto}.command-bar{background:#fff;border:1px solid #dce3ed;border-radius:14px;justify-content:space-between;align-items:flex-end;gap:16px;padding:16px;display:flex;box-shadow:0 8px 24px #1521320d}.command-bar-fields,.command-bar-actions{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.command-bar-fields{flex:1}.command-bar-actions{flex:none}.command-bar-fields:empty{display:none}.command-bar:has(.command-bar-fields:empty){min-height:32px;box-shadow:none;background:0 0;border:0;padding:0}.data-panel{background:#fff;border:1px solid #dce3ed;border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 12px 30px #1521320f}.data-panel-header{background:linear-gradient(#fff 0%,#fbfcfe 100%);border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:14px 18px;display:flex}.data-panel-header h2{color:#172033;margin:2px 0 0;font-size:15px;font-weight:750;line-height:1.3}.data-panel-eyebrow{color:#778399;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:750;line-height:1.2;display:block}.data-panel-meta{color:#6d788d;white-space:nowrap;font-size:12px}.data-panel-body{min-width:0;padding:14px}.data-panel-body>.ag-theme-quartz{border:0;border-radius:10px}.ag-center-cell{text-align:center;justify-content:center;align-items:center;display:flex!important}.ag-right-cell{text-align:right;justify-content:flex-end;align-items:center;display:flex!important}.data-panel-footer{background:#fbfcfe;border-top:1px solid #e8edf4;padding:12px 16px}.subpage-pagination{justify-content:center;align-items:center;gap:14px;display:flex}.number-pagination{justify-content:center;align-items:center;gap:5px;display:flex}.number-pagination button{color:#667085;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;font-size:12px;font-weight:720;display:grid}.number-pagination button:hover:not(:disabled){color:#26262e;background:#f1f1f3}.number-pagination button.is-active{color:#fff;background:#26262e;border-color:#26262e;box-shadow:0 4px 10px #26262e33}.number-pagination button:disabled{cursor:default;opacity:.3}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.chart-grid>*{min-width:0;height:100%}.overview-page .subpage-content,.realtime-page .subpage-content{gap:14px}.loading-progress-shell{align-items:flex-start;width:100%;min-height:48px;padding-top:4px;display:flex}.loading-progress-track{background:#dfe4ec;border-radius:999px;width:100%;height:4px;position:relative;overflow:hidden}.loading-progress-value{inset-block:0;border-radius:inherit;background:linear-gradient(90deg,#26262e,#22c7d6);width:42%;animation:1.15s ease-in-out infinite loading-progress-slide;position:absolute;left:-42%}@keyframes loading-progress-slide{0%{transform:translate(0)}to{transform:translate(340%)}}.overview-hero,.realtime-hero{color:#f8fafc;background:radial-gradient(circle at 86% 10%, #22d3ee2e, transparent 34%), linear-gradient(135deg, var(--navy) 0%, #0b2743 100%);border:1px solid #18304d;border-radius:17px;justify-content:space-between;align-items:center;gap:24px;min-height:104px;padding:20px 22px;display:flex;overflow:hidden;box-shadow:0 14px 32px #000e2129}.overview-hero h2,.realtime-hero h2{letter-spacing:-.035em;margin:6px 0 3px;font-size:20px}.overview-hero p,.realtime-hero p{color:#9eadc2;margin:0;font-size:12px}.live-indicator{color:#67e8f9;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:800;display:inline-flex}.live-indicator:before{content:"";background:#22d3ee;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #22d3ee1f}.overview-hero .ui-stack{background:#ffffff1a!important}.overview-metrics,.realtime-bands{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.overview-metric,.realtime-band{background:#fff;border:1px solid #dce3ed;border-radius:14px;min-width:0;padding:16px 18px;box-shadow:0 8px 22px #1521320d}.overview-metric span,.realtime-band span{color:#7b879a;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:750;display:block}.overview-metric strong,.realtime-band strong{color:#172033;letter-spacing:-.045em;margin-top:8px;font-size:24px;font-weight:800;line-height:1;display:block}.overview-metric small,.realtime-band small{color:#8a94a6;margin-top:7px;font-size:10px;display:block}.overview-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:12px;min-height:0;display:grid}.overview-list{gap:8px;display:grid}.overview-row{color:#344054;background:#fff;border:1px solid #e6eaf0;border-radius:10px;grid-template-columns:minmax(0,1fr) 90px 72px;align-items:center;gap:16px;min-height:48px;padding:0 12px;font-size:12px;text-decoration:none;display:grid}.overview-row:hover{color:#26262e;background:#f6f6f7}.overview-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overview-row>span{text-align:right}.overview-issue{grid-template-columns:minmax(0,1fr) auto}.overview-issue strong{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.overview-issue strong>span{text-overflow:ellipsis;overflow:hidden}.overview-issue small{color:#8993a5;margin-top:3px;font-weight:500;display:block}.overview-issue strong small{grid-column:1/-1}.overview-service-card{color:#344054;background:linear-gradient(135deg,#fff,#fafbfe);border:1px solid #dfe4eb;border-radius:12px;grid-template-columns:38px minmax(0,1fr) 90px 80px 24px;align-items:center;gap:12px;min-height:66px;padding:10px 12px;text-decoration:none;display:grid;box-shadow:0 5px 14px #1521320a}.overview-service-card:hover{border-color:#b9b9c0;transform:translateY(-1px);box-shadow:0 8px 20px #26262e17}.overview-service-icon{color:#fff;background:linear-gradient(135deg,#26262e,#0891b2);border-radius:10px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid}.overview-service-card>div>strong{font-size:12px;display:block}.overview-service-card small{color:#8a94a6;text-transform:uppercase;letter-spacing:.04em;margin-top:3px;font-size:9px;display:block}.overview-service-metric{text-align:right;border-left:1px solid #e7eaf0;padding-left:12px}.overview-service-arrow{color:#6259ea;text-align:right;font-size:17px}.overview-issue{min-height:62px;padding-block:9px}.realtime-hero-total{text-align:right;flex:none}.realtime-hero-total strong{letter-spacing:-.05em;font-size:32px;line-height:1;display:block}.realtime-hero-total span{color:#9eadc2;text-transform:uppercase;letter-spacing:.08em;margin-top:7px;font-size:10px;display:block}.realtime-band{padding-left:22px;position:relative}.realtime-band:before{content:"";background:var(--band-color);border-radius:0 3px 3px 0;width:3px;position:absolute;top:16px;bottom:16px;left:0}.realtime-chart-shell{background:linear-gradient(#fafbff 0%,#fff 100%);border-radius:12px;padding:6px 4px 0}.service-flow-group{border-top:1px solid #e6eaf0;margin-top:16px;padding-top:14px}.service-flow-group>header{align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.service-flow-group>header span{color:#778399;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}.service-flow-group>header strong{font-size:13px}.service-flow-group>header small{color:#8a94a6;margin-left:auto;font-size:10px}.realtime-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.realtime-service-card{background:#fbfcfe;border:1px solid #e0e5ec;border-radius:11px;min-width:0;overflow:hidden}.realtime-service-card>header{justify-content:space-between;padding:9px 11px 5px;font-size:11px;display:flex}.realtime-service-card>header span{color:#778399;font-size:10px}@media (width<=900px){.overview-metrics,.realtime-bands{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid,.agent-card-grid,.permission-group-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid{grid-template-columns:1fr}}@media (width<=640px){.command-bar{flex-direction:column;align-items:stretch}.command-bar-actions{justify-content:flex-end}.metric-grid{grid-template-columns:1fr}.data-panel-header{align-items:flex-start}.live-refresh-actions{flex-direction:column;align-items:flex-end;gap:8px}.log-detail-grid{grid-template-columns:1fr}.permission-publishing-notice{flex-direction:column;align-items:flex-start}.permission-group-card>header{flex-direction:column}.permission-group-actions{justify-content:flex-end}.permission-menu-selector{grid-template-columns:1fr}}