:root{--ink:#182333;--muted:#6b7687;--line:#e7ebf0;--surface:#fff;--bg:#f5f7fa;--nav:#102332;--green:#147d72;--green-light:#e6f5ef;--purple:#6b58cf;--shadow:0 8px 32px rgba(29,47,66,.045);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px;line-height:1.55}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{transition:background .15s,transform .15s,color .15s}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #77c9bd;outline-offset:3px}.hidden{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1.1px;line-height:1.2;margin-bottom:10px;font-weight:650}h2{font-size:21px;letter-spacing:-.45px;font-weight:620;margin-bottom:8px}h3{font-size:17px;font-weight:620;margin-bottom:8px}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:750;color:var(--green);margin-bottom:12px}.button{border:1px solid transparent;border-radius:9px;padding:11px 18px;display:inline-flex;gap:15px;align-items:center;justify-content:center;font-weight:620;font-size:13px;white-space:nowrap}.button.primary{background:var(--green);color:white;box-shadow:0 3px 7px #147d7218}.button.primary:hover:not(:disabled){background:#0c695f;transform:translateY(-1px)}.button.secondary{border-color:#dde3e9;background:white;color:#445268}.button.secondary:hover:not(:disabled){background:#f0f4f7}.button.white{background:white;color:#153f43}.button.white:hover:not(:disabled){background:#e8fbf6}.button.small{font-size:12px;padding:8px 13px}.full{width:100%}.text-button{border:0;background:transparent;color:var(--green);font-size:12px;padding:4px 0;font-weight:650;text-align:left}.text-button:hover{text-decoration:underline}.light-text{color:#d4eee8}.icon-button{border:0;background:#f0f3f6;border-radius:8px;font-size:23px;line-height:1;padding:8px 12px;color:#617084}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:650;letter-spacing:-.7px}.brand.light{color:white}.brand-muted{font-weight:400;opacity:.62}.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#26bba0,#14847d);color:white;font-weight:700;font-size:20px;box-shadow:0 5px 20px #001d2025}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#60cdb2}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:30px;padding:4px 9px;font-size:10px;font-weight:650;white-space:nowrap}.pill.neutral{background:#eff2f6;color:#677587}.pill.success{background:#e5f4ed;color:#20815a}.pill.warning{background:#fff3dc;color:#a97622}.pill.danger{background:#fbeaec;color:#b45258}.pill.purple{background:#eeeafb;color:#7461b7}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);gap:17px}.loading-screen p{font-size:13px}
.icon{width:1em;height:1em;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* Sign-in */
.login-screen{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;background:white}.login-story{padding:52px 10%;background:radial-gradient(ellipse at 15% 15%,#264e58 0,transparent 52%),radial-gradient(ellipse at 90% 95%,#246259 0,transparent 50%),#112934;color:white;display:flex;flex-direction:column;overflow:hidden;position:relative}.login-story:after{content:"";position:absolute;width:580px;height:580px;border:1px solid #ffffff08;border-radius:50%;right:-230px;top:150px;pointer-events:none}.story-copy{margin:auto 0;padding:70px 0 40px;max-width:520px;position:relative;z-index:1}.light-eyebrow{color:#8eccbd}.story-copy h1{font-size:clamp(34px,3.2vw,52px);font-weight:530;line-height:1.22;letter-spacing:-1.8px;margin-bottom:25px}.story-copy h1 span{color:#92d8c7}.story-copy p{font-size:15px;max-width:415px;color:#bfd0d5;line-height:1.8}.flow-preview{display:flex;align-items:center;margin:5px 0 70px;gap:18px;position:relative;z-index:1}.flow-preview>div{display:grid;gap:6px}.flow-preview strong{font-weight:550;font-size:13px}.flow-preview small{font-size:10px;color:#9eb8bd}.flow-symbol{display:grid;place-items:center;width:35px;height:35px;border:1px solid #ffffff22;border-radius:10px;font-size:11px;color:#a7ddce;margin-bottom:5px;background:#ffffff07}.flow-line{height:1px;background:#ffffff22;width:38px;margin-top:-32px}.story-footer{font-size:10px;letter-spacing:.15px;color:#9bb6bb;display:flex;align-items:center;gap:9px;margin-top:auto}.login-side{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px;background:radial-gradient(ellipse at 90% 5%,#edf6f2 0,transparent 50%),#fbfcfd}.login-card{width:100%;max-width:410px}.login-card .icon-tile{display:grid;place-items:center;width:49px;height:49px;background:#e9f5f0;color:#1c8a76;border-radius:15px;font-size:24px;margin-bottom:35px}.login-card h2{font-size:31px;letter-spacing:-1px;margin-bottom:14px}.login-card>p{line-height:1.8;font-size:13px;margin-bottom:31px}.login-card label{display:block;font-size:11px;font-weight:650;margin-bottom:9px;color:#536276}.login-card input{width:100%;border:1px solid #dfe6e8;border-radius:9px;background:#f6f8f9;padding:14px;color:#506071;font-size:13px;margin-bottom:17px}.login-card .button{padding:14px}.secure-note{display:flex;gap:10px;align-items:flex-start;color:#8b99a5;margin-top:24px}.secure-note>span{color:var(--green);background:#e9f6f0;border-radius:50%;padding:0 4px;font-size:10px}.secure-note p{font-size:11px;line-height:1.7;margin:0}.login-footnote{font-size:10px;color:#a7b0ba;margin-top:65px}
/* Application chrome */
.workspace{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--nav);padding:28px 20px;color:#a0b1bf;height:100vh;position:sticky;top:0;display:flex;flex-direction:column}.sidebar .brand{font-size:18px;margin:3px 8px 49px}.sidebar .brand-mark{width:33px;height:33px;font-size:18px}.workspace-label{font-size:9px;letter-spacing:1.7px;font-weight:600;margin:0 14px 16px;color:#6c8498}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;color:#9ab0c0;border:0;background:transparent;border-radius:8px;text-align:left;font-size:13px;font-weight:500}.nav-button:hover{background:#ffffff06;color:white}.nav-button.active{background:#1f414a;color:#a3e1d4}.nav-icon{font-size:19px;width:19px;text-align:center;font-weight:400}.nav-count{margin-left:auto;font-size:10px;background:#ffffff10;border-radius:5px;padding:2px 6px}.sidebar-card{margin-top:auto;padding:19px 16px;border:1px solid #ffffff10;border-radius:11px;background:linear-gradient(130deg,#1b3943,#172c39)}.small-pill{font-size:8px;color:#8bc8b8;letter-spacing:1.2px;font-weight:600}.sidebar-card p{font-size:12px;color:#cad8df;margin:12px 0 10px;line-height:1.7}.sidebar-card button{font-size:10px;font-weight:500}.sidebar-bottom{font-size:8px;letter-spacing:1.6px;display:flex;gap:8px;align-items:center;padding:22px 13px 0;color:#7994a6}.sidebar-divider{color:#476375}.main-content{min-width:0}.topbar{height:82px;background:#ffffffd9;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;gap:15px}.breadcrumb{font-size:9px;letter-spacing:1.3px;color:#96a0ad}.breadcrumb-separator{color:#cbd2da;margin:0 14px}.topbar strong{font-size:12px;font-weight:550}.account-controls{display:flex;align-items:center;gap:17px}.avatar{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:50%;background:#e8edef;color:#466475;font-size:10px;font-weight:650}.account-controls .text-button{font-size:11px;color:#69798a}.view{max-width:1440px;margin:0 auto;padding:35px 42px 42px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading p{font-size:12px;margin-bottom:0}.section-heading.compact{margin-top:34px;margin-bottom:20px}.compact h2{font-size:19px}.hero-card{background:radial-gradient(ellipse at 85% 20%,#266962 0,transparent 45%),linear-gradient(105deg,#174048,#153239);border-radius:15px;color:white;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;min-height:255px;overflow:hidden}.hero-tag{font-size:9px;letter-spacing:1.5px;color:#93cdc0}.hero-card h2{font-size:29px;line-height:1.25;letter-spacing:-.8px;font-weight:550;margin:14px 0}.hero-card p{max-width:480px;font-size:12px;line-height:1.75;color:#b7d1d1;margin-bottom:23px}.hero-actions{display:flex;align-items:center;gap:24px}.hero-actions .button{font-size:12px;padding:10px 16px}.hero-actions .text-button{font-size:11px}.connection-orbit{position:relative;width:245px;height:225px;margin-right:15px;flex-shrink:0}.orbit-ring{position:absolute;inset:13px 30px 29px;border:1px solid #ffffff18;border-radius:50%}.orbit-ring:before{content:"";position:absolute;inset:23px;border:1px dashed #ffffff13;border-radius:50%}.orbit-center{position:absolute;left:87px;top:66px;width:78px;height:78px;border-radius:22px;background:#ffffff10;border:1px solid #ffffff18;display:grid;place-items:center;box-shadow:0 8px 35px #051e251e}.microsoft-logo{display:grid;grid-template-columns:16px 16px;gap:3px}.microsoft-logo i{height:16px;display:block;background:#f35325}.microsoft-logo i:nth-child(2){background:#81bc06}.microsoft-logo i:nth-child(3){background:#05a6f0}.microsoft-logo i:nth-child(4){background:#ffba08}.orbit-dot{display:grid;place-items:center;width:34px;height:34px;position:absolute;border-radius:10px;background:#276c62;border:1px solid #73b3a32b;color:#b5e8d9;box-shadow:0 5px 18px #0b2e3340}.orbit-dot.one{left:37px;top:26px}.orbit-dot.two{right:19px;bottom:64px}.orbit-caption{position:absolute;bottom:10px;left:43px;font-size:8px;letter-spacing:1.7px;color:#89b5b1}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:23px}.stat-card{background:white;border:1px solid var(--line);border-radius:12px;padding:23px;box-shadow:var(--shadow);min-width:0}.stat-label{font-size:8px;letter-spacing:1.3px;font-weight:700;color:#8e99a7}.stat-title{font-size:18px;font-weight:600;margin-top:13px;display:flex;gap:10px;align-items:center}.stat-card p{font-size:11px;margin:9px 0;overflow-wrap:anywhere}.stat-card small{font-size:10px;color:#8793a2}.stat-card .text-button{font-size:11px}.stat-number{font-size:30px;font-weight:550}.stat-suffix{font-size:11px;font-weight:400}.workspace-footer{display:flex;justify-content:space-between;padding:12px 42px 26px;color:#9ca6b1;font-size:9px;gap:15px}.notice{padding:13px 16px;border-radius:9px;background:#fff3dd;border:1px solid #f5e5c4;color:#936722;font-size:12px;line-height:1.65}.app-alert{margin:22px 42px 0}.notice.error{background:#fff0f0;border-color:#f1d5d8;color:#a1535d}.notice p{margin-bottom:0}
/* Agents */
.agent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.agent-card{border:1px solid var(--line);background:white;border-radius:13px;padding:23px;box-shadow:var(--shadow);min-width:0}.agent-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:21px;gap:10px}.agent-logo{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#edf1fc;color:#6d75bd;font-size:22px}.agent-logo.directline{background:#eeebfa;color:#8b6db8}.agent-card h3{text-transform:capitalize;font-size:17px}.agent-card>p{font-size:12px;line-height:1.7;color:#7b8797;min-height:42px}.agent-meta{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 21px}.agent-card-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f2f5;padding-top:16px;gap:8px}.agent-card .button{padding:8px 13px;font-size:11px}.agent-card .text-button{font-size:10px}.directory-note{display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid #dde9e7;background:#f0f7f5;border-radius:10px;margin-bottom:24px;color:#5d7976}.directory-note>span{display:grid;place-items:center;width:19px;height:19px;border:1px solid #92b7ad;border-radius:50%;flex-shrink:0;font-size:11px}.directory-note p{font-size:12px;line-height:1.7;margin:0}
/* Chat */
.chat-view{display:flex;flex-direction:column;height:calc(100vh - 128px);min-height:590px;padding-top:27px;padding-bottom:12px}.chat-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;gap:15px}.chat-toolbar .eyebrow{margin-bottom:6px;font-size:8px}.chat-toolbar select{border:0;background:transparent;color:var(--ink);font-size:20px;letter-spacing:-.4px;font-weight:580;max-width:350px;cursor:pointer;padding:0 20px 0 0;text-transform:capitalize}.chat-toolbar-actions{display:flex;align-items:center;gap:14px}.chat-messages{flex:1;overflow-y:auto;padding:25px 3px;scroll-behavior:smooth}.chat-empty{height:100%;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.chat-empty-icon{width:57px;height:57px;display:grid;place-items:center;background:linear-gradient(140deg,#e6f1ec,#e7edf8);border:1px solid #dee8e7;border-radius:18px;font-size:31px;color:#6ca396;margin:10px 0 24px}.chat-empty h2{font-size:25px;font-weight:550;letter-spacing:-.7px}.chat-empty p{font-size:12px;color:#8a96a6;line-height:1.9}.suggestions{display:flex;gap:9px;margin-top:14px;flex-wrap:wrap;justify-content:center}.suggestions button{font-size:10px;color:#6b7b8b;background:white;border:1px solid #e3e9ed;border-radius:8px;padding:9px 11px}.suggestions button:hover{border-color:#91c6b9;background:#fbfffd}.message-row{display:flex;gap:12px;margin:16px 0;max-width:88%;align-items:flex-start}.message-row.user{margin-left:auto;justify-content:flex-end}.message-avatar{width:30px;height:30px;flex-shrink:0;border-radius:9px;display:grid;place-items:center;font-size:11px;background:#e0f1eb;color:#427a6d}.message-bubble{background:white;border:1px solid #e4e9ee;box-shadow:0 3px 9px #1d2f4203;border-radius:3px 13px 13px 13px;padding:15px 18px;font-size:13px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.message-row.user .message-bubble{background:#edf3f5;border-color:#e4ecef;border-radius:13px 3px 13px 13px;color:#42586a}.message-label{font-size:9px;color:#91a0ad;margin-bottom:5px}.message-body{min-width:0}.message-row.system{max-width:100%;justify-content:center}.message-row.system .message-bubble{background:#fff7e8;border-color:#f0e5cd;color:#94722e;font-size:11px}.composer{margin-top:10px;background:#fff;border:1px solid #dce5e9;border-radius:13px;box-shadow:0 4px 22px #263b4e04}.composer:focus-within{border-color:#78b5a4;box-shadow:0 0 0 3px #147d7208}.composer textarea{resize:none;width:100%;border:0;background:transparent;padding:17px 19px 7px;color:#30475a;font-size:13px;outline:0!important;min-height:70px;max-height:170px}.composer textarea::placeholder{color:#a6b1bc}.composer-bottom{display:flex;justify-content:space-between;align-items:center;padding:8px 12px 12px 19px;gap:15px}.composer-bottom>span{font-size:9px;color:#a4adb7}.composer .button{padding:8px 15px;font-size:12px}.chat-disclaimer{font-size:9px;color:#9ca7b3;text-align:center;margin:10px 0 0}.chat-auth-notice{padding:11px 14px;border:1px solid #ecdfbe;background:#fff8e8;color:#8e7139;font-size:11px;display:flex;align-items:center;justify-content:space-between;border-radius:9px;margin-top:10px;gap:15px}.chat-progress{display:flex;align-items:center;gap:10px;font-size:11px;color:#72908c;padding:8px 2px}.chat-progress .text-button{margin-left:auto;font-size:10px}.spinner{width:13px;height:13px;border:2px solid #d6e8e1;border-top-color:#268573;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* Activity and details */
.activity-table-wrap{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.activity-table{width:100%;border-collapse:collapse;text-align:left}.activity-table th{font-size:9px;letter-spacing:1px;color:#8b97a6;padding:15px 21px;background:#fafbfc;border-bottom:1px solid var(--line);font-weight:600}.activity-table td{padding:19px 21px;border-bottom:1px solid #f0f2f5;font-size:12px}.activity-table td:first-child{font-family:ui-monoSpace,SFMono-Regular,Consolas,monospace;color:#6a7c8c;font-size:11px}.empty-state{padding:60px 20px;text-align:center;color:#8c9aa8}.empty-state>span{display:block;font-size:30px;color:#a4bdb5;margin-bottom:13px}.empty-state h3{font-size:17px;color:#687b8c}.empty-state p{font-size:12px;margin-bottom:20px}dialog{border:1px solid #e0e7eb;border-radius:16px;padding:28px;box-shadow:0 25px 90px #162c3c30;width:min(590px,calc(100% - 32px));color:var(--ink)}dialog::backdrop{background:#10233270;backdrop-filter:blur(3px)}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-top h2{margin:0}.modal-copy{font-size:13px;color:#6b7e8d;line-height:1.85}.detail-row{border-bottom:1px solid var(--line);padding:14px 0}.detail-row small{display:block;font-size:9px;color:#98a4b1;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.detail-row code{font-size:11px;overflow-wrap:anywhere;color:#435d72}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:10px;background:#183e42;color:#ddf5ee;font-size:12px;box-shadow:0 8px 30px #10233222;z-index:10}
@media(min-width:1600px){.view{padding-top:42px}.hero-card{min-height:290px}.stat-card{padding:27px}.agent-card{padding:27px}}
@media(max-width:1050px){.workspace{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding:24px 13px}.sidebar .brand{font-size:16px;gap:8px}.view{padding:28px}.topbar{padding:0 28px}.stat-grid{gap:11px}.stat-card{padding:17px}.stat-title{font-size:16px;flex-wrap:wrap}.hero-card{padding:28px}.connection-orbit{width:170px;margin-right:-15px;transform:scale(.85)}.orbit-ring{inset:13px 0 29px}.orbit-center{left:45px}.orbit-dot.one{left:0}.orbit-dot.two{right:0}.orbit-caption{left:11px}.workspace-footer{padding-left:28px;padding-right:28px}.story-copy h1{font-size:39px}.login-story{padding:38px 9%}.login-side{padding:35px}}
@media(max-width:760px){.login-screen{grid-template-columns:1fr}.login-story{padding:28px 26px;min-height:auto}.story-copy{padding:35px 0 5px;margin:0}.story-copy h1{font-size:35px}.story-copy p,.flow-preview,.story-footer{display:none}.login-side{padding:40px 26px}.login-card .icon-tile{display:none}.login-footnote{margin-top:35px}.workspace{display:block}.sidebar{height:auto;position:static;padding:17px 20px}.sidebar .brand{margin:0 0 20px}.workspace-label,.sidebar-card,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;gap:5px}.nav-button{padding:9px 12px;font-size:11px;gap:6px;justify-content:center}.nav-count{display:none}.nav-icon{font-size:15px;width:16px}.topbar{height:67px;padding:0 22px}.breadcrumb,.breadcrumb-separator{display:none}.account-controls{gap:10px}.account-controls .pill{max-width:145px;font-size:9px}.account-controls .avatar{display:none}.view{padding:25px 21px}.section-heading{align-items:flex-start;margin-bottom:21px}h1{font-size:27px}.section-heading>.button{padding:8px 10px;font-size:10px;margin-top:2px}.hero-card{padding:26px;min-height:240px}.hero-card h2{font-size:25px}.connection-orbit{display:none}.stat-grid{grid-template-columns:1fr}.stat-card{min-height:130px}.stat-title{font-size:18px}.agent-grid{grid-template-columns:1fr}.workspace-footer{padding:15px 22px;flex-direction:column;gap:4px}.chat-view{height:calc(100vh - 205px);min-height:610px;padding-bottom:8px}.chat-toolbar{align-items:center}.chat-toolbar select{font-size:17px;max-width:180px}.chat-toolbar-actions .pill{display:none}.message-row{max-width:96%}.message-bubble{font-size:12px}.chat-empty h2{font-size:22px}.suggestions{gap:7px}.suggestions button{font-size:9px}.chat-auth-notice{flex-direction:column;align-items:flex-start}.activity-table th,.activity-table td{padding:15px 12px;font-size:10px}.app-alert{margin:15px 21px 0}.hero-actions{gap:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}