:root{--ink:#142e39;--muted:#73838d;--green:#087f6a;--green-soft:#e4f3ed;--line:#e2e8eb;--bg:#f5f7f8;--nav:#102a35;--gold:#c3ad73;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.5;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer;transition:background .15s}button:disabled{opacity:.55;cursor:wait}a{color:var(--green);text-decoration:none}button{border:0}input,select{width:100%;min-width:0;border:1px solid #dbe3e7;background:white;border-radius:8px;padding:10px 12px;color:var(--ink)}input:focus,select:focus{outline:2px solid #a4d9cc;border-color:var(--green)}label{font-size:12px;font-weight:600;color:#536874;display:grid;gap:7px}h1,h2,h3,p{margin:0}h1{font-size:30px;font-weight:650;letter-spacing:-1px;line-height:1.2}h2{font-size:17px;font-weight:650;letter-spacing:-.3px}h3{font-size:15px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--green)}small,.muted{color:var(--muted)}[hidden]{display:none!important}.primary,.secondary,.quiet,.icon-button{padding:10px 15px;border-radius:8px;font-weight:600;font-size:12px;display:inline-flex;gap:8px;align-items:center;justify-content:center}.primary{background:var(--green);color:white}.primary:hover{background:#056652}.secondary{background:white;color:#38525e;border:1px solid #dce5e8}.secondary:hover{background:#f0f5f3}.quiet{background:transparent;color:#6b7d86}.icon-button{background:transparent;color:inherit;padding:9px}.brand-mark{display:inline-grid;place-items:center;background:#e4eee8;border:1px solid #d4e5dc;border-radius:9px;font-size:15px;font-weight:800;letter-spacing:-1px;height:42px;width:47px;flex-shrink:0;color:#103e36}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:var(--nav);color:#c4d1d7;padding:28px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:12px;align-items:center;color:white;font-size:15px;font-weight:600;padding:0 6px}.brand small{display:block;font-size:7px;letter-spacing:1.5px;margin-top:5px;color:#859ca6}.sidebar .brand-mark{background:#24464a;color:#e2dfcc;border-color:#36565a}.nav-label{font-size:9px;letter-spacing:1.5px;color:#6f8994;margin:44px 16px 12px}.sidebar nav{display:grid;gap:5px}.nav-link{display:flex;gap:13px;align-items:center;color:#a7bdc6;padding:12px 16px;border-radius:8px;font-size:12px;font-weight:500}.nav-link:hover{background:#1a3945;color:white}.nav-link.active{background:#17493f;color:#d8eee4;box-shadow:inset 3px 0 #78bd99}.nav-link svg{width:17px;height:17px}.sidebar-bottom{display:flex;gap:9px;align-items:flex-start;border-top:1px solid #29424d;margin-top:auto;padding:22px 10px 0;font-size:10px}.sidebar-bottom small{display:block;font-size:9px;margin-top:6px;color:#72909c}.connection-dot{width:6px;height:6px;background:#4ca783;border-radius:50%;display:inline-block;flex-shrink:0;margin-top:5px}.workspace{margin-left:244px}.topbar{height:76px;padding:0 36px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.breadcrumb{display:flex;gap:14px;color:#8a9aa3;font-size:11px}.breadcrumb strong{color:#3a545f;font-weight:500}.top-actions{display:flex;gap:18px;align-items:center}.avatar{width:32px;height:32px;border-radius:50%;background:#eaf2ed;color:#356555;display:grid;place-items:center;font-size:10px;font-weight:700}.content{padding:35px 36px 20px;max-width:1700px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.page-heading h1{margin:8px 0}.page-heading p{font-size:12px;color:var(--muted)}.heading-actions{display:grid;gap:10px;text-align:right}.heading-actions small{font-size:10px}.heading-actions>div{display:flex;gap:8px}.snapshot-note{display:flex;gap:8px;align-items:center;font-size:10px;color:#758790;margin:20px 0}.snapshot-note .connection-dot{margin:0}.snapshot-note span:nth-child(2){color:#397660}.filter-panel{background:white;border:1px solid var(--line);border-radius:11px;padding:14px 18px;margin-bottom:22px}.filter-top{display:flex;gap:14px;align-items:center;justify-content:space-between}.search-wrap{display:flex;align-items:center;gap:10px;flex:1;max-width:650px}.search-wrap>span{font-size:25px;color:#77929a}.search-wrap input{border:0;padding:5px;background:none;font-size:12px}.filter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding-top:20px}.filter-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding-top:16px}.filter-actions small{margin-right:auto;font-size:10px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.kpi{background:white;border:1px solid var(--line);border-radius:11px;padding:20px;min-width:0}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#6b7f88;font-size:11px}.kpi-icon{display:grid;place-items:center;background:#edf5f2;color:#398e73;height:29px;width:29px;border-radius:8px;flex-shrink:0}.kpi-icon svg{height:15px;width:15px}.kpi-number{font-size:30px;letter-spacing:-1px;line-height:1.25;margin:12px 0 6px;font-weight:650}.kpi-foot{font-size:10px;color:#8998a0}.kpi-foot strong{color:var(--green);font-weight:500}.panel{background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:22px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:22px 23px;border-bottom:1px solid #edf0f2}.panel-heading p{color:var(--muted);font-size:10px;margin-top:5px}.panel-heading>a{font-size:11px;font-weight:600}.panel-body{padding:22px 24px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{font-size:9px;text-transform:uppercase;letter-spacing:.65px;color:#81929b;background:#fafbfc;padding:13px 20px;white-space:nowrap;font-weight:600}td{padding:17px 20px;border-top:1px solid #eef2f4;vertical-align:middle;max-width:310px}td small{display:block;font-size:9px;margin-top:4px}td .cell-primary{font-weight:600;color:#234854;font-size:11px}.number-button{background:none;color:#264d5b;padding:0;text-align:left;font-weight:600;font-size:11px}.number-button:hover{text-decoration:underline;color:var(--green)}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:5px;font-size:9px;font-weight:600;white-space:nowrap;background:#eef2f4;color:#687d88}.badge.new,.badge.active,.badge.sent,.badge.closed{background:#e4f3ed;color:#2e8a69}.badge.pending,.badge.name,.badge.enquiry,.badge.category,.badge.service,.badge.sending{background:#eaf1fb;color:#577faf}.badge.human,.badge.contacted,.badge.review,.badge.consent{background:#fff4dd;color:#9c7d35}.badge.failed,.badge.stopped{background:#fcebea;color:#b95f59}.badge.simulated,.badge.menu{background:#eceef8;color:#747db0}.badge.cancelled{background:#eef0f1;color:#7f8a90}.actions{display:flex;gap:5px;flex-wrap:wrap}.actions button{padding:5px 8px;font-size:10px;border-radius:5px;white-space:nowrap}.clip-text{display:block;max-width:260px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.charts-grid .panel{margin-bottom:0}.charts-section{margin-bottom:22px}.chart{min-height:200px}.chart svg{width:100%;height:auto;display:block}.chart text{font-family:inherit}.chart-empty,.empty{color:#84959d;text-align:center;padding:46px 20px}.empty-icon{display:grid;place-items:center;margin:0 auto 13px;width:46px;height:46px;border-radius:13px;background:#edf5f2;color:#6b9e8c}.empty-icon svg{width:23px;height:23px}.empty h3{color:#3d5965;font-size:14px;margin-bottom:6px}.empty p{font-size:11px;max-width:380px;margin:auto}.tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:20px}.tab{background:white;border:1px solid var(--line);padding:7px 13px;border-radius:7px;font-size:11px;color:#728590}.tab.active{background:#e5f2ec;color:#278263;border-color:#c1e2d3}.pager{padding:12px 20px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;color:#83969f;gap:10px}.pager button{padding:5px 9px}.page-footer{display:flex;justify-content:space-between;font-size:9px;color:#9aa8b0;margin-top:30px;padding-bottom:12px}.banner{padding:12px 16px;border-radius:8px;font-size:12px;margin-bottom:18px}.banner.error{background:#fcecec;color:#9b4a48;border:1px solid #f0d0ce}.shade{position:fixed;inset:0;background:#071c2866;z-index:45}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(570px,100%);background:white;z-index:50;overflow:auto;padding:28px;box-shadow:-12px 0 55px #112c351a;animation:slide .2s ease}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer h2{font-size:23px}.drawer-section{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.profile-grid dt{font-size:10px;color:#81949d;margin-bottom:5px}.profile-grid dd{margin:0;font-size:12px;overflow-wrap:anywhere}.timeline{list-style:none;padding:0;margin:14px 0}.timeline li{border-left:1px solid #dce8e1;position:relative;padding:0 0 23px 22px;font-size:12px}.timeline li:before{content:'';position:absolute;left:-4px;top:5px;width:7px;height:7px;background:#40a080;border-radius:50%}.timeline small{display:block;font-size:10px;margin-top:4px}.bubble{background:#f2f5f7;padding:14px 16px;border-radius:12px 12px 12px 0;margin:14px 32px 14px 0;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.outgoing{background:#e8f4ee;border-radius:12px 12px 0 12px;margin-left:32px;margin-right:0}.bubble-meta{font-size:9px;color:#718b81;display:block;margin-bottom:9px}.hint{padding:12px 15px;border-radius:8px;background:#f5f7f8;font-size:11px;color:#728790;line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.service-card{border:1px solid var(--line);border-radius:9px;padding:20px}.service-card h3{font-size:13px;margin-bottom:8px}.service-card p{font-size:11px;color:#7a8c94;line-height:1.7}.service-category{margin-bottom:28px}.service-category h2{margin-bottom:14px}.export-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}.export-card{border:1px solid var(--line);padding:27px;border-radius:10px}.export-card p{font-size:12px;color:#81929c;margin:12px 0 20px}.definition-list{display:grid;grid-template-columns:180px 1fr;gap:15px;font-size:12px}.definition-list dt{color:#84949e}.definition-list dd{margin:0}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#173f37;color:white;border-radius:9px;padding:14px 22px;z-index:80;box-shadow:0 8px 20px #0002;font-size:12px;max-width:90%}.login-screen{min-height:100vh;background:#f0f4f2;display:flex;flex-direction:column;align-items:center;padding:40px 24px}.login-brand{display:flex;align-items:center;gap:13px;color:#446156;font-size:11px;letter-spacing:2px;margin-bottom:65px}.login-card{width:min(490px,100%);padding:42px;border:1px solid #d9e4de;background:white;border-radius:18px;box-shadow:0 20px 60px #1a43350a}.login-card h1{font-size:32px;margin:17px 0 16px}.login-card>p{font-size:12px;color:#7b8c86}.login-card form{margin-top:30px}.login-card input{margin:9px 0 17px;padding:13px}.login-card button{width:100%;justify-content:space-between;padding:13px 18px}.login-foot{font-size:10px;color:#92a097;border-top:1px solid #e9eeeb;margin-top:28px;padding-top:18px}.login-footer{margin-top:auto;padding-top:70px;font-size:10px;color:#71887b;width:min(490px,100%);display:flex;justify-content:space-between;gap:15px}.error-text{color:#ba5d56!important;margin-top:15px!important}.mobile-only{display:none}.skeleton{height:160px;background:linear-gradient(100deg,#f0f3f4 40%,#fafafa 50%,#f0f3f4 60%);background-size:200%;animation:pulse 1.2s infinite;border-radius:10px}.spinner{opacity:.65}@keyframes slide{from{transform:translateX(30px);opacity:.5}to{transform:translateX(0);opacity:1}}@keyframes pulse{to{background-position:-200%}}@media(min-width:1600px){.content{padding:45px 50px}.kpi{padding:24px}}@media(max-width:1200px){.sidebar{width:210px}.workspace{margin-left:210px}.content{padding:27px 24px}.topbar{padding:0 24px}.kpi-grid{gap:10px}.kpi{padding:16px}.filter-grid{grid-template-columns:repeat(3,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:flex-start}.heading-actions>div{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.workspace{margin:0}.mobile-only{display:inline-flex}.topbar{height:65px}.breadcrumb{margin-right:auto;margin-left:12px}.top-actions{gap:9px}.content{padding:25px 20px}.page-heading{flex-direction:column}.heading-actions{text-align:left;width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.heading-actions>div{justify-content:flex-start}.charts-grid{gap:14px}.kpi-grid{grid-template-columns:repeat(4,1fr)}.kpi-top{font-size:10px}.kpi-icon{display:none}.definition-list{grid-template-columns:140px 1fr}}@media(max-width:600px){h1{font-size:26px}.content{padding:22px 14px}.topbar{padding:0 12px}.avatar{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kpi{padding:16px}.kpi-icon{display:grid}.kpi-number{font-size:28px}.charts-grid,.export-options{grid-template-columns:1fr}.filter-panel{padding:12px}.filter-grid{grid-template-columns:1fr 1fr}.filter-actions{flex-wrap:wrap}.filter-actions small{flex-basis:100%;margin-bottom:10px}.search-wrap input{font-size:11px}.panel-heading{padding:17px}.panel-body{padding:17px}.service-grid{grid-template-columns:1fr}.snapshot-note{flex-wrap:wrap;font-size:9px}.snapshot-note #coverage{flex-basis:100%;padding-left:14px}.table-scroll{overflow:visible}table,tbody,tr,td{display:block}thead{display:none}tr{margin:12px;border:1px solid var(--line);border-radius:9px;overflow:hidden;padding:7px 0}td{max-width:none;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border:0;padding:7px 13px;font-size:11px}td:before{content:attr(data-label);color:#8b9aa3;font-size:9px;flex-shrink:0;max-width:32%}td>span,td>div{max-width:65%;text-align:right}td>button{text-align:right}td .actions{justify-content:flex-end}.clip-text{max-width:190px}.pager{flex-wrap:wrap}.page-footer{gap:15px}.drawer{padding:23px}.login-screen{padding:25px 17px}.login-card{padding:30px 25px}.login-brand{margin-bottom:35px}.login-footer{flex-direction:column}.definition-list{grid-template-columns:1fr;gap:7px}.definition-list dd{margin-bottom:16px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Compatibility for the existing backend-generated /catalog page. */
body>main{max-width:1120px;margin:auto;padding:40px 24px}body>main>header{padding:35px;background:#103e36;color:white;border-radius:14px;margin-bottom:28px}body>main>header h1{margin:12px 0}body>main section{margin:28px 0}body>main .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}body>main article{padding:24px;border:1px solid var(--line);background:white;border-radius:12px}body>main article p{margin:12px 0;color:var(--muted);font-size:13px}body>main .button{display:inline-block;background:var(--green);color:white;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:600}body>main footer{margin-top:35px;padding:20px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.sidebar.open{z-index:46}