:root{color-scheme:light;font-family:Inter,SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background:radial-gradient(circle at top left,rgba(59,130,246,.1),transparent 28%),radial-gradient(circle at top right,rgba(168,85,247,.08),transparent 24%),linear-gradient(180deg,#f5f7fb,#eef2f8)}*{box-sizing:border-box}body{margin:0;min-width:1280px;background:radial-gradient(circle at top left,rgba(59,130,246,.08),transparent 28%),linear-gradient(180deg,#f8fafc,#eef2f8);color:#0f172a}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:264px minmax(0,1fr)}.sidebar{position:sticky;top:0;min-height:100vh;color:#e5eefb;padding:28px 18px;display:flex;flex-direction:column;gap:24px;background:radial-gradient(circle at top,rgba(96,165,250,.16),transparent 32%),linear-gradient(180deg,#0f172a,#131c31 42%,#172554);border-right:1px solid rgba(148,163,184,.14);box-shadow:inset -1px 0 #ffffff08}.brand{font-size:22px;font-weight:800;letter-spacing:.02em;color:#f8fbff}.nav{display:flex;flex-direction:column;gap:8px}.nav-link{display:flex;align-items:center;min-height:44px;padding:11px 14px;border-radius:14px;color:#c7d2fe;border:1px solid transparent;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff14;border-color:#bfdbfe24;box-shadow:0 14px 32px #0f172a38;transform:translate(2px)}.content{padding:30px;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,.modal-card,.drawer-panel{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.card{position:relative;overflow:hidden;background:#ffffffd1;border:1px solid rgba(148,163,184,.22);border-radius:24px;padding:22px;box-shadow:0 18px 50px #0f172a14;min-width:0}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.7),transparent 70%);pointer-events:none}.nested-card{padding:18px;border-radius:20px;background:#ffffffb8}.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 rgba(148,163,184,.34);border-radius:14px;padding:11px 13px;background:#ffffffe6;color:#1e293b;box-shadow:inset 0 1px #ffffffb3,0 1px 2px #0f172a08;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input:hover,select:hover,textarea:hover{border-color:#60a5fa75}input:focus,select:focus,textarea:focus{outline:none;border-color:#3b82f6e6;background:#fff;box-shadow:0 0 0 4px #3b82f61f,inset 0 1px #ffffffeb}.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;gap:8px;min-height:40px;padding:10px 16px;border-radius:12px;border:1px solid rgba(148,163,184,.3);background:#ffffffeb;color:#1e293b;box-shadow:inset 0 1px #ffffffd1,0 8px 20px #0f172a0f;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.button:hover{transform:translateY(-1px);border-color:#60a5fa75;box-shadow:0 16px 30px #0f172a17}.button.primary{background:linear-gradient(135deg,#2563eb,#4f46e5 55%,#7c3aed);border-color:transparent;color:#fff;box-shadow:0 16px 34px #2563eb47}.button.primary:hover{box-shadow:0 20px 40px #2563eb5c}.button.danger{background:linear-gradient(135deg,#dc2626,#ef4444);border-color:transparent;color:#fff;box-shadow:0 16px 34px #dc26263d}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.table th,.table td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid rgba(226,232,240,.92)}.table thead th{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#64748b;background:#f8fafcb8;position:sticky;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.compact-table th,.compact-table td{padding:8px 10px}.table tbody tr{transition:background .18s ease,transform .18s ease}.table tbody tr:hover{background:#f8fafce6}.selected-row{background:#dbeafeb8}.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:13px 15px;border-radius:14px;box-shadow:0 10px 24px #0f172a0a}.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}.page-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-toolbar h2,.page-toolbar h3,.page-toolbar p{margin:0}.draft-list-table tbody tr{cursor:pointer}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a57;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:40}.modal-card{width:min(960px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fffffff0;border-radius:24px;border:1px solid rgba(255,255,255,.58);box-shadow:0 24px 70px #0f172a1a;padding:22px}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30}.drawer.open{pointer-events:auto}.drawer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .22s ease}.drawer.open:before{opacity:1}.drawer-panel{position:absolute;top:0;right:0;width:min(780px,92vw);height:100%;background:#f9fafbe6;border-left:1px solid rgba(255,255,255,.64);box-shadow:-18px 0 44px #0f172a24;padding:26px;overflow:auto;transform:translate(100%);transition:transform .22s ease}.drawer.open .drawer-panel{transform:translate(0)}.filter-card{background:linear-gradient(180deg,#fff,#f8fbff)}.filters-panel{margin-top:16px;gap:14px}.filter-field{padding:12px;border:1px solid #e5e7eb;border-radius:14px;background:#ffffffeb;box-shadow:inset 0 1px #ffffff80}.filter-field>span{font-weight:600;color:#4b5563}.filter-field input,.filter-field select{border-color:#dbe4f0;background:#f9fbff}.filter-actions{justify-content:flex-end}.filter-summary{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-weight:600}