:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#10233c;background:#f3f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:#087f9b;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:256px;flex-shrink:0;background:#101e36;color:#eef6fd;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:23px 17px 27px}.brand img{height:43px;width:43px;object-fit:contain;background:#fff;border-radius:13px;padding:3px}.brand strong{font-size:20px;letter-spacing:2px;display:block}.brand small{color:#90b3c7;font-size:10px;letter-spacing:1px}.sidebar nav{overflow-y:auto;padding:0 12px;flex:1}.nav-group{margin-bottom:14px}.nav-group p{font-size:10px;color:#7896ac;letter-spacing:1.9px;padding-left:10px;margin:13px 0 8px;font-weight:700}.nav-group button,.sidebar-footer button{background:transparent;border:0;color:#bcd0df;display:block;padding:10px 12px;text-align:left;width:100%;border-radius:8px;font-size:13px;margin:1px 0}.nav-group button:hover,.nav-group button.selected{background:#00c4b824;color:#fff}.nav-group button.selected{border-left:3px solid #09d0ba}.sidebar-footer{padding:16px;border-top:1px solid #27415c}.sidebar-footer a{font-size:12px;color:#45d0d3;display:block;padding-bottom:9px}.content{flex:1;min-width:0;padding:27px 36px;max-width:1900px;margin:0 auto}.topbar{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:10px 0 25px;border-bottom:1px solid #d8e5ec}.topbar h1{font-size:30px;letter-spacing:-.7px;margin:4px 0}.topbar p{color:#6b7c90;margin:4px 0}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#1599aa!important;font-weight:800}.toolbar{display:flex;gap:12px;align-items:center;color:#8191a0;font-size:12px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 20px;gap:15px}.section-head h2{font-size:19px;margin:0 0 6px}.section-head p{color:#8494a5;font-size:12px;margin:0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(137px,1fr));gap:12px;margin:18px 0 26px}.stat{background:#fff;border:1px solid #dfebf0;border-radius:13px;padding:16px;box-shadow:0 2px 9px #10233c06}.stat span{display:block;text-transform:capitalize;color:#6b7d8e;font-size:12px}.stat strong{display:block;font-size:27px;margin-top:9px;font-weight:750;color:#0d2239}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:15px}.app-card,.incident-card{background:#fff;border:1px solid #dfebf0;border-radius:14px;padding:19px;box-shadow:0 2px 10px #0a1e2808}.card-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.card-title strong{font-size:15px}.app-card small,.incident-card small{color:#788d9b}.metrics{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.metrics span{display:block;color:#8c9bab;font-size:11px}.metrics strong{display:block;font-size:17px;margin-top:4px}.badge{display:inline-block;padding:5px 9px;border-radius:15px;text-transform:capitalize;font-size:11px;font-weight:700;background:#eaf0f4;color:#667987;white-space:nowrap}.badge.positive{background:#dff9ee;color:#06815d}.badge.negative{background:#fee8ec;color:#b22e4d}.table-wrap{overflow:auto;background:#fff;border:1px solid #dfebf0;border-radius:13px}table{width:100%;border-collapse:collapse;min-width:690px}th{text-align:left;color:#8294a3;text-transform:capitalize;font-size:11px;letter-spacing:.3px;background:#f9fcfd;border-bottom:1px solid #e2eaf0}td,th{padding:13px 16px;border-bottom:1px solid #edf1f3;max-width:270px;overflow:hidden;text-overflow:ellipsis;font-size:12px}tbody tr:hover{background:#f8fcff}.empty{border:1px dashed #cadde6;background:#fff;border-radius:12px;padding:30px;color:#8794a0;text-align:center}.error,.error-block{color:#ac2445}.error-block{background:#fff1f4;border:1px solid #fbc7d2;border-radius:9px;padding:12px;margin-top:18px}.actions{display:flex;gap:12px;align-items:center}.incident-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:14px}.incident-card p{font-size:13px;color:#718497;min-height:35px}.button-link,.button-secondary{display:inline-block;background:#e6f4f7;color:#136d83;border:1px solid #c4e6ea;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:650}.button-secondary:hover,.button-link:hover{background:#cfeaf0}.inline-form{display:flex;flex-wrap:wrap;gap:7px;max-width:850px}.inline-form input,.inline-form select,input{background:#fff;border:1px solid #c6dbe5;border-radius:8px;padding:10px;min-width:120px}.inline-form button,.login-card button{border:0;border-radius:8px;padding:10px 16px;background:#0f8f99;color:#fff;font-weight:650}.inline-form .button-secondary{background:#e4f4f6;color:#126c79}.details{margin-top:15px;background:#fff;border:1px solid #dfebf0;border-radius:9px;padding:14px}.details pre{overflow:auto;max-height:500px;font-size:12px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 10% 10%,#d5f8f5,transparent 37%),#eef3f7}.login-card{width:min(440px,calc(100vw - 32px));background:#fff;box-shadow:0 22px 90px #0d1e371a;padding:34px;border-radius:22px}.brand-large{padding:0 0 20px}.brand-large strong{color:#112340;font-size:26px}.brand-large small{color:#648299}.login-card h1{margin:10px 0;font-size:25px}.login-card p{color:#718497;font-size:14px;line-height:1.6}.login-card form{display:flex;flex-direction:column;gap:12px;margin:24px 0}.login-card label{font-size:12px;font-weight:700}.login-card button{padding:13px}.help{color:#859aac;font-size:11px}.footer{margin-top:38px;border-top:1px solid #dbe6ed;padding-top:18px;color:#98aab7;font-size:11px}@media(max-width:850px){.sidebar{width:195px}.content{padding:18px}.topbar{flex-direction:column;align-items:flex-start}.topbar h1{font-size:24px}}@media(max-width:600px){.shell{display:block}.sidebar{position:relative;height:auto;width:100%}.sidebar nav{display:flex;gap:8px;overflow:auto}.nav-group{display:flex;gap:4px}.nav-group p{display:none}.nav-group button{white-space:nowrap}.sidebar-footer{display:none}.brand{padding:11px}.content{padding:16px}.stats{grid-template-columns:repeat(2,1fr)}.section-head{align-items:flex-start;flex-direction:column}}.editor-form{margin:20px 0;padding:24px;background:#fff;border:1px solid #dce7ee;border-radius:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.editor-form h3,.editor-form fieldset,.editor-form .actions{grid-column:1/-1}.editor-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#3e566d}.editor-form select{background:#fff;border:1px solid #c6dbe5;border-radius:8px;padding:10px}.editor-form textarea{width:100%;min-height:140px;resize:vertical;padding:12px;border:1px solid #c6dbe5;border-radius:8px;background:#f8fbfd;color:#19324b;font:12px/1.6 ui-monospace,monospace}.editor-form label:has(textarea){grid-column:1/-1}.editor-form fieldset{border:1px solid #dce7ee;border-radius:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.editor-form fieldset p{grid-column:1/-1;color:#6b7c90;font-size:12px}.monitoring-workspace>.actions{margin-bottom:20px}.actions{flex-wrap:wrap}.actions button:not(.button-secondary){background:#0f8f99;border:0;color:#fff;border-radius:8px;padding:10px 13px}.metric-list{font-size:12px}.metric-list div{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-bottom:1px solid #eef3f6}.metric-list dt{color:#708394}.metric-list dd{margin:0;font-weight:600}.history-panel{margin-top:24px}.workspace-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:0 12px 16px}.workspace-switch button{border:1px solid #29445b;border-radius:7px;padding:9px 6px;background:#14283e;color:#b7cddd;font-size:11px;cursor:pointer}.workspace-switch button[aria-pressed=true]{background:#0d5564;color:#fff;border-color:#16b9b1}.workspace-note{padding:16px;background:#eaf7f6;border:1px solid #c4e9e5;border-radius:10px;line-height:1.6}.agentic-workspace pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto;font-size:12px}.agentic-workspace details{padding:12px;border-bottom:1px solid #dce7ee}.proposal-card{margin:16px 0}.actions button:disabled{opacity:.5;cursor:wait}.trace-waterfall{display:grid;gap:6px}.trace-row{width:100%;display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,2fr) minmax(135px,auto);align-items:center;gap:16px;padding:12px;text-align:left;background:#fff;border:1px solid #dce7ee;border-radius:8px;color:#19324b;cursor:pointer}.trace-row>span{overflow-wrap:anywhere}.trace-row:focus-visible{outline:2px solid #11999a}.trace-track{position:relative;display:block;height:20px;background:#edf4f8;border-radius:5px}.trace-track>span{position:absolute;display:block;height:10px;top:5px;border-radius:4px}@media(max-width:750px){.trace-row{grid-template-columns:1fr;gap:8px}.metric-list dd{overflow-wrap:anywhere}}.product-subscriptions{margin-bottom:2rem}.subscription-form{margin:1.2rem 0}.product-option{display:block;cursor:pointer}.product-option input,.product-check input{width:auto;margin-right:.7rem}.product-check{display:block;margin:1rem 0}.product-controls{display:flex;gap:1rem;flex-wrap:wrap;align-items:end;margin:1rem 0}.product-controls label{display:flex;flex-direction:column;gap:.4rem}.customer-shell .content>label,.product-subscriptions>label{display:flex;flex-direction:column;gap:.5rem;max-width:32rem;margin:1rem 0}
