:root{color-scheme:dark;font-family:Inter,Segoe UI,Roboto,PingFang SC,sans-serif;line-height:1.5;font-weight:400;color:#e2e8f0;background:linear-gradient(180deg,#09111d,#0d1728)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#09111d,#0d1728)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:20px 18px;background:#09111feb;border-right:1px solid rgba(148,163,184,.12)}.brand-panel{display:grid;gap:14px;margin-bottom:24px}.brand-block{display:flex;align-items:center;gap:12px;padding:10px 10px 0}.brand-block strong{display:block;font-size:16px}.brand-block span{color:#94a3b8;font-size:12px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#14b8a6);color:#fff;font-weight:800}.brand-runtime{padding:14px;border-radius:18px;background:linear-gradient(180deg,#162338f5,#0e192af5);border:1px solid rgba(59,130,246,.16);box-shadow:inset 0 1px #94a3b80f}.brand-runtime-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.brand-runtime-head strong{font-size:13px}.brand-runtime-list{display:grid;gap:10px}.brand-runtime-item{padding:10px 12px;border-radius:14px;background:#080f1c85;border:1px solid rgba(148,163,184,.08)}.brand-runtime-item small,.header-summary-card small,.header-action-card small,.metric-card small,.list-card small{display:block;margin-bottom:6px;color:#64748b;font-size:12px}.brand-runtime-item strong,.header-summary-card strong,.header-action-card strong,.metric-card strong,.list-card strong,.query-preview>strong{display:block;color:#fff}.nav-title{margin-bottom:10px;padding:0 8px;color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.nav-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:6px;border-radius:14px;color:#94a3b8;transition:.2s ease}.nav-link:hover,.nav-link.active{color:#e2e8f0;background:#3b82f61f}.nav-badge,.pill{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:0 10px;border-radius:999px;background:#94a3b81f;color:#cbd5e1;font-size:12px;font-weight:700}.main-content{padding:18px 20px}.page-stack,.content-grid{display:grid;gap:12px}.content-grid.two-columns{grid-template-columns:minmax(0,1.22fr) minmax(300px,.9fr)}.content-grid.split{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid rgba(148,163,184,.12);border-radius:16px;background:linear-gradient(180deg,#162338f5,#0e192af5);box-shadow:0 14px 36px #02061738}.page-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:14px;padding:16px 18px}.page-header-main{display:grid;gap:10px}.page-header h1,.panel-head h2{margin:0;letter-spacing:-.03em}.page-header h1{font-size:24px}.page-header p,.panel-head p,.list-card span,.metric-card span,.query-preview small,.header-summary-card span,.header-action-card span,.brand-runtime-item small,.trend-note,.trend-footer-head span,.trend-item small{margin:0;color:#94a3b8}.header-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.header-summary-card,.header-action-card{padding:10px 12px;border-radius:14px;background:#080f1c80;border:1px solid rgba(148,163,184,.08)}.header-summary-card strong,.header-action-card strong{font-size:16px;margin-bottom:2px}.header-actions{display:flex;align-items:stretch}.header-action-group{display:grid;gap:10px;width:100%}.metric-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card,.panel-card,.table-card{padding:14px}.metric-card strong{font-size:22px;margin-bottom:2px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-head p{font-size:12px;margin-top:3px}.panel-pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.trend-box{display:grid;gap:10px;padding:12px;border-radius:14px;background:#080f1c80;border:1px solid rgba(148,163,184,.08)}.trend-grid{height:168px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:6px}.trend-item{display:grid;gap:6px}.trend-item.current small{color:#cbd5e1}.trend-track{position:relative;height:142px;display:flex;align-items:end;padding:8px 4px 4px;border-radius:10px;background:linear-gradient(180deg,#0f172a5c,#0f172a14)}.trend-marker{position:absolute;top:6px;left:50%;transform:translate(-50%);padding:2px 6px;border-radius:999px;background:#ef444429;color:#fca5a5;font-size:10px;font-weight:700}.trend-bar{width:100%;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#3b82f6f5,#14b8a6b3)}.trend-bar.hotspot{background:linear-gradient(180deg,#f87171f5,#f97316b8)}.trend-note{padding-top:2px;font-size:12px}.trend-footer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}.trend-footer-head strong{font-size:13px}.list-grid{display:grid;gap:10px}.list-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.list-card{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:11px 13px;border-radius:12px;background:#080f1c80;border:1px solid rgba(148,163,184,.08)}.list-card-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.list-card em{font-style:normal;font-weight:800;white-space:nowrap}.instance-page-grid{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}.instance-list{display:grid;gap:8px}.instance-list-item{border:1px solid rgba(148,163,184,.14);background:#080f1cb8;color:#e2e8f0;border-radius:12px;padding:10px 12px;cursor:pointer;text-align:left;display:grid;gap:4px}.instance-list-item.active{border-color:#3b82f666;background:#3b82f61f}.instance-list-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.instance-form-card{gap:14px}.instance-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.instance-form-grid label{display:grid;gap:6px}.instance-form-grid span{color:#94a3b8;font-size:12px}.instance-form-grid input,.instance-form-grid select{width:100%;border:1px solid rgba(148,163,184,.14);background:#080f1cb8;color:#e2e8f0;border-radius:12px;padding:10px 12px}.instance-checkbox{align-content:end}.instance-secondary-button{border:1px solid rgba(148,163,184,.14);background:#080f1cb8;color:#e2e8f0;border-radius:12px;padding:10px 12px;cursor:pointer}.instance-feedback{margin:0}.debug-notice,.debug-actions{display:grid;gap:12px}.debug-notice{border-color:#f59e0b3d;background:linear-gradient(180deg,#34240af5,#21180af5)}.debug-notice-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.debug-notice strong{color:#fde68a}.debug-notice p{margin:0;color:#fcd34d}.debug-notice-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:10px;border:1px solid rgba(245,158,11,.32);background:#78350f52;color:#fde68a;font-weight:700}.debug-button-row{display:flex;gap:10px;flex-wrap:wrap}.debug-button-row button,.debug-list-item{border:1px solid rgba(148,163,184,.14);background:#080f1cb8;color:#e2e8f0;border-radius:12px;padding:10px 12px;cursor:pointer}.debug-list{display:grid;gap:8px}.debug-list-item{text-align:left;display:grid;gap:4px}.debug-list-item.active{border-color:#3b82f666;background:#3b82f61f}.debug-kv-list{display:grid;gap:8px}.debug-kv-item{padding:10px 12px;border-radius:12px;background:#080f1c80;border:1px solid rgba(148,163,184,.08);display:grid;gap:4px}.debug-message{color:#93c5fd;margin:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px;text-align:left;border-bottom:1px solid rgba(148,163,184,.08);font-size:12px;line-height:1.35}th{color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.06em}tr:last-child td{border-bottom:none}.query-preview{display:grid;gap:12px;padding:14px;border-radius:14px;background:#080f1c85;border:1px solid rgba(59,130,246,.16)}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.state-card{padding:28px;border-radius:20px;background:#162338f5;border:1px solid rgba(148,163,184,.12)}.error-state{color:#fecaca;border-color:#ef444433}.tone-ok{color:#86efac}.tone-warn{color:#fcd34d}.tone-risk{color:#fca5a5}.tone-info{color:#93c5fd}@media (max-width: 1200px){.page-header,.metric-grid,.content-grid.two-columns,.content-grid.split,.list-grid.compact,.header-summary-grid{grid-template-columns:1fr}}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid rgba(148,163,184,.12)}}@media (max-width: 640px){.main-content{padding:16px}.page-header,.panel-head,.list-card,.trend-footer-head,.brand-runtime-head{display:flex;flex-direction:column;align-items:flex-start}.metric-grid{grid-template-columns:1fr}.trend-grid{grid-template-columns:repeat(6,minmax(0,1fr));height:auto}}