:root{color:#172033;font-synthesis:none;background:#f5f7fb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}h1,h2,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:8px;font-size:30px}h2{letter-spacing:-.015em;margin-bottom:8px;font-size:16px}.eyebrow{color:#53647e;letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:750}.muted,small{color:#66758c;line-height:1.5}.error{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:8px;padding:10px 12px}.notice{color:#155eef;background:#eff8ff;border:1px solid #b2ddff;border-radius:8px;padding:12px;line-height:1.45}.button{color:#fff;background:#155eef;border:1px solid #155eef;border-radius:7px;padding:9px 13px;font-weight:650;transition:all .15s;box-shadow:0 1px 2px #1018281a}.button:hover:not(:disabled){background:#004eeb;border-color:#004eeb}.button:disabled{cursor:not-allowed;opacity:.45}.quiet{color:#344054;box-shadow:none;background:#fff;border-color:#d0d5dd}.quiet:hover:not(:disabled){background:#f9fafb;border-color:#98a2b3}.active{color:#1849a9;box-shadow:none;background:#eff4ff;border-color:#c7d7fe}.input,select{color:#172033;background:#fff;border:1px solid #d0d5dd;border-radius:7px;outline:none;width:100%;height:40px;margin-top:6px;padding:8px 10px}.input:focus,select:focus{border-color:#528bff;box-shadow:0 0 0 3px #e0eaff}label{color:#344054;margin:14px 0;font-size:13px;font-weight:600;display:block}.check{color:#475467;align-items:center;gap:8px;font-weight:500;display:flex}.check input{accent-color:#155eef}.card{background:#fff;border:1px solid #e4e7ec;border-radius:10px;padding:22px;box-shadow:0 1px 2px #1018280d}.shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}aside{background:#fff;border-right:1px solid #e4e7ec;flex-direction:column;padding:22px 14px;display:flex}.brand{color:#101828;align-items:center;gap:8px;margin:4px 8px 30px;font-size:17px;font-weight:780;display:flex}.brand:before{content:"";background:linear-gradient(135deg,#155eef,#57a5ff);border-radius:6px;width:23px;height:23px;box-shadow:inset 0 0 0 4px #fff4}.brand i{color:#98a2b3;font-style:normal;font-weight:400}nav{gap:4px;display:grid}nav .button{text-align:left;border-color:#0000;width:100%;font-size:14px}.profile{border-top:1px solid #eaecf0;gap:6px;margin-top:auto;padding:14px 8px 2px;font-size:13px;display:grid}.profile small{font-size:11px}.profile .button{width:max-content;margin-top:8px}.content{width:100%;max-width:1440px;margin:0 auto;padding:36px 44px 56px}.content header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.content header .button{margin-bottom:20px}.cardhead,.user,.integration{justify-content:space-between;align-items:center;gap:20px;display:flex}.cardhead{border-bottom:1px solid #eaecf0;padding-bottom:15px}.list{gap:16px;display:grid}.integration,.user{border-top:1px solid #eaecf0;padding:16px 0}.integration:first-child,.user:first-child{border-top:0}.integration strong{font-size:14px}.integration p{margin:4px 0 0;font-size:13px}.routes{text-align:right;gap:8px;font-size:13px;display:grid}.routes span{justify-content:flex-end;align-items:center;gap:6px;display:flex}.routes small{font-size:11px}.badge{letter-spacing:.04em;color:#475467;background:#f2f4f7;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:750}.badge.good{color:#027a48;background:#ecfdf3}.badge.warn{color:#b54708;background:#fffaeb}.empty{color:#66758c;padding:24px 0}.grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;display:grid}.setup{grid-template-columns:repeat(3,minmax(280px,1fr));align-items:start}.setup .card{border-top:3px solid #528bff}.setup .card:nth-child(2){border-top-color:#7f56d9}.setup .card:nth-child(3){border-top-color:#12b76a}.setup h2:before{color:#155eef;vertical-align:1px;background:#eff4ff;border-radius:50%;place-items:center;width:21px;height:21px;margin-right:7px;font-size:11px;font-weight:800;display:inline-grid}.setup .card:first-child h2:before{content:"1"}.setup .card:nth-child(2) h2:before{content:"2";color:#6941c6;background:#f4f3ff}.setup .card:nth-child(3) h2:before{content:"3";color:#027a48;background:#ecfdf3}.setup form{margin-top:18px}.dashboard{gap:16px;display:grid}.system-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.system-card{background:#fff;border:1px solid #e4e7ec;border-radius:9px;align-items:center;gap:10px;padding:15px;display:flex}.system-card>div:nth-child(2){flex:1;min-width:0}.system-card p{color:#66758c;margin:3px 0 0;font-size:12px}.status-dot{background:#98a2b3;border-radius:50%;width:9px;height:9px}.system-card.ok .status-dot{background:#12b76a;box-shadow:0 0 0 4px #ecfdf3}.system-card.error .status-dot{background:#f04438;box-shadow:0 0 0 4px #fef3f2}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric-label{color:#66758c;margin-bottom:8px;font-size:12px}.metric{font-variant-numeric:tabular-nums;font-size:31px;line-height:1}.metric-warn{color:#b54708}.metric-error{color:#b42318}.metric+.muted{margin:8px 0 0;font-size:12px}.dashboard-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.health-list,.incident-list{gap:0;display:grid}.health-row,.incident{border-bottom:1px solid #eaecf0;justify-content:space-between;gap:14px;padding:15px 0;display:flex}.health-row:last-child,.incident:last-child{border-bottom:0}.health-row p,.incident p{color:#475467;margin:4px 0;font-size:13px}.issue{color:#b54708;display:block}.incident{align-items:flex-start}.incident>div{min-width:0}.incident strong{font-size:13px}.incident p{overflow-wrap:anywhere}.status-breakdown{flex-wrap:wrap;gap:9px;padding-top:16px;display:flex}.status-breakdown div{background:#f9fafb;border:1px solid #eaecf0;border-radius:7px;min-width:120px;padding:10px}.status-breakdown span{color:#66758c;overflow-wrap:anywhere;font-size:11px;display:block}.status-breakdown strong{margin-top:4px;font-size:20px;display:block}.login{background:radial-gradient(circle at 18% 15%,#dbeafe 0,#0000 30%),#f5f7fb;place-items:center;min-height:100vh;padding:24px;display:grid}.login .card{width:min(420px,100%);padding:32px}.login .card:before{content:"JCat × Sasha AI";color:#155eef;letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px;font-size:12px;font-weight:750;display:block}.login h1{font-size:26px}.login .button{width:100%;margin-top:6px}@media (width<=1120px){.setup{grid-template-columns:repeat(2,minmax(280px,1fr))}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.shell{grid-template-columns:1fr}aside{border-bottom:1px solid #e4e7ec;border-right:0;padding:16px}.brand{margin-bottom:14px}.profile{margin-top:20px}.content{padding:26px 18px}.content header{align-items:flex-start;gap:12px}.content header .button{margin-bottom:0}.grid,.setup,.system-grid,.metric-grid,.dashboard-columns{grid-template-columns:1fr}.cardhead,.integration{flex-direction:column;align-items:flex-start}.routes{text-align:left}.routes span{justify-content:flex-start}}.edit-trigger{margin-left:4px;padding:5px 8px;font-size:11px}.drawer-layer{z-index:20;background:#10182866;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;width:min(480px,100vw);height:100%;padding:26px;overflow:auto;box-shadow:-16px 0 40px #10182833}.drawer-header{border-bottom:1px solid #eaecf0;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:8px;padding-bottom:18px;display:flex}.drawer-header h2{margin-bottom:0;font-size:21px}.drawer-note{color:#66758c;background:#f9fafb;border-radius:7px;margin-top:28px;padding:12px;font-size:12px;line-height:1.5}.drawer .button:not(.quiet){width:100%;margin-top:12px}@media (width<=540px){.drawer{padding:20px}.edit-trigger{margin-top:5px}}.shell{grid-template-columns:248px minmax(0,1fr);transition:grid-template-columns .2s}.shell>aside{height:100vh;min-height:100vh;padding:18px 14px;position:sticky;top:0;overflow:hidden}.sidebar-top{justify-content:space-between;align-items:center;margin:4px 4px 28px;display:flex}.brand{white-space:nowrap;margin:0}.brand-name{align-items:center;gap:8px;display:inline-flex}.sidebar-toggle{color:#475467;background:#fff;border:1px solid #e4e7ec;border-radius:7px;flex:none;place-items:center;width:32px;height:32px;padding:0;transition:all .15s;display:grid}.sidebar-toggle:hover{color:#155eef;background:#f9fafb;border-color:#b2ccff}.side-icon{flex:none;width:18px;height:18px;display:block}nav .button.nav-item,.profile .button.nav-item{text-align:left;white-space:nowrap;align-items:center;gap:11px;min-height:40px;padding:9px 10px;display:flex}.nav-item .side-icon{color:#66758c}.nav-item.active .side-icon{color:#155eef}.nav-label{text-overflow:clip;overflow:hidden}.profile{overflow:hidden}.profile-email{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile .logout{width:100%;margin-top:8px}.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar-collapsed>aside{padding-left:12px;padding-right:12px}.sidebar-collapsed .sidebar-top{justify-content:center;margin-bottom:28px}.sidebar-collapsed .brand-name,.sidebar-collapsed .nav-label,.sidebar-collapsed .profile-email,.sidebar-collapsed .profile-role{display:none}.sidebar-collapsed .sidebar-toggle{z-index:1;background:#fff;border-radius:7px;width:24px;height:32px;position:absolute;top:20px;right:-12px;box-shadow:0 1px 3px #1018281a}.sidebar-collapsed nav .button.nav-item,.sidebar-collapsed .profile .button.nav-item{justify-content:center;padding-left:8px;padding-right:8px}.sidebar-collapsed .profile{align-items:center;padding-left:0;padding-right:0}.sidebar-collapsed .profile .logout{width:40px}@media (width<=760px){.shell.sidebar-collapsed{grid-template-columns:1fr}.shell>aside{height:auto;min-height:0;position:static}.sidebar-top{margin-bottom:14px}.sidebar-collapsed .brand-name,.sidebar-collapsed .nav-label,.sidebar-collapsed .profile-email,.sidebar-collapsed .profile-role{display:initial}.sidebar-collapsed .brand-name{display:inline-flex}.sidebar-collapsed .sidebar-toggle{width:32px;height:32px;box-shadow:none;position:static}.sidebar-collapsed nav .button.nav-item,.sidebar-collapsed .profile .button.nav-item{justify-content:flex-start;padding-left:10px;padding-right:10px}.sidebar-collapsed .profile{align-items:stretch;padding-left:8px;padding-right:8px}.sidebar-collapsed .profile .logout{width:100%}}.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e6edf7;background:#0b1220}.theme-dark .content{background:#0b1220}.theme-dark>aside,.theme-dark .card,.theme-dark .system-card,.theme-dark .status-breakdown div,.theme-dark .drawer{background:#121c2c;border-color:#26354a;box-shadow:0 1px 2px #0003}.theme-dark .brand,.theme-dark h1,.theme-dark h2,.theme-dark strong,.theme-dark label{color:#f1f5fa}.theme-dark .brand i,.theme-dark .muted,.theme-dark small,.theme-dark .eyebrow,.theme-dark .metric-label,.theme-dark .system-card p,.theme-dark .health-row p,.theme-dark .incident p{color:#9daec4}.theme-dark .cardhead,.theme-dark .integration,.theme-dark .user,.theme-dark .health-row,.theme-dark .incident,.theme-dark .drawer-header,.theme-dark .profile{border-color:#26354a}.theme-dark .quiet,.theme-dark .sidebar-toggle{color:#d7e2f1;box-shadow:none;background:#172438;border-color:#34445c}.theme-dark .quiet:hover:not(:disabled),.theme-dark .sidebar-toggle:hover{color:#fff;background:#20324c;border-color:#528bff}.theme-dark .active{color:#dbeafe;background:#173a72;border-color:#275a9c}.theme-dark .nav-item .side-icon{color:#9daec4}.theme-dark .nav-item.active .side-icon{color:#8ab4ff}.theme-dark .input,.theme-dark select{color:#edf3fb;background:#0d1726;border-color:#34445c}.theme-dark .input:focus,.theme-dark select:focus{border-color:#70a4ff;box-shadow:0 0 0 3px #275a9c66}.theme-dark option{color:#edf3fb;background:#0d1726}.theme-dark .badge{color:#c6d2e2;background:#26354a}.theme-dark .badge.good{color:#7ee2b8;background:#103d31}.theme-dark .badge.warn{color:#f9d88a;background:#493819}.theme-dark .error{color:#fbb4b4;background:#431f25;border-color:#7a303a}.theme-dark .notice{color:#a9caff;background:#122f55;border-color:#275a9c}.theme-dark .issue{color:#f9d88a}.theme-dark .drawer-note{color:#9daec4;background:#172438}.theme-dark.login{background:radial-gradient(circle at 18% 15%,#173a72 0,#0000 30%),#0b1220}.theme-dark .sidebar-toggle,.theme-dark .sidebar-collapsed .sidebar-toggle{background:#172438}.theme-dark .status-dot{background:#66758c}.theme-dark .system-card.ok .status-dot{background:#32d583;box-shadow:0 0 0 4px #103d31}.theme-dark .system-card.error .status-dot{background:#f97066;box-shadow:0 0 0 4px #431f25}.integration-workspace{gap:16px;display:grid}.setup-intro{background:linear-gradient(120deg,#f5f9ff,#fff)}.setup-intro h2{font-size:20px}.setup-steps{counter-reset:step;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.setup-steps li{color:#475467;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.setup-steps li:before{counter-increment:step;content:counter(step);color:#155eef;background:#e0eaff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.setup-card{border-left:3px solid #528bff}.step-title{align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.step-title>span{color:#155eef;background:#eff4ff;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid}.step-title h2{margin-bottom:4px}.step-title p{margin-bottom:0}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.form-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.danger{color:#b42318;border-color:#fecdca}.danger:hover:not(:disabled){background:#fef3f2;border-color:#f97066}.owner-select{color:#66758c;margin:9px 0 0;font-size:11px}.owner-select select{width:220px;height:32px;margin:0 0 0 7px;font-size:12px;display:inline-block}.compact-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:0 14px;display:grid}.compact-form .button{width:max-content;margin-top:14px}.arrow{color:#528bff}.route-summary{padding-left:20px}.theme-dark .setup-intro{background:linear-gradient(120deg,#101b2e,#172438)}.theme-dark .setup-steps li{color:#b4c2d7}.theme-dark .setup-steps li:before,.theme-dark .step-title>span{color:#9ec5ff;background:#1d355a}.theme-dark .danger{color:#fca5a5;border-color:#7a303a}.theme-dark .danger:hover:not(:disabled){background:#431f25;border-color:#f97066}.theme-dark .owner-select{color:#9daec4}@media (width<=760px){.setup-steps{grid-template-columns:1fr 1fr;display:grid}.compact-form{grid-template-columns:1fr}.row-actions{justify-content:flex-start}.owner-select select{width:100%;margin:5px 0 0}}.integration-page{gap:16px;display:grid}.webhook-url{background:#f9fafb;border:1px solid #d0d5dd;border-radius:7px;align-items:center;gap:10px;padding:10px 12px;display:flex}.webhook-url code{white-space:nowrap;color:#344054;flex:1;overflow:auto}.webhook-url .button{flex:none}.theme-dark .webhook-url{background:#0d1726;border-color:#34445c}.theme-dark .webhook-url code{color:#d7e2f1}@media (width<=760px){.webhook-url{flex-direction:column;align-items:stretch}.webhook-url code{white-space:normal;overflow-wrap:anywhere}}.mapping-editor{color:#172033;background:#f9fafb;border:1px solid #d0d5dd;border-radius:7px;width:100%;min-height:180px;margin:12px 0;padding:12px;font:12px/1.5 ui-monospace,monospace;display:block}.theme-dark .mapping-editor{color:#d7e2f1;background:#0d1726;border-color:#34445c}.mapping-rows{gap:8px;margin:14px 0;display:grid}.mapping-row{grid-template-columns:1fr 1fr auto;align-items:end;gap:8px;display:grid}.mapping-row .input{margin:0}@media (width<=760px){.mapping-row{grid-template-columns:1fr}.mapping-row .button{width:max-content}}