:root{--accent: #0ea5e9;--bg: #f8fafc;--panel: #ffffff;--fg: #0f172a;--muted: #475569;--border: #dbe2ea;--success: #16a34a;--warn: #d97706;--error: #dc2626;--radius: 12px}.mui-btn{border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;font-size:14px;line-height:1.2;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.mui-btn:focus-visible,.mui-input:focus-visible,.mui-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mui-btn:disabled{opacity:.55;cursor:not-allowed}.mui-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.mui-btn--primary:hover:not(:disabled){filter:brightness(.96)}.mui-btn--secondary{background:var(--panel);color:var(--fg)}.mui-btn--secondary:hover:not(:disabled){border-color:var(--accent)}.mui-btn--ghost{background:transparent;color:var(--fg);border-color:transparent}.mui-btn--ghost:hover:not(:disabled){border-color:var(--border)}.mui-field{display:grid;gap:6px}.mui-field__label{font-size:13px;color:var(--muted)}.mui-field__helper{font-size:12px;color:var(--muted)}.mui-field__error{font-size:12px;color:var(--error)}.mui-input{width:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--fg);padding:10px 12px;font-size:14px}.mui-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.mui-card__header{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.mui-card__title{margin:0;font-size:15px}.mui-card__subtitle{margin:4px 0 0;font-size:13px;color:var(--muted)}.mui-card__content{padding:14px}.mui-table-wrap{overflow-x:auto}.mui-table{width:100%;border-collapse:collapse}.mui-table th,.mui-table td{border-bottom:1px solid var(--border);text-align:left;padding:10px;font-size:14px}.mui-tabs{display:flex;gap:8px}.mui-tab{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--fg);padding:8px 12px;cursor:pointer}.mui-tab--active{border-color:var(--accent);color:var(--accent)}.mui-empty{border:1px dashed var(--border);border-radius:var(--radius);padding:16px;text-align:center}.mui-empty h3{margin:0 0 8px}.mui-empty p{margin:0;color:var(--muted)}.mui-toast-stack{position:fixed;right:16px;bottom:16px;display:grid;gap:8px;z-index:1000}.mui-toast{width:min(320px,calc(100vw - 32px));border:1px solid var(--border);background:var(--panel);color:var(--fg);border-radius:var(--radius);padding:10px 12px;box-shadow:0 8px 20px #0f172a1a}.mui-toast strong{display:block;font-size:14px}.mui-toast p{margin:4px 0 0;font-size:13px;color:var(--muted)}.mui-toast--success{border-color:color-mix(in srgb,var(--success) 38%,var(--border))}.mui-toast--warn{border-color:color-mix(in srgb,var(--warn) 38%,var(--border))}.mui-toast--error{border-color:color-mix(in srgb,var(--error) 38%,var(--border))}:root{--bg: #f8fafc;--panel: #ffffff;--fg: #0f172a;--muted: #475569;--border: #dbe2ea;--accent: #0ea5e9;--radius: 12px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Segoe UI,SF Pro Text,system-ui,sans-serif}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;padding:16px}.shell__sidebar{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:16px;display:grid;align-content:start;gap:12px}.shell__brand{font-size:20px;font-weight:700}.shell__hint{margin:0;color:var(--muted);font-size:13px}.shell__nav{display:grid;gap:6px}.shell__nav-link{padding:10px 12px;border:1px solid transparent;border-radius:var(--radius);color:var(--fg);font-size:14px}.shell__nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell__nav-link:hover{border-color:var(--border)}.shell__nav-link.is-active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,white)}.shell__link{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px}.shell__content{min-width:0}.page{display:grid;gap:16px}.page__header h1{margin:0;font-size:28px}.page__header p{margin:8px 0 0;color:var(--muted)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.kpi{border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:grid;gap:8px}.kpi span{color:var(--muted);font-size:13px}.kpi strong{font-size:22px}.metric-large{margin:0;font-size:28px;font-weight:700}.section-block{display:grid;gap:12px}.section-block__header{display:flex;justify-content:space-between;align-items:center;gap:8px}.section-block__header h2{margin:0}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.service-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.pill{border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:12px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.stack{display:grid;gap:8px}.insight-row{border:1px solid var(--border);border-radius:var(--radius);padding:10px}.insight-row h3{margin:0;font-size:15px}.insight-row p{margin:6px 0 0}.chart-list{margin-top:12px;display:grid;gap:6px}.chart-row{display:grid;grid-template-columns:110px minmax(0,1fr) 80px;align-items:center;gap:8px}.chart-row span{font-size:13px;color:var(--muted)}.chart-row__bar-wrap{height:12px;border:1px solid var(--border);border-radius:999px;background:#fff}.chart-row__bar{height:100%;border-radius:999px;background:var(--accent)}.muted{color:var(--muted)}.status{margin:10px 0 0;color:var(--muted)}.connect-code{margin-top:12px;border:1px solid var(--border);border-radius:var(--radius);background:#0f172a;color:#e2e8f0;padding:12px;overflow-x:auto;font-size:12px;line-height:1.4}.webhook-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;align-items:end}.webhook-filter{display:grid;gap:6px;color:var(--muted);font-size:13px}.webhook-filter select{border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;background:var(--panel);color:var(--fg)}.log-status{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--border);padding:2px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.log-status--ok{border-color:#0e9f6e;color:#0e9f6e}.log-status--warn{border-color:#d97706;color:#d97706}.log-status--error{border-color:#dc2626;color:#dc2626}.dev-shell{min-height:100vh;padding:16px;display:grid;gap:10px}.dev-shell__header{border:1px solid color-mix(in srgb,var(--warn) 40%,var(--border));background:color-mix(in srgb,var(--warn) 8%,white);border-radius:var(--radius);padding:12px;display:grid;gap:4px}.dev-shell__actions{display:flex;gap:8px}.dev-alert{border:1px dashed color-mix(in srgb,var(--warn) 35%,var(--border));border-radius:var(--radius);color:var(--muted);padding:10px;margin-bottom:12px;font-size:13px}@media(max-width:920px){.shell{grid-template-columns:1fr}}