:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#dce3ed;background:#0c111a;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 70% 0,#203650 0,#0c111a 55%)}.login-panel{max-width:460px;width:100%;border:1px solid #283546;border-radius:20px;background:#151e2a;padding:36px;box-shadow:0 20px 70px #0005}.login-panel h1{font-size:30px}.login-panel h1 span{color:#6db6da}.login-panel p{color:#9aacc2}.brandmark{background:#366c8d;color:white;border-radius:13px;width:43px;height:43px;display:grid;place-items:center;font-weight:800;letter-spacing:-1px}.eyebrow{font-size:11px;letter-spacing:.14em;color:#7fa1bd;text-transform:uppercase;font-weight:700}.shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid #263344;background:#121a25;display:flex;flex-direction:column;padding:26px 18px;gap:35px}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:16px;line-height:1.2}.brand small{color:#70879e;font-size:9px;letter-spacing:.08em}.sidebar nav{display:grid;gap:7px}.nav{text-align:left;background:transparent;border:0;color:#9baac0;border-radius:9px;padding:13px;font-weight:600}.nav:hover,.nav.current{background:#26384b;color:white}.sidebar-foot{margin-top:auto;display:grid;gap:14px}.sidebar-foot small,.muted{color:#90a2b7}.subtle{background:transparent;border:1px solid #41536a;color:#c9d8e5;border-radius:9px;padding:8px 12px}.content{max-width:1220px;width:100%;margin:0 auto;padding:35px 45px}.content header{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:12px}.content h1{font-size:29px;margin:6px 0}.tag{font-size:12px;border:1px solid #354960;border-radius:99px;padding:8px 12px;color:#a9c6db}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px}.metric,.box{border:1px solid #283748;background:#151f2c;border-radius:14px;padding:22px}.metric small{display:block;color:#91a4bb}.metric strong{display:block;margin-top:10px;font-size:27px}.box{margin-bottom:17px}.box h2{margin:0 0 14px;font-size:17px}.box p{line-height:1.55}.inline{display:flex;gap:10px}.inline input{flex:1}.field-row{margin:14px 0}label{display:block;font-size:13px;color:#a7b8ca}input,textarea,select{border:1px solid #3b4b60;background:#101824;color:#e0e8f3;border-radius:9px;padding:12px;width:100%;outline-offset:2px}select{margin-top:7px}textarea{resize:vertical}button[type=submit],.primary{border:0;background:#477ea3;color:white;border-radius:9px;padding:12px 15px;font-weight:700}button[type=submit]:hover,.primary:hover{background:#5895bf}form{display:grid;gap:11px;margin:15px 0}.inline{display:flex;flex-wrap:wrap}.list-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:14px 0;border-top:1px solid #2a394b}.list-row h3{font-size:14px;margin:0 0 5px}.list-row p{font-size:13px;margin:0;color:#90a2b7}.pill{font-size:11px;color:#9ed0e8;border:1px solid #365870;border-radius:99px;padding:4px 9px;white-space:nowrap}.tiny{font-size:12px}.notice{padding:13px 15px;background:#2a3445;border-radius:10px;margin-bottom:20px}.error{color:#f19b9b!important;font-size:13px}.history{min-height:260px;max-height:440px;overflow:auto;background:#111a26;border:1px solid #2b3b4f;border-radius:12px;padding:14px;display:grid;align-content:start;gap:12px}.bubble{padding:12px 14px;border-radius:10px;max-width:88%;white-space:pre-wrap;line-height:1.5;font-size:14px;background:#253447}.bubble.user{justify-self:end;background:#285b79}.proposal{padding:14px;border-top:1px solid #354457}.proposal summary{cursor:pointer;font-weight:700}.proposal pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;background:#0c131f;padding:12px;border-radius:8px;max-height:390px;overflow:auto}.keyval{display:flex;justify-content:space-between;border-bottom:1px solid #2b394b;padding:12px 0;gap:10px}.keyval strong{overflow-wrap:anywhere;text-align:right}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;padding:14px;gap:15px}.sidebar nav{display:flex;overflow:auto}.nav{white-space:nowrap;padding:9px}.sidebar-foot{display:none}.content{padding:22px 16px}.metrics{grid-template-columns:repeat(2,1fr)}.content header{align-items:start}.tag{display:none}}@media(max-width:480px){.metrics{gap:8px}.metric,.box{padding:15px}.inline{display:grid}.bubble{max-width:97%}}

