:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#1f2937;background:#f3f4f6}*{box-sizing:border-box}body{margin:0;min-width:1280px;background:#f3f4f6;color:#111827}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{background:#111827;color:#f9fafb;padding:24px 16px;display:flex;flex-direction:column;gap:24px}.brand{font-size:20px;font-weight:700}.nav{display:flex;flex-direction:column;gap:8px}.nav-link{padding:10px 12px;border-radius:10px;color:#d1d5db}.nav-link:hover,.nav-link.active{background:#1f2937;color:#fff}.content{padding:24px;min-width:0}.page-header{margin-bottom:16px}.page-header h1{margin:0;font-size:28px}.stack{display:flex;flex-direction:column;gap:16px}.stack.compact{gap:12px}.grid{display:grid;gap:16px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-right{grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr)}.metrics-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 8px 24px #0f172a0a;min-width:0}.nested-card{padding:16px}.link-card{display:flex;flex-direction:column;gap:6px;transition:border-color .2s ease,transform .2s ease}.link-card:hover{border-color:#2563eb;transform:translateY(-1px)}.form-grid{display:grid;gap:12px}.filters-grid{grid-template-columns:repeat(3,minmax(0,1fr))}label{display:flex;flex-direction:column;gap:6px;min-width:0}label>span{font-size:13px;color:#6b7280}input,select,textarea{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;background:#fff;color:#111827}input:focus,select:focus,textarea:focus{outline:2px solid rgba(37,99,235,.18);border-color:#2563eb}.textarea{min-height:120px;resize:vertical}.monospace,.code-block{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.actions{display:flex;gap:8px;align-items:center}.actions.wrap{flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;border:1px solid #d1d5db;background:#fff;color:#111827}.button.primary{background:#2563eb;border-color:#2563eb;color:#fff}.button.danger{background:#dc2626;border-color:#dc2626;color:#fff}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid #e5e7eb}.compact-table th,.compact-table td{padding:8px 10px}.table tbody tr:hover{background:#f9fafb}.selected-row{background:#eff6ff}.metric-card{display:flex;flex-direction:column;gap:8px}.metric-label,.kv-label,.muted,.small{color:#6b7280}.metric-value{font-size:24px}.kv-item{display:flex;flex-direction:column;gap:4px}.kv-value{word-break:break-all}.success-box,.error-box,.warning-box,.loading{padding:12px 14px;border-radius:12px}.success-box{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.error-box{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.warning-box{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.loading{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.preview-box,.code-block{max-height:420px;overflow:auto;padding:12px;border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb}.code-block{white-space:pre-wrap;word-break:break-word}.span-all{grid-column:1 / -1}.small{font-size:12px}