:root{color:#182033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.screen-center,.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(120deg,#1a5eff14,#0abf911a),#f5f7fb}.login-card{width:min(420px,100%);padding:32px;border:1px solid #dce4f2;border-radius:8px;background:#fff;box-shadow:0 20px 60px #202f561f}.login-card h1{margin:28px 0 10px;font-size:28px}.login-card p{margin:0 0 24px;color:#657089;line-height:1.7}.login-card footer{margin-top:20px;color:#7b8498;font-size:12px;word-break:break-all}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:#111827;color:#fff}.brand{display:flex;align-items:center;gap:12px}.brand.compact{color:#182033}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:#1a5eff;color:#fff;font-weight:800}.brand strong,.brand span{display:block}.brand span{margin-top:3px;color:#9aa7bd;font-size:12px}.nav{margin-top:34px;display:grid;gap:8px}.nav button{width:100%;height:42px;padding:0 14px;border-radius:8px;background:transparent;color:#c8d1e3;text-align:left}.nav button:hover,.nav button.active{background:#22304a;color:#fff}.main{min-width:0;padding:28px}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:24px}.topbar h1{margin:0 0 6px;font-size:26px}.topbar p{margin:0;color:#6b7488}.account{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #dce4f2;border-radius:8px;background:#fff}.account span{font-size:13px;color:#586278}.page-stack{display:grid;gap:18px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat-card,.panel{border:1px solid #dce4f2;border-radius:8px;background:#fff}.stat-card{min-height:116px;padding:18px}.stat-card span,.trace-summary span{display:block;color:#66728a;font-size:13px}.stat-card strong,.trace-summary strong{display:block;margin-top:10px;font-size:28px;line-height:1.1}.stat-card small,.trace-summary small{display:block;margin-top:10px;color:#7c879a}.panel{overflow:hidden}.panel-head{min-height:62px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #edf1f7}.panel h2{margin:0;font-size:17px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px 18px;border-bottom:1px solid #edf1f7;text-align:left;white-space:nowrap}th{color:#66728a;font-size:12px;font-weight:700;background:#fafbfd}td{color:#25304a;font-size:13px}.pill,.label{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#eaf7f2;color:#087f5b;font-size:12px;font-weight:700}.pill.running{background:#eef4ff;color:#1a5eff}.pill.error{background:#fff0f0;color:#c93535}.danger,.error{color:#c93535}.error{margin:14px 18px;padding:12px 14px;border:1px solid #ffc9c9;border-radius:8px;background:#fff7f7}.notice{padding:12px 14px;border:1px solid #dbe7ff;border-radius:8px;background:#f6f9ff;color:#34517d;font-size:13px}.muted,.empty{padding:24px 18px;color:#6b7488}.primary,.secondary,.ghost{height:38px;padding:0 14px;border-radius:8px}.primary{background:#1a5eff;color:#fff;font-weight:800}.primary.wide{width:100%;height:46px}.secondary{background:#182033;color:#fff}.ghost{border:1px solid #d7dfec;background:#fff;color:#25304a}.action-row,.search,.pager,.admin-form,.toolbar-line{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.action-row{padding:18px}.search input{width:260px;height:38px;padding:0 12px;border:1px solid #cfd8e7;border-radius:8px;outline:none}.search input:focus{border-color:#1a5eff}.admin-form{padding:18px;align-items:flex-start}.admin-form>input{width:240px;height:38px;padding:0 12px;border:1px solid #cfd8e7;border-radius:8px;outline:none}.checkbox-grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0}.checkbox-grid label{min-height:34px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #dce4f2;border-radius:8px;color:#34405a;font-size:13px}.permissions-cell{max-width:420px;white-space:normal;line-height:1.6}.detail-cell{max-width:520px;white-space:normal;word-break:break-word}.danger-button{color:#c93535}.segmented{display:inline-flex;min-height:38px;overflow:hidden;border:1px solid #cfd8e7;border-radius:8px;background:#fff}.segmented button{min-width:72px;padding:0 14px;background:transparent;color:#34405a}.segmented button.active{background:#182033;color:#fff}.wide-search input{width:min(560px,58vw)}.pager{justify-content:flex-end;padding:14px 18px}.pager span{margin-right:auto;color:#6b7488;font-size:13px}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:18px}.detail-grid>div{min-height:78px;padding:12px;border:1px solid #edf1f7;border-radius:8px;background:#fafbfd}.detail-grid span{display:block;color:#66728a;font-size:12px}.detail-grid strong{display:block;margin-top:8px;overflow:hidden;color:#25304a;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.detail-sections{display:grid;gap:16px;padding:0 18px 18px}.platform-block{display:grid;gap:16px;padding:18px}.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px}.health-item{min-height:96px;padding:14px;border:1px solid #edf1f7;border-radius:8px;background:#fafbfd}.health-item span,.health-item small{display:block;color:#66728a;font-size:12px}.health-item strong{display:block;margin:9px 0;overflow:hidden;color:#25304a;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.mini-table{overflow:hidden;border:1px solid #edf1f7;border-radius:8px}.mini-table h3{margin:0;padding:13px 14px;border-bottom:1px solid #edf1f7;background:#fafbfd;font-size:15px}.progress-list{display:grid;gap:16px;padding:18px}.compact-progress{grid-template-columns:repeat(3,minmax(0,1fr))}.progress-item{display:grid;grid-template-columns:minmax(160px,1fr) 92px;gap:10px 16px;align-items:center}.progress-item span{display:block;margin-top:4px;color:#66728a;font-size:12px}.progress-item b{text-align:right}.progress{grid-column:1 / -1;height:8px;overflow:hidden;border-radius:999px;background:#e8eef7}.progress div{height:100%;border-radius:inherit;background:#0abf91}.trace-layout{padding:18px}.trace-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.trace-summary>div{min-height:110px;padding:18px;border:1px solid #edf1f7;border-radius:8px;background:#fafbfd}.timeline{display:grid;gap:12px}.timeline-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start}.depth{width:36px;height:36px;display:grid;place-items:center;border-radius:999px;background:#edf3ff;color:#1a5eff;font-weight:800}.node-card{padding:14px;border:1px solid #dce4f2;border-radius:8px}.node-main,.node-meta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.node-meta{margin-top:10px;color:#66728a;font-size:12px}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.nav button{text-align:center}.main{padding:18px}.topbar,.panel-head{align-items:stretch;flex-direction:column}.account{justify-content:space-between}.stats-grid,.trace-summary,.health-grid,.compact-progress,.detail-grid,.checkbox-grid{grid-template-columns:1fr}.wide-search input,.search input{width:min(100%,520px)}}@media(max-width:560px){.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.account{flex-wrap:wrap}.search,.search input,.search button{width:100%}.progress-item{grid-template-columns:1fr}.progress-item b{text-align:left}}