:root{--space-xxs: 4px;--space-xs: 8px;--space-s: 12px;--space-m: 16px;--space-l: 24px;--space-xl: 32px;--space-xxl: 48px;--text-caption: 12px;--text-body: 14px;--text-subtitle: 18px;--text-title: 28px;--text-display: 40px;--text-display-mobile: 32px;--line-body: 1.6;--line-heading: 1.18;--color-canvas: #f5f6f2;--color-surface: #ffffff;--color-ink: #203b34;--color-muted: #687a72;--color-border: #dce5de;--color-primary: #26765b;--color-primary-soft: #edf5ed;--color-rail: #123c31;--color-rail-muted: #b0c8bd;--color-rail-emphasis: #244f42;--color-rail-border: #406355;--color-rail-text: #f5fbf3;--color-warning: #a46614;--color-warning-soft: #fff7e8;--color-danger: #b93d3d;--radius-s: 8px;--radius-m: 12px;--radius-l: 20px;--width-rail: 252px;--width-content: 1280px;--width-aside: 300px;--width-heading: 700px;--width-login: 540px;--width-picker: 260px;--width-language: 154px;--height-topbar: 92px;--height-conversation: 290px;--size-brand: 36px;--size-hero-icon: 56px;--size-small-icon: 44px;--size-step: 28px;--size-dot: 6px;--size-empty: 48px;--size-focus: 3px;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:var(--text-body);line-height:var(--line-body);color:var(--color-ink);background:var(--color-canvas)}button,input{font:inherit}a{color:var(--color-primary)}h1,h2,p{margin-top:0}h2{font-size:var(--text-subtitle);line-height:var(--line-heading);font-weight:600}:focus-visible{outline:var(--size-focus) solid var(--color-primary);outline-offset:4px}.skip-link{position:fixed;top:var(--space-m);left:var(--space-m);padding:var(--space-s) var(--space-m);background:var(--color-surface);z-index:100;transform:translateY(-200%);border-radius:var(--radius-s)}.skip-link:focus{transform:translateY(0)}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--width-rail);flex:0 0 var(--width-rail);padding:var(--space-xl) var(--space-l);background:var(--color-rail);color:var(--color-rail-text);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:var(--space-s);color:var(--color-rail-text);font-size:var(--text-title);font-weight:650;line-height:var(--line-heading);letter-spacing:-.035em;text-decoration:none}.brand-mark{display:flex;align-items:center;justify-content:center;width:var(--size-brand);height:var(--size-brand);border:1px solid var(--color-rail-border);border-radius:var(--radius-m);color:var(--color-rail-text);font-size:var(--text-subtitle)}.brand-dot{color:var(--color-rail-muted)}.nav-eyebrow{margin:var(--space-xxl) 0 var(--space-m);font-size:var(--text-caption);letter-spacing:.12em;color:var(--color-rail-muted)}.main-nav{display:flex;flex-direction:column;gap:var(--space-xs)}.main-nav a{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-s);border-radius:var(--radius-s);color:var(--color-rail-muted);text-decoration:none}.main-nav a:hover,.main-nav a.active{color:var(--color-rail-text);background:var(--color-rail-emphasis)}.main-nav a.active{box-shadow:inset 3px 0 var(--color-rail-muted)}.nav-lock{margin-left:auto;font-size:var(--text-caption)}.sidebar-note{margin-top:auto;padding-top:var(--space-xxl)}.role-label{font-size:var(--text-caption);letter-spacing:.08em;color:var(--color-rail-muted)}.sidebar-note h2{margin:var(--space-s) 0}.sidebar-note p{color:var(--color-rail-muted);margin-bottom:var(--space-l)}.rail-status{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-s) 0;border-top:1px solid var(--color-rail-border);font-size:var(--text-caption)}.status-dot{display:inline-block;width:var(--size-dot);height:var(--size-dot);border-radius:50%;background:var(--color-rail-muted)}.sidebar-footer{margin:var(--space-l) 0 0;font-size:var(--text-caption);color:var(--color-rail-muted)}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{min-height:var(--height-topbar);display:flex;justify-content:space-between;align-items:center;gap:var(--space-l);padding:var(--space-m) var(--space-xl);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.company-control{display:flex;flex-direction:column;gap:var(--space-xxs)}.company-control label{font-size:var(--text-caption);color:var(--color-muted)}.company-picker{width:var(--width-picker)}.operator-company{display:flex;align-items:center;gap:var(--space-xs);font-weight:600}.topbar-actions{display:flex;gap:var(--space-m);align-items:center}.language-picker{width:var(--width-language)}.sign-in-link{display:flex;align-items:center;gap:var(--space-xs);font-weight:500;white-space:nowrap;text-decoration:none;padding:var(--space-xs) 0}.main-content{width:100%;max-width:var(--width-content);margin:0 auto;padding:var(--space-l) var(--space-xl) var(--space-xxl);flex:1}.environment-strip{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-caption);color:var(--color-muted);flex-wrap:wrap;margin-bottom:var(--space-xl)}.environment-strip .ant-tag{margin-inline-end:0}.api-status{margin-left:auto;display:inline-flex;align-items:center;gap:var(--space-xs)}.version{color:var(--color-muted)}.page-heading{max-width:var(--width-heading);margin-bottom:var(--space-xl)}.eyebrow{font-size:var(--text-caption);letter-spacing:.1em;font-weight:600;color:var(--color-primary);margin-bottom:var(--space-s)}.page-heading h1{font-size:var(--text-display);line-height:var(--line-heading);letter-spacing:-.035em;font-weight:600;margin-bottom:var(--space-m)}.page-heading>p:last-child{color:var(--color-muted);margin-bottom:0}.work-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--width-aside);gap:var(--space-l);align-items:start}.aside-stack{display:flex;flex-direction:column;gap:var(--space-l);min-width:0}.panel-heading{display:flex;gap:var(--space-s);align-items:center;padding:var(--space-xxs) 0}.panel-heading strong{font-weight:600}.panel-heading span:not(.ant-avatar):not(.anticon){display:block;font-size:var(--text-caption);color:var(--color-muted);font-weight:400}.assistant-avatar{background:var(--color-primary-soft);color:var(--color-primary)}.conversation-card>.ant-card-body{padding:0}.conversation-content{min-height:var(--height-conversation);padding:var(--space-xl) var(--space-l) var(--space-l)}.chat-empty-mark{display:flex;justify-content:center;align-items:center;width:var(--size-hero-icon);height:var(--size-hero-icon);border-radius:var(--radius-l);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--text-title);margin-bottom:var(--space-l)}.conversation-content h2{margin-bottom:var(--space-s)}.conversation-content .ant-bubble{color:var(--color-muted)}.sample-section{margin-top:var(--space-xl)}.sample-section .eyebrow{margin-bottom:var(--space-xs)}.muted{color:var(--color-muted)}.sample-buttons{display:flex;flex-direction:column;gap:var(--space-xs);align-items:stretch}.sample-button{justify-content:flex-start;text-align:left;height:auto;white-space:normal;padding:var(--space-s) var(--space-m)}.sample-button.selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.composer-region{padding:var(--space-l);border-top:1px solid var(--color-border)}.composer-note{color:var(--color-muted);display:flex;gap:var(--space-xs);font-size:var(--text-caption);margin:var(--space-s) 0 0}.sample-label{font-size:var(--text-caption);color:var(--color-warning);margin-bottom:var(--space-xs)}.small-icon{background:var(--color-primary-soft);color:var(--color-primary);width:var(--size-small-icon);height:var(--size-small-icon);display:flex;justify-content:center;align-items:center;border-radius:var(--radius-m);font-size:var(--text-subtitle);margin-bottom:var(--space-l)}.principle-list{list-style:none;margin:var(--space-l) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-m)}.principle-list li{display:flex;align-items:start;gap:var(--space-s)}.principle-list .anticon{color:var(--color-primary);margin-top:var(--space-xxs)}.workflow-list{list-style:none;margin:var(--space-l) 0;padding:0;display:flex;flex-direction:column;gap:var(--space-m)}.workflow-list li{display:flex;align-items:center;gap:var(--space-s)}.workflow-list li>span{width:var(--size-step);height:var(--size-step);flex:0 0 var(--size-step);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-canvas);color:var(--color-muted);font-size:var(--text-caption)}.workflow-card p:last-child,.context-card p:last-child{margin-bottom:0}.workspace-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-m);padding:var(--space-m) var(--space-xl);border-top:1px solid var(--color-border);color:var(--color-muted);font-size:var(--text-caption)}.page-alert{margin-bottom:var(--space-l)}.login-grid{display:grid;grid-template-columns:minmax(0,var(--width-login)) var(--width-aside);gap:var(--space-l);align-items:start}.login-card .ant-form-item-extra{font-size:var(--text-caption);margin-top:var(--space-xs)}.identity-strip{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-s);border:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-s) var(--space-m);border-radius:var(--radius-s);margin-bottom:var(--space-l)}.identity-strip>span:not(.anticon):not(.ant-tag){color:var(--color-muted)}.identity-strip .ant-tag{margin-left:auto}.import-footer{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-m);margin-top:var(--space-l)}.import-footer>span{color:var(--color-muted);font-size:var(--text-caption)}.empty-icon{font-size:var(--size-empty);color:var(--color-border)}.table-empty{padding:var(--space-xl) 0;max-width:var(--width-login);margin:0 auto}.table-empty p{margin-bottom:0}.loading-state{padding:var(--space-xxl);text-align:center;color:var(--color-muted)}.loading-state p{margin-top:var(--space-m)}@media(max-width:1200px){.work-grid,.login-grid{grid-template-columns:minmax(0,1fr)}.work-grid>.aside-stack:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1024px){.app-shell{display:block}.sidebar{width:100%;padding:var(--space-m) var(--space-xl);flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-xl)}.main-nav{flex-direction:row;flex-wrap:wrap}.nav-eyebrow,.sidebar-note,.sidebar-footer,.nav-lock{display:none}.main-nav a{padding:var(--space-xs) var(--space-s)}}@media(max-width:640px){.sidebar{flex-direction:column;align-items:start;padding:var(--space-m);gap:var(--space-m)}.main-nav{width:100%;gap:var(--space-xxs)}.main-nav a{gap:var(--space-xs);font-size:var(--text-caption);padding:var(--space-xs)}.topbar{flex-wrap:wrap;gap:var(--space-m);padding:var(--space-m)}.company-control,.company-picker{width:100%}.topbar-actions{width:100%;justify-content:space-between}.main-content{padding:var(--space-l) var(--space-m) var(--space-xl)}.environment-strip{margin-bottom:var(--space-l)}.api-status{width:100%;margin-left:0}.page-heading h1{font-size:var(--text-display-mobile)}.work-grid>.aside-stack:last-child{display:flex}.conversation-content{padding:var(--space-l)}.workspace-footer{padding:var(--space-m)}.identity-strip>span{overflow-wrap:anywhere}.identity-strip .ant-tag{margin-left:0}.conversation-card .ant-card-head{padding:0 var(--space-m)}.conversation-card .ant-card-extra{font-size:var(--text-caption)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}