*{box-sizing:border-box}.app{display:grid;grid-template-columns:320px 1fr;grid-template-rows:56px 1fr;grid-template-areas:"header header" "sidebar main";height:100vh}.app-header{grid-area:header;display:flex;justify-content:space-between;align-items:center;padding:0 18px;background:#0f172af2;border-bottom:1px solid rgba(251,191,36,.25)}.app-header h1{font-size:17px;margin:0;color:#fbbf24}.app-header .subtitle{margin-left:10px;font-size:11px;color:#94a3b8}.app-header .status{font-size:11px;color:#cbd5e1;display:flex;align-items:center;gap:6px}.app-header .status .dot{width:9px;height:9px;border-radius:50%;background:#ef4444}.sidebar{grid-area:sidebar;background:#0f172aeb;border-right:1px solid #1e293b;padding:12px 14px;overflow-y:auto}.sidebar h2{font-size:11px;color:#fbbf24;text-transform:uppercase;letter-spacing:.5px;margin:12px 0 6px}.main{grid-area:main;position:relative;background:#050712}.overlay-top-right{position:absolute;top:12px;right:12px;background:#0f172ad9;border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:10px 14px;color:#cbd5e1;font-size:11px;font-family:SF Mono,monospace;line-height:1.6;min-width:180px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay-top-right .row{display:flex;justify-content:space-between;gap:8px}.overlay-top-right .k{color:#94a3b8}.overlay-top-right .v{color:#fbbf24;font-weight:600}code{background:#fbbf241f;color:#fbbf24;padding:1px 5px;border-radius:3px;font-size:11px;font-family:SF Mono,monospace}