:root{color-scheme:light;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.4;color:#17212f;background:#eff3f8}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#eff3f8,#f7f9fc)}a{color:#2256aa;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:linear-gradient(180deg,#101827,#17253b);color:#dce5f3;padding:16px;display:flex;flex-direction:column;gap:16px}.brand{font-size:1.15rem;font-weight:700;letter-spacing:.01em}.nav-list{display:flex;flex-direction:column;gap:6px}.nav-link{color:#c7d1e2;border-radius:8px;padding:8px 10px}.nav-link.active,.nav-link:hover{background:#1d2b3f;color:#fff}.sidebar-footer{margin-top:auto;font-size:.82rem;opacity:.7}.main-content{padding:20px}.page{display:flex;flex-direction:column;gap:16px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-header h1{margin:0;font-size:1.55rem}.page-header p{margin:4px 0 0;color:#5a677a}.card{background:#fff;border:1px solid #d9e1ec;border-radius:10px;padding:14px;box-shadow:0 10px 24px #111a270a}.card h3,.card h4{margin-top:0}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #c2ccda;background:#fff;color:#17212f;border-radius:8px;font-size:.92rem;padding:8px 12px;cursor:pointer}.button:hover{background:#f0f4fa}.button-primary{background:#2256aa;color:#fff;border-color:#2256aa}.button-primary:hover{background:#1b4689}.button-small{padding:4px 8px;font-size:.82rem}.table-wrap{overflow:auto;background:#fff;border:1px solid #d9e1ec;border-radius:10px}.data-table{width:100%;border-collapse:collapse;min-width:860px}.data-table th,.data-table td{padding:10px;border-bottom:1px solid #ecf0f6;text-align:left;vertical-align:top;font-size:.9rem}.data-table th{color:#4a586e;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.row-link{font-weight:600}.filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:.82rem;color:#516178}.field input,.field select,.field textarea{width:100%;border:1px solid #c8d3e3;border-radius:8px;padding:8px;font-size:.93rem;font-family:inherit}.field small{color:#5f7087}.field-error{color:#b72c2c!important}.field-inline{flex-direction:row;justify-content:space-between;align-items:center}.toggle{border:1px solid #c8d3e3;background:#eceff5;color:#233248;border-radius:16px;padding:5px 10px;font-size:.84rem;cursor:pointer}.toggle.active{background:#2256aa;color:#fff;border-color:#2256aa}.form{display:flex;flex-direction:column;gap:10px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 9px;font-size:.78rem;font-weight:600}.badge-good{background:#dff6e8;color:#145b34}.badge-bad{background:#fde3e3;color:#8e1f1f}.badge-warn{background:#fff3d6;color:#7a4f08}.badge-neutral{background:#e9eef6;color:#344154}.key-value-list{display:grid;gap:8px}.key-value-list div{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:10px;border-bottom:1px solid #eef2f8;padding-bottom:6px}.key-value-list dt{color:#5c6e86}.key-value-list dd{margin:0}.json-viewer pre{margin-top:8px;background:#131a26;color:#dce9ff;border-radius:8px;padding:12px;overflow:auto;max-height:360px;font-size:.82rem}.simple-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.simple-list li{display:flex;justify-content:space-between;gap:8px}.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.quick-links a{border:1px solid #d7e0ee;border-radius:8px;padding:8px;text-align:center;background:#f8fbff}.webhook-card{display:flex;flex-direction:column;gap:12px}.webhook-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.webhook-url{display:block;width:100%;overflow-wrap:anywhere;border:1px solid #d7e0ee;background:#f8fbff;border-radius:8px;padding:12px;font-size:.9rem;color:#18304f}.slack-preview{border:1px solid #d7e0ee;border-radius:14px;background:#f8fbff;overflow:hidden;margin-bottom:12px}.slack-preview-chrome{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #e4ebf5;background:#fff}.slack-preview-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#4a154b;color:#fff;font-weight:700}.slack-preview-title{font-weight:700}.slack-preview-subtitle{color:#677990;font-size:.82rem}.slack-preview-body{display:flex;flex-direction:column;gap:10px;padding:14px}.slack-preview-header{font-size:1rem;font-weight:700}.slack-preview-section{white-space:pre-wrap;color:#213247}.slack-preview-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.slack-preview-field{border:1px solid #dde6f2;border-radius:10px;padding:10px;background:#fff;white-space:pre-wrap}.slack-preview-context{display:flex;flex-wrap:wrap;gap:8px;color:#677990;font-size:.84rem}.slack-preview-actions{display:flex;flex-wrap:wrap;gap:8px}.slack-preview-divider{border:0;border-top:1px solid #e4ebf5;margin:2px 0}.email-preview{border:1px solid #d7e0ee;border-radius:14px;background:#fff;margin-bottom:12px;overflow:hidden}.email-preview-subject{padding:12px 14px;font-weight:700;border-bottom:1px solid #e4ebf5;background:#f8fbff}.email-preview-body{padding:14px}.state{text-align:center;color:#5c6e86}.state-error{border-color:#f1b7b7;background:#fff2f2;color:#842626}.muted{color:#677990}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:2}.nav-list{flex-direction:row;overflow:auto}}