/* R0.9 project-first navigation and independent conversation threads */
.sidebar{gap:18px}
.sidebar nav{display:grid;gap:5px}
.sidebar-title{margin:17px 8px 4px;color:#7195b2;font-size:10px;font-weight:800;letter-spacing:.13em}
.project-nav{display:grid;gap:3px}
.project-link,.thread-link{width:100%;text-align:left;background:transparent;color:#a9c7de;border:0;border-radius:9px;padding:10px 12px;font-size:13px}
.project-link:hover,.thread-link:hover,.thread-link.selected{background:#26384b;color:#fff}
.chat-layout{display:grid;grid-template-columns:minmax(180px,230px) minmax(0,1fr);align-items:start;gap:15px}
.chat-threads{display:grid;gap:12px}
.chat-threads .primary{width:100%;padding:11px 12px}
.chat-main{min-width:0}
.conversation-list{display:grid;gap:4px;max-height:430px;overflow:auto}
.conversation-list .thread-link{overflow-wrap:anywhere}
#automationList,#integrationList,#automationRuns{margin-top:15px}
#automationForm .inline>label{flex:1;min-width:130px}
#automationList .list-row{align-items:center}
#automationList .subtle{flex-shrink:0}
@media(max-width:900px){
  .sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .sidebar-title{grid-column:1/-1}
  .project-nav{grid-column:1/-1;display:flex;flex-wrap:wrap}
  .chat-layout{grid-template-columns:1fr}
}
@media(max-width:520px){.sidebar nav{grid-template-columns:1fr}.chat-layout{display:block}}

/* R0.9C multimodal project chat controls */
.chat-tools{align-items:center;margin-top:2px}
.chat-tools .subtle{font-size:12px;white-space:nowrap}
.attachment-row{display:flex;gap:12px;align-items:center;justify-content:space-between;
    border-bottom:1px solid #2b394b;padding:9px 0}
.attachment-row label{display:flex;align-items:center;gap:8px;word-break:break-word;min-width:0}
.attachment-row input[type=checkbox]{width:18px;height:18px;margin:0;flex:0 0 auto}
.attachment-row .subtle{flex-shrink:0}
#projectUploadList{max-height:220px;overflow:auto}
#projects .list-row{align-items:center}
#projects .list-row .subtle{margin-top:9px}
#projects .list-row form{padding:12px 0;max-width:400px}
@media(max-width:560px){.chat-tools{display:grid;grid-template-columns:1fr 1fr}
  .chat-tools .subtle{white-space:normal}}

/* R0.9F visual system: project-first composition, density, accessibility.
   No external fonts, trackers, UI frameworks or image downloads. */
:root{
  color-scheme:dark;
  --surface-0:#080f19;
  --surface-1:#101b2b;
  --surface-2:#172438;
  --surface-3:#1f3046;
  --ink:#e9f1fa;
  --muted-ink:#a3b5ca;
  --hairline:#2d4056;
  --accent:#65b9ec;
  --focus:#7fc9ff;
}
body{color:var(--ink);background:
 radial-gradient(ellipse 75% 50% at 85% -5%,rgba(39,105,158,.17),transparent 75%),
 var(--surface-0);line-height:1.5}
button,input,select,textarea{transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,
summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
a{color:#9ad4fa}
button{min-height:36px}
input,select,textarea{background:var(--surface-0);border-color:var(--hairline);color:var(--ink)}
input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px rgba(73,157,213,.14)}
label{color:#becfe0}
.shell{grid-template-columns:270px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;background:linear-gradient(160deg,#101b2b,#0b1421 80%);padding:24px 16px;gap:18px;border-right:1px solid var(--hairline)}
.brand{padding:3px 7px 16px;border-bottom:1px solid var(--hairline)}
.brand strong{font-size:15px;letter-spacing:-.025em}
.brand small{font-size:9px;color:#849db7}
.brandmark{background:linear-gradient(145deg,#458ebd,#38528e);border-radius:14px;box-shadow:0 7px 18px #06132466}
.sidebar nav{gap:3px}
.nav{display:flex;align-items:center;min-height:38px;padding:9px 12px;font-size:13px;font-weight:550;color:#b0c3d6}
.nav:hover,.project-link:hover{background:#20344d;color:#f0f7ff}
.nav.current{background:linear-gradient(90deg,#284c68,#22364f);box-shadow:inset 3px 0 #6bc6f2;color:#fff}
.sidebar-title{margin:18px 9px 4px;font-weight:750;color:#7f9ab6;letter-spacing:.13em}
.project-nav{display:grid;gap:2px}
.project-link{min-height:36px;padding:9px 12px;border-radius:9px;line-height:1.4;color:#bdd0e3}
.project-link.selected{background:#1d3b53;box-shadow:inset 3px 0 #6dc5ec;color:#fff;font-weight:650}
.sidebar-foot{padding:15px 8px 4px;border-top:1px solid var(--hairline)}
.content{max-width:1500px;padding:30px clamp(18px,3.2vw,50px) 70px}
.content header{margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid rgba(111,149,178,.14)}
.content h1{font-size:clamp(22px,2vw,30px);letter-spacing:-.035em;font-weight:750}
.tag{font-size:11px;white-space:nowrap;background:#172638;border-color:#30465c}
.metric,.box{border:1px solid var(--hairline);background:linear-gradient(175deg,#172336,#142030);border-radius:17px;box-shadow:0 9px 20px rgba(0,0,0,.10)}
.metric{padding:19px 21px}
.metric strong{font-size:clamp(22px,2.2vw,30px);color:#f6faff;font-variant-numeric:tabular-nums}
.box{padding:clamp(18px,2vw,26px)}
.box h2{font-size:17px;font-weight:730;letter-spacing:-.02em}
.box h3{font-size:14px}
.muted{color:var(--muted-ink)}
.primary,button[type=submit]{background:linear-gradient(135deg,#438bb9,#4476af);color:#fff;border-radius:10px;box-shadow:0 3px 10px rgba(20,67,105,.24)}
.primary:hover,button[type=submit]:hover{background:linear-gradient(135deg,#55a2d0,#548bc2)}
.subtle{border-color:#45617c;color:#d0e0ef}
.subtle:hover{background:#263c56;border-color:#6a97bc}
.history{border-radius:15px;background:#0d1826;border-color:var(--hairline);max-height:min(57vh,650px)}
.bubble{border-radius:13px;line-height:1.6}
.bubble.assistant{background:#22364c}.bubble.user{background:#2a5876}
.notice{border:1px solid #355571;background:#1b3145}
.workspace-tabs{display:flex;gap:5px;overflow-x:auto;padding:5px;background:#111d2d;
  border:1px solid var(--hairline);border-radius:14px;margin:20px 0 22px}
.workspace-tab{border:0;min-height:42px;flex:1;white-space:nowrap;padding:10px 15px;border-radius:10px;
  color:#a9bfd3;background:transparent;font-weight:650;font-size:13px}
.workspace-tab:hover{background:#23354b;color:#e9f4ff}
.workspace-tab.active{background:#2a455e;color:#fff;box-shadow:0 2px 7px #07111a55}
.project-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
  border:1px solid #31516e;border-radius:20px;padding:clamp(22px,3vw,34px);
  background:radial-gradient(ellipse 75% 130% at 100% 5%,rgba(70,156,209,.20),transparent 80%),
  linear-gradient(135deg,#192e45,#142234);box-shadow:0 15px 35px #060b1330}
.project-title-row{display:flex;align-items:center;gap:18px}
.project-symbol{width:58px;height:58px;display:grid;place-items:center;background:linear-gradient(145deg,#2f668a,#304c70);
  color:#bde8ff;border-radius:19px;font-size:35px;flex-shrink:0}
.project-hero h2{font-size:clamp(23px,2.5vw,33px);letter-spacing:-.04em;margin:0}
.project-hero p{color:#adc4d8;margin:7px 0 0;max-width:560px}
.project-hero .eyebrow{margin:0 0 11px;color:#92b9d6}
.project-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.workspace-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}
.workspace-stat{padding:21px;border:1px solid var(--hairline);border-radius:16px;
  background:linear-gradient(160deg,#17263a,#132133)}
.workspace-stat span{font-size:12px;color:#a4bed2}
.workspace-stat strong{display:block;font-size:24px;font-weight:750;margin:7px 0;color:#f1faff}
.workspace-stat small{font-size:11px;color:#8ea6be}
.workspace-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.workspace-action-card{padding:26px;background:linear-gradient(160deg,#17253a,#121e2e);
  border:1px solid var(--hairline);border-radius:17px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.workspace-action-card h3{font-size:18px;margin:8px 0 0;letter-spacing:-.02em}
.workspace-action-card p{color:#a8bdd1;margin:7px 0 20px;max-width:500px;font-size:13px;flex:1}
.workspace-action-card .subtle{margin-top:auto}
.feature-glyph{width:41px;height:41px;display:grid;place-items:center;border-radius:13px;
  background:#213f57;color:#86d4f7;font-size:23px}
.workspace-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.workspace-detail-card{height:auto;min-width:0}
.workspace-inline-list{display:grid;gap:9px;margin:12px 0 20px;max-height:460px;overflow:auto}
.workspace-inline-list .list-row{padding:12px 2px}
.workspace-inline-list .list-row h3{color:#e4effb}
.workspace-inline-list details pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}
.workspace-folder-info{display:grid;gap:8px;background:#1d344b;border-radius:12px;padding:14px;margin:12px 0}
.workspace-thread{width:100%;text-align:left;padding:12px;background:#1c3148;border:1px solid #314a63;color:#d9edfb;border-radius:10px}
.workspace-thread:hover{background:#284660}
#workspace-files .subtle,#workspace-agents .subtle{margin:6px 8px 6px 0}
#workspace-files form,#workspace-agents form{margin-top:18px}
@media(max-width:1100px){.workspace-two-col{grid-template-columns:1fr}.shell{grid-template-columns:244px minmax(0,1fr)}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;overflow:visible}
  .sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.project-nav{grid-column:1/-1;display:flex;flex-wrap:wrap}
  .project-link{width:auto;max-width:240px}.workspace-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .content{padding:22px 16px 48px}}
@media(max-width:620px){.workspace-stat-grid,.workspace-cards{grid-template-columns:1fr}
  .workspace-tabs{gap:4px}.workspace-tab{flex:0 0 auto;padding:10px 12px}
  .project-hero-actions{width:100%}.project-hero-actions button{flex:1}
  .project-symbol{height:48px;width:48px;font-size:28px}}
@media(max-width:520px){.sidebar nav{grid-template-columns:1fr}.project-nav{display:flex;gap:4px}
  .workspace-two-col{grid-template-columns:1fr}.project-hero{padding:21px}}
@media(prefers-reduced-motion:reduce){button,input,select,textarea{transition:none}}