:root{--ink:#172b4d;--muted:#74829a;--navy:#101d35;--navy2:#172945;--teal:#36c6b1;--line:#e9edf4;--bg:#f5f7fb;--white:#fff;--shadow:0 8px 28px rgba(28,45,78,.055)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}.sidebar{width:252px;position:fixed;inset:0 auto 0 0;background:var(--navy);color:#dce5f5;padding:26px 16px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;font-size:19px;line-height:1.15;padding:0 10px 30px}.brand-light{font-weight:500;color:var(--teal)}.brand small{display:block;font:600 9px 'DM Sans';letter-spacing:1.7px;color:#7e91ad;margin-top:7px}.brand-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#45d7c1,#1a9f9d);display:grid;place-items:center;font-size:20px;color:#0d263d}.nav-caption{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#6e829f;margin:14px 12px 9px}.side-link{display:flex;align-items:center;gap:13px;color:#b8c5da;text-decoration:none;padding:11px 13px;border-radius:9px;margin:2px 0;font-size:13px;font-weight:500;transition:.15s}.side-link i{font-size:17px;color:#8fa2bd;width:19px}.side-link:hover,.side-link.active{background:#233854;color:#fff}.side-link:hover i{color:var(--teal)}.sidebar-bottom{margin-top:auto;background:#172b46;border:1px solid #2b405e;border-radius:12px;padding:14px 12px;display:flex;gap:10px;align-items:center;font-size:11px}.sidebar-bottom b{display:block;color:#e7f0fb;font-size:11px}.sidebar-bottom small{color:#8499b5;display:block;margin-top:3px}.status-dot{width:8px;height:8px;border-radius:50%;background:#42d6a4;box-shadow:0 0 0 4px #24485a}.main-area{margin-left:252px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:100px;padding:22px 36px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#9aa6b9}.topbar h1{font:800 23px Manrope,sans-serif;margin:5px 0 0;color:#172b4d}.top-actions{display:flex;align-items:center;gap:22px}.environment{font-size:9px;letter-spacing:.8px;font-weight:700;color:#7d8ba1;background:#f5f7fa;border:1px solid #e8edf3;border-radius:20px;padding:8px 11px}.environment span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f4b740;margin-right:5px}.user-chip{display:flex;align-items:center;gap:9px}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e4f7f4;color:#188f85;font-weight:800}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:12px}.user-chip small{font-size:10px;color:var(--muted);margin-top:2px}.btn-icon{border:0;background:transparent;color:#8491a7;font-size:19px}.page-content{padding:30px 36px;flex:1}.footer{padding:18px 36px;color:#9aa6b9;font-size:10px;border-top:1px solid var(--line);background:#fff}.footer span{margin:0 6px;color:#c5ccd7}.welcome-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.welcome-row h2{font:700 19px Manrope;margin:0 0 5px}.welcome-row p{margin:0;color:var(--muted);font-size:12px}.btn-primary{background:#1b9d98;border-color:#1b9d98;border-radius:8px;font-weight:600;font-size:12px;padding:10px 15px}.btn-primary:hover{background:#16847f;border-color:#16847f}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.metric-card,.panel,.form-panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.metric-card{padding:20px 20px 17px;position:relative;overflow:hidden}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#7d8ba1;font-size:11px;font-weight:600}.metric-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;font-size:18px}.metric-number{font:800 27px Manrope;color:#182e4f;margin:15px 0 6px}.metric-foot{font-size:10px;color:#9aa6b9}.tone-teal{background:#e3f8f5;color:#16988f}.tone-blue{background:#e9f1ff;color:#4b7de0}.tone-purple{background:#f1eaff;color:#8c64d7}.tone-amber{background:#fff3dc;color:#d99b25}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:20px}.panel-head{padding:19px 21px;border-bottom:1px solid #edf0f5;display:flex;justify-content:space-between;align-items:center}.panel-head h3{font:700 13px Manrope;margin:0}.panel-head p{font-size:10px;color:var(--muted);margin:5px 0 0}.panel-body{padding:18px 21px}.text-link{color:#169c94;text-decoration:none;font-weight:700;font-size:11px}.table{margin:0;font-size:11px;vertical-align:middle}.table thead th{color:#94a0b2;font-size:9px;text-transform:uppercase;letter-spacing:.8px;font-weight:700;border-bottom:1px solid #edf0f5;padding:11px 14px;white-space:nowrap}.table tbody td{padding:13px 14px;border-color:#f0f2f6;color:#53627a}.table tbody tr:last-child td{border-bottom:0}.event-title{font-weight:700;color:#263b5b}.subline{display:block;color:#9ba7b8;font-size:10px;margin-top:3px}.badge-soft{display:inline-flex;align-items:center;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:700;background:#edf8f3;color:#23936d}.badge-pending{background:#fff5e2;color:#c58a1a}.badge-error{background:#fff0ef;color:#d75e57}.badge-neutral{background:#edf2fa;color:#667895}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-title h2{font:800 19px Manrope;margin:0}.section-title p{font-size:12px;color:var(--muted);margin:6px 0 0}.form-panel{padding:26px;max-width:900px}.form-label{font-size:11px;font-weight:700;color:#52617a}.form-control,.form-select{border-color:#dfe5ee;border-radius:8px;font-size:12px;padding:10px 12px}.form-control:focus,.form-select:focus{border-color:#49bdb1;box-shadow:0 0 0 .2rem #36c6b126}.form-actions{display:flex;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.btn-outline-secondary{font-size:12px;border-radius:8px;padding:9px 14px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f5f7fb}.login-art{background:radial-gradient(circle at 20% 20%,#24476a 0,#142d4b 38%,#0e1d35 80%);padding:60px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;position:relative;overflow:hidden}.login-art:after{content:'';position:absolute;width:430px;height:430px;border:1px solid #ffffff16;border-radius:50%;right:-100px;bottom:-120px;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05}.login-art h2{font:800 42px/1.15 Manrope;max-width:480px;margin-top:90px}.login-art h2 span{color:#48d3bd}.login-art p{color:#afc0d7;max-width:420px;line-height:1.8}.login-copy{font-size:11px;color:#8297b3}.login-form-wrap{display:grid;place-items:center;padding:35px}.login-card{width:min(390px,100%)}.login-card h1{font:800 25px Manrope;margin:0 0 8px}.login-card>p{font-size:12px;color:var(--muted);margin-bottom:28px}.login-card .form-label{margin-bottom:7px}.login-card .form-control{padding:13px}.login-card .btn-primary{width:100%;padding:13px;margin-top:12px}.login-brand{display:flex;align-items:center;gap:11px;font:800 18px Manrope;margin-bottom:42px}.login-brand .brand-mark{flex-shrink:0}.login-note{font-size:10px;color:#9aa6b9;margin-top:22px;text-align:center}.json-block{background:#101d35;color:#d9f5ef;border-radius:10px;padding:18px;font:12px/1.7 Consolas,monospace;overflow:auto}.alert{font-size:12px;border-radius:9px}@media(max-width:1100px){.sidebar{width:220px}.main-area{margin-left:220px}.page-content{padding:24px}.topbar{padding:20px 24px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{position:static;width:auto;height:auto;padding:15px;display:block}.sidebar .nav-caption,.sidebar .side-link,.sidebar-bottom{display:none}.brand{padding:0}.main-area{margin-left:0}.topbar{height:auto;padding:20px;align-items:flex-start}.top-actions .environment,.user-chip{display:none}.page-content{padding:18px}.metric-grid{gap:10px}.metric-card{padding:15px}.metric-number{font-size:23px}.login-page{grid-template-columns:1fr}.login-art{display:none}}
/* Message JSON viewer */

.message-code-container {
    background: #172033;
    border-radius: 8px;
    padding: 20px;
    max-height: 550px;
    overflow: auto;
}

.message-json {
    margin: 0;
    color: #e5eaf2;
    font-size: 13px;
    line-height: 1.8;
    white-space: pre;
}

.json-key {
    color: #8ecbff;
}

.json-string {
    color: #a8dca8;
}

.json-number {
    color: #e6bb78;
}

.json-boolean {
    color: #d7a5ff;
}

.json-null {
    color: #ff9b9b;
}

.message-preview {
    max-width: 100%;
    overflow-wrap: anywhere;
}
.table .btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 75px;
    height: 32px;
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.form-check-input {
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    width: 1.1em !important;
    height: 1.1em !important;
    opacity: 1 !important;
    visibility: visible !important;
    cursor: pointer;
}

.form-switch .form-check-input {
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
}