:root{--ink:#1f2937;--muted:#6b7280;--line:#d1d5db;--panel:#fff}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:var(--ink);background:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}.app-shell{width:min(1440px,100vw - 40px);margin:0 auto;padding:20px 0 60px}.panel-shell,.tab-shell{border:1px solid var(--line);background:var(--panel)}.tab-shell{padding:24px}.tab-nav{justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px;display:flex}.tab-nav h2{margin:0;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:600}.tab-buttons{flex-wrap:wrap;gap:10px;display:flex}.tab-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;padding:12px 18px;transition:background-color .2s,color .2s,border-color .2s,transform .2s}.tab-button:hover,.event-card:hover{transform:translateY(-1px)}.tab-button.active{color:#fff;background:#1f2937;border-color:#1f2937}.panel-shell{padding:26px}.raw-grid{grid-template-columns:minmax(340px,.92fr) minmax(0,1.08fr);gap:18px;display:grid}.event-browser,.event-detail,.detail-card,.task-sidebar{flex-direction:column;gap:14px;display:flex}.event-list{gap:10px;max-height:720px;padding-right:6px;display:grid;overflow:auto}.event-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;padding:14px 16px}.event-card.selected{background:#eff6ff;border-color:#94a3b8}.event-card strong{margin-bottom:6px;display:block}.event-card p{color:#18212bb8;margin:0;line-height:1.55}.event-time{color:var(--muted);margin-bottom:7px;font-size:.84rem;display:inline-block}.detail-card{border:1px solid var(--line);background:#fff;padding:18px}.detail-head{align-items:flex-start;gap:14px;display:flex}.detail-head span{width:12px;min-width:12px;height:54px;margin-top:3px}.detail-head p{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.84rem}.detail-head h3{margin:0 0 8px;font-size:1.1rem;font-weight:600}.detail-summary{color:#18212bbd;margin:0;line-height:1.6}.detail-card pre{white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid #e5e7eb;margin:0;padding:16px;line-height:1.7;overflow:auto}.graph-panel-shell{gap:18px;display:grid}.panel-toolbar,.timeline-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-toolbar-end{justify-content:flex-end}.graph-host{background:#fff;border:1px solid #e5e7eb;width:100%}.graph-detail-card{max-width:520px}.system-panel-shell{gap:16px}.system-detail-card{max-width:560px}.timeline-board.single{grid-template-columns:1fr;display:grid}.timeline-controls{border:1px solid var(--line);background:#fff;padding:16px 18px}.timeline-controls label{color:var(--muted);margin-bottom:14px;display:block}.timeline-toolbar label{margin-bottom:0}.timeline-slider{width:100%}.graph-split-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;display:grid}.detail-list{color:#18212bc7;margin:0;padding-left:18px;line-height:1.75}.task-sidebar,.system-detail-card{width:360px;max-width:360px}.system-sidebar{flex-direction:column;gap:14px;display:flex}.info-table-card{gap:12px}.info-switch{flex-wrap:wrap;gap:8px;display:flex}.info-switch-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;white-space:nowrap;background:#fff;padding:7px 12px}.info-switch-button.active{color:#fff;background:#1f2937;border-color:#1f2937}.info-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.92rem}.info-table th,.info-table td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:10px;line-height:1.65}.info-table thead th{background:#f8fafc;font-weight:600}.compact-table th:first-child,.compact-table td:first-child{white-space:nowrap;width:88px}.tool-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;white-space:nowrap;background:#fff;padding:9px 14px}.tool-button:hover{background:#f8fafc}.view-fade-enter-active,.view-fade-leave-active{transition:opacity .24s,transform .24s}.view-fade-enter-from,.view-fade-leave-to{opacity:0;transform:translateY(8px)}@media (width<=1080px){.app-shell{width:min(100vw - 24px,1440px);padding-top:12px}.raw-grid,.graph-split-layout{grid-template-columns:1fr}.tab-nav,.panel-toolbar,.timeline-toolbar{flex-direction:column;align-items:flex-start}.task-sidebar,.system-detail-card{width:auto;max-width:none}}@media (width<=720px){.panel-shell,.tab-shell{padding:20px}.tab-buttons{width:100%}.tab-button{flex:1}.graph-host{height:560px!important}.system-panel-shell .graph-host{height:820px!important}}