:root{color:#f4efe4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-panel:#141821c2;--bg-panel-strong:#0c0f17eb;--border:#ffffff1a;--text-muted:#f0ebdead;--accent:#ff8b46;--accent-soft:#ff8b4624;--blue-soft:#5989ff29;--green-soft:#4ecb7129;--yellow-soft:#ffd25429;--red-soft:#ff5d5d29;--shadow:0 24px 80px #00000047;background:radial-gradient(circle at 0 0,#d6582452,#0000 28%),radial-gradient(circle at 80% 12%,#5a8bff33,#0000 24%),linear-gradient(#14110f 0%,#110f16 52%,#171e2c 100%);font-family:IBM Plex Sans KR,Pretendard Variable,Inter,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}code,pre{font-family:IBM Plex Mono,SFMono-Regular,monospace}pre{white-space:pre-wrap}.app-shell{grid-template-columns:290px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080a0fad;align-self:start;min-height:100vh;padding:28px 22px;position:sticky;top:0}.brand-block,.sidebar-card,.panel,.metric-card,.issue-card,.stack-card,.log-row,.event-card{border:1px solid var(--border);background:var(--bg-panel);box-shadow:var(--shadow)}.brand-block{border-radius:24px;margin-bottom:18px;padding:18px}.brand-block h1{letter-spacing:-.06em;margin:0;font-size:2.3rem}.brand-copy{color:var(--text-muted);margin:10px 0 0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#f7b78c;margin:0 0 10px;font-size:.72rem}.nav-list{gap:8px;display:grid}.nav-link{color:var(--text-muted);border:1px solid #0000;border-radius:16px;padding:12px 14px;transition:background-color .16s,color .16s,border-color .16s}.nav-link:hover,.nav-link.active{color:#fff7f1;border-color:var(--border);background:#ffffff0f}.sidebar-card{border-radius:20px;margin-top:18px;padding:16px}.sidebar-card-label{color:var(--text-muted);margin:0 0 8px;font-size:.88rem}.sidebar-card-copy{color:var(--text-muted);margin:8px 0 0;font-size:.9rem}.content-shell{padding:28px}.content-topbar{z-index:5;border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow);background:#0b0e16d6;border-radius:20px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:14px 16px;display:flex;position:sticky;top:18px}.topbar-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#f7b78c;margin:0 0 4px;font-size:.74rem}.help-trigger,.modal-close{color:#fff7f1;cursor:pointer;background:#ff8b4629;border:1px solid #ff8b466b;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 16px;display:inline-flex}.help-trigger:hover,.modal-close:hover{background:#ff8b463d}.page-stack{gap:18px;display:grid}.hero-panel,.panel{border-radius:28px;padding:24px}.hero-panel{box-shadow:var(--shadow);background:linear-gradient(135deg,#ff8b4624,#0000 38%),linear-gradient(#ffffff08,#ffffff03);border:1px solid #ffffff1f;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:20px;display:grid}.hero-panel h2,.section-heading h3{letter-spacing:-.05em;margin:0;font-size:clamp(1.4rem,2vw,2.3rem)}.hero-copy{color:var(--text-muted);max-width:72ch;margin:14px 0 0}.hero-stats{gap:12px;display:grid}.hero-stats div{border:1px solid var(--border);background:#0a0d15bd;border-radius:20px;padding:18px}.hero-stats span{color:var(--text-muted);font-size:.84rem;display:block}.hero-stats strong,.metric-card strong{letter-spacing:-.04em;margin-top:8px;font-size:1.8rem;display:block}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.card-grid,.two-column,.split-layout{gap:16px;display:grid}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-column,.split-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{border-radius:22px;padding:18px}.metric-card.active{background:linear-gradient(180deg, #5989ff2e, #141821cc), var(--bg-panel)}.metric-card.warning{background:linear-gradient(180deg, #ffd25429, #141821cc), var(--bg-panel)}.metric-card.error{background:linear-gradient(180deg, #ff5d5d2e, #141821cc), var(--bg-panel)}.metric-title,.metric-meta,.detail-list dt,.context-grid dt,.issue-card p,.stack-card p,.log-row-meta,.timeline-meta{color:var(--text-muted)}.metric-title{margin:0 0 10px}.metric-meta{margin:10px 0 0}.status-badge{border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:.82rem;display:inline-flex}.status-badge.active{background:var(--green-soft)}.status-badge.inactive{background:#ffffff0d}.status-badge.warning{background:var(--yellow-soft)}.status-badge.error{background:var(--red-soft)}.link-list,.stack-list,.issue-list{gap:12px;display:grid}.quick-link,.issue-card{text-align:left;width:100%}.quick-link{border:1px solid var(--border);background:#ffffff0a;border-radius:18px;padding:14px 16px}.quick-link-inline{width:auto}.quick-link:hover{background:var(--accent-soft);border-color:#ff8b4670}.detail-list,.context-grid{gap:12px;display:grid}.detail-list div,.context-grid div{border-bottom:1px solid #ffffff12;padding:14px 0}.detail-list dd,.context-grid dd{margin:6px 0 0}.plain-list,.number-list{color:var(--text-muted);margin:0;padding-left:18px}.number-list{gap:10px;display:grid}.toolbar{flex-wrap:wrap;gap:12px;display:flex}.token-group{flex-wrap:wrap;gap:8px;display:flex}.token{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:8px 12px}.token.active{background:var(--blue-soft);color:#fff}.search-input{border:1px solid var(--border);color:#fff;background:#ffffff0a;border-radius:14px;min-width:220px;padding:10px 12px}.table-panel{overflow:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #ffffff14;padding:14px 12px}.log-list,.timeline-list{gap:12px;display:grid}.log-row,.stack-card,.event-card{border-radius:20px;padding:16px}.log-row p,.timeline-item p,.stack-card p,.event-card p{margin:10px 0 0}.log-row-meta,.timeline-meta{flex-wrap:wrap;gap:10px;font-size:.85rem;display:flex}.timeline-item{grid-template-columns:18px minmax(0,1fr);gap:16px;padding:12px 0;display:grid;position:relative}.timeline-dot{background:#ffffff61;border-radius:50%;width:12px;height:12px;margin-top:5px}.timeline-item.pass .timeline-dot{background:#5ddd87}.timeline-item.block .timeline-dot{background:#ff6a6a}.timeline-item.error .timeline-dot,.timeline-item.failure .timeline-dot{background:#ffcf56}.issue-card{cursor:pointer;border-radius:20px;padding:16px}.issue-card.active{background:var(--accent-soft);border-color:#ff8b4685}.issue-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tag-cloud{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04060aa8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-sheet{border:1px solid var(--border);width:min(980px,100%);max-height:min(88vh,980px);box-shadow:var(--shadow);background:#080b12f5;border-radius:28px;padding:18px;overflow:auto}.modal-header{z-index:2;background:#080b12f5;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;display:flex;position:sticky;top:0}.help-content.compact .panel:first-child{margin-top:0}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);min-height:auto;padding:18px;position:static}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column,.split-layout,.hero-panel{grid-template-columns:1fr}.nav-list{grid-template-columns:repeat(4,minmax(0,max-content));padding-bottom:4px;overflow-x:auto}}@media (width<=720px){.content-shell{padding:14px}.card-grid{grid-template-columns:1fr}.content-topbar{border-radius:18px;flex-direction:column;align-items:stretch;padding:12px 14px;top:10px}.help-trigger,.modal-close{width:100%}.brand-block{margin-bottom:14px;padding:14px}.brand-block h1{font-size:1.8rem}.nav-list{grid-template-columns:repeat(7,max-content);gap:6px}.nav-link{white-space:nowrap;padding:10px 12px}.sidebar-card{margin-top:14px;padding:14px}.hero-panel,.panel{border-radius:22px;padding:16px}.hero-stats strong,.metric-card strong{font-size:1.45rem}.search-input{width:100%;min-width:0}.toolbar,.token-group{width:100%}.issue-card-top,.section-heading{flex-direction:column;align-items:flex-start}.quick-link-inline{width:100%}.modal-backdrop{padding:10px}.modal-sheet{border-radius:20px;max-height:92vh;padding:14px}.modal-header{flex-direction:column;align-items:flex-start}}