:root{
  --bg:#f4f6fb;--panel:#fff;--panel-2:#f8f9fc;--text:#11182b;--muted:#6b7280;--muted-2:#98a1b2;
  --line:#e7eaf1;--dark:#0b1020;--dark-2:#141a2e;--primary:#5b5cf0;--primary-2:#7c3aed;
  --green:#10b981;--orange:#f59e0b;--red:#ef4444;--blue:#3b82f6;--purple:#8b5cf6;
  --shadow:0 18px 48px rgba(24,31,61,.08);--radius:20px;--radius-sm:13px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-size:14px}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,h4,p{margin-top:0}button{cursor:pointer}.muted{color:var(--muted)}.mobile-only,.mobile-menu,.mobile-brand{display:none}

/* Login */
.login-body{min-height:100vh;background:#0a0f1f}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(440px,.85fr)}.login-showcase{position:relative;overflow:hidden;padding:54px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 70% 10%,rgba(99,102,241,.34),transparent 38%),radial-gradient(circle at 10% 90%,rgba(6,182,212,.25),transparent 32%),linear-gradient(145deg,#0b1020 0%,#121933 100%);color:white}.login-showcase:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent)}.brand{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#22d3ee);color:#fff;font-weight:900;font-size:20px;box-shadow:0 10px 26px rgba(91,92,240,.35)}.brand strong,.brand small{display:block}.brand strong{font-size:15px;letter-spacing:-.02em}.brand small{font-size:10px;color:#9aa5bd;text-transform:uppercase;letter-spacing:.12em;margin-top:2px}.brand-large .brand-mark{width:46px;height:46px}.brand-large strong{font-size:18px}.login-copy{position:relative;z-index:2;max-width:730px;margin:80px 0}.eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;color:#7c82ff;margin-bottom:14px}.login-copy .eyebrow,.hero-panel .eyebrow,.agents-intro .eyebrow,.team-manifesto .eyebrow{color:#8de7ff}.login-copy h1{font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.055em;margin-bottom:24px}.login-copy p{font-size:17px;line-height:1.8;color:#b9c2d4;max-width:670px}.login-points{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.login-points span{padding:10px 13px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);border-radius:999px;color:#d8deea;font-size:12px}.showcase-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.7}.orb-one{width:260px;height:260px;right:-80px;top:20%;border:1px solid rgba(125,211,252,.25);box-shadow:inset 0 0 80px rgba(99,102,241,.15)}.orb-two{width:170px;height:170px;left:55%;bottom:-45px;border:1px solid rgba(167,139,250,.28)}.login-panel{background:#f7f8fc;display:grid;place-items:center;padding:40px}.login-card{width:min(100%,470px);background:white;border:1px solid var(--line);border-radius:28px;padding:42px;box-shadow:0 28px 80px rgba(2,6,23,.12)}.login-card h2{font-size:30px;letter-spacing:-.04em;margin-bottom:10px}.stack-form{display:flex;flex-direction:column;gap:18px}.stack-form label{font-size:12px;font-weight:700;color:#4b5563;display:flex;flex-direction:column;gap:8px}.stack-form input,.stack-form textarea,.stack-form select{width:100%;border:1px solid #dfe3eb;border-radius:12px;background:#fff;color:var(--text);padding:13px 14px;outline:none;transition:.2s;resize:vertical}.stack-form input:focus,.stack-form textarea:focus,.stack-form select:focus,.chat-form textarea:focus{border-color:#7778ef;box-shadow:0 0 0 4px rgba(91,92,240,.11)}.demo-credentials{margin-top:22px;padding:14px;background:#f7f8fc;border:1px dashed #d8ddea;border-radius:13px;display:grid;grid-template-columns:1fr auto;gap:5px 12px;color:var(--muted);font-size:12px}.demo-credentials strong{grid-column:1/-1;color:var(--text)}.alert{padding:12px 14px;border-radius:12px;margin:16px 0;font-weight:600}.alert-error{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}

/* Layout */
.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:272px;background:linear-gradient(180deg,#0b1020,#0e1427);color:#d5d9e5;padding:22px 16px;display:flex;flex-direction:column;z-index:50;box-shadow:20px 0 50px rgba(9,15,34,.09)}.sidebar-top{padding:2px 8px 19px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.studio-status{margin:18px 6px 8px;padding:12px 13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);border-radius:14px;display:flex;gap:10px;align-items:center}.studio-status strong,.studio-status small{display:block}.studio-status strong{font-size:11px;color:#eef2ff}.studio-status small{color:#79839b;font-size:10px;margin-top:3px}.status-pulse{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 5px rgba(52,211,153,.12);display:inline-block;flex:0 0 auto}.main-nav{display:flex;flex-direction:column;gap:4px;margin-top:10px;overflow-y:auto;padding:0 2px 15px}.nav-label{font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#58627a;padding:18px 12px 7px}.main-nav a{height:44px;border-radius:11px;padding:0 12px;display:flex;align-items:center;gap:12px;color:#8f99af;font-size:12px;font-weight:650;transition:.2s}.main-nav a svg{width:18px}.main-nav a:hover{background:rgba(255,255,255,.055);color:#e9edff}.main-nav a.active{background:linear-gradient(135deg,rgba(91,92,240,.28),rgba(124,58,237,.14));color:#fff;box-shadow:inset 0 0 0 1px rgba(125,126,255,.18)}.main-nav a b{margin-left:auto;font-size:9px;min-width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.08);color:#b5bdd0}.sidebar-footer{margin-top:auto;padding:16px 5px 0;border-top:1px solid rgba(255,255,255,.08)}.user-mini{display:flex;align-items:center;gap:10px}.user-mini>div{min-width:0}.user-mini strong,.user-mini small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-mini strong{font-size:11px;color:#f4f6ff}.user-mini small{font-size:9px;color:#737e96;margin-top:3px}.logout-link{margin-left:auto;color:#727c93;font-size:18px}.avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:white;font-weight:800;font-size:10px;flex:0 0 auto}.main-content{margin-left:272px;min-height:100vh;min-width:0}.topbar{position:sticky;top:0;z-index:35;height:82px;background:rgba(244,246,251,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,224,234,.85);padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.topbar-left{display:flex;align-items:center;gap:16px;min-width:0}.page-heading h1{font-size:20px;letter-spacing:-.03em;margin:0 0 4px}.page-heading p{font-size:11px;color:var(--muted);margin:0}.topbar-actions{display:flex;align-items:center;gap:10px}.global-search{height:40px;width:260px;background:white;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;padding:0 12px;gap:8px}.global-search svg{width:17px;color:#9aa3b3}.global-search input{border:0;outline:0;width:100%;font-size:11px;color:var(--text)}.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:white;display:grid;place-items:center;color:#687083}.notification-btn{position:relative}.notification-btn span{position:absolute;top:8px;right:8px;width:6px;height:6px;background:#ef4444;border-radius:50%;border:1px solid white}.content-wrap{padding:26px 30px 42px;max-width:1700px;margin:0 auto}.sidebar-overlay{display:none}

/* Buttons */
.btn{height:40px;border:0;border-radius:11px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:800;transition:.2s;white-space:nowrap}.btn svg{width:16px}.btn-primary{background:linear-gradient(135deg,#5b5cf0,#7c3aed);color:white;box-shadow:0 9px 22px rgba(91,92,240,.25)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(91,92,240,.33)}.btn-secondary{background:#f1f3f8;color:#424a5f;border:1px solid #e1e5ed}.btn-light{background:white;color:#151b2f}.btn-ghost-light{color:#dfe5f3;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04)}.btn-block{width:100%;height:46px}

/* Shared panels */
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 22px rgba(24,31,61,.035);overflow:hidden}.panel-header{min-height:74px;padding:20px 22px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.panel-header h3{font-size:14px;margin:0 0 5px;letter-spacing:-.02em}.panel-header p{font-size:10px;color:var(--muted);margin:0;line-height:1.5}.text-link{font-size:10px;font-weight:800;color:#5b5cf0;display:flex;align-items:center;gap:3px}.text-link svg,.panel-footer-link svg,.card-open svg,.agent-card-footer svg{width:13px}.panel-footer-link{height:47px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:4px;font-size:10px;font-weight:800;color:#5b5cf0}.status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800;white-space:nowrap}.status-todo{background:#eef1f5;color:#667085}.status-in_progress{background:#eaf2ff;color:#2563eb}.status-review{background:#fff6df;color:#b77900}.status-completed{background:#e9fbf3;color:#07865d}.priority{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.priority-high{color:#e11d48}.priority-medium{color:#b77900}.priority-low{color:#0f8b6d}

/* Dashboard */
.hero-panel{min-height:290px;border-radius:25px;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:radial-gradient(circle at 80% 10%,rgba(103,232,249,.22),transparent 24%),radial-gradient(circle at 65% 100%,rgba(139,92,246,.28),transparent 34%),linear-gradient(135deg,#0b1020 0%,#171d3d 65%,#1d1f55 100%);color:white;position:relative;overflow:hidden;box-shadow:0 22px 48px rgba(28,34,75,.16)}.hero-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px}.hero-panel>div{position:relative;z-index:2}.hero-panel h2{font-size:34px;letter-spacing:-.045em;margin:0 0 12px}.hero-panel p{font-size:12px;line-height:1.75;color:#b9c2d4;max-width:650px}.hero-actions{display:flex;gap:9px;margin-top:24px}.hero-visual{width:300px;height:220px;display:grid;place-items:center;position:relative;flex:0 0 auto}.core-logo{width:82px;height:82px;border-radius:25px;background:linear-gradient(135deg,#7c3aed,#22d3ee);display:grid;place-items:center;font-size:38px;font-weight:900;box-shadow:0 0 50px rgba(99,102,241,.45)}.orbit{position:absolute;inset:18px 45px;border:1px solid rgba(255,255,255,.12);border-radius:50%;animation:spin 20s linear infinite}.orbit span{position:absolute;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);display:grid;place-items:center;font-size:9px;font-weight:800}.orbit-a span{left:4px;top:18px}.orbit-b{inset:42px 22px;animation-direction:reverse;animation-duration:16s}.orbit-b span{right:12px;bottom:4px}.orbit-c{inset:0 70px;animation-duration:13s}.orbit-c span{right:1px;top:83px}@keyframes spin{to{transform:rotate(360deg)}}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:16px}.metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0;margin-bottom:16px}.metric-card{min-height:114px;background:white;border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;align-items:center;gap:15px}.metric-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:900;font-size:18px;flex:0 0 auto}.metric-icon svg{width:19px}.tone-blue{background:#edf4ff;color:#3b82f6}.tone-purple{background:#f3efff;color:#7c3aed}.tone-orange{background:#fff5e6;color:#f59e0b}.tone-green{background:#eafaf4;color:#10b981}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{font-size:10px;color:var(--muted);font-weight:650}.metric-card strong{font-size:24px;letter-spacing:-.04em;margin:4px 0 2px}.metric-card small{font-size:9px;color:#9aa3b3}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);gap:16px;margin-top:16px}.dashboard-grid.lower-grid{grid-template-columns:1fr 1fr}.project-list{padding:3px 10px}.project-row{display:grid;grid-template-columns:42px minmax(160px,1.4fr) auto minmax(110px,.8fr) 20px;gap:12px;align-items:center;padding:13px 10px;border-bottom:1px solid #f0f2f6;transition:.2s}.project-row:last-child{border-bottom:0}.project-row:hover{background:#f8f9fc;border-radius:12px}.project-brand{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:white;font-weight:800}.project-brand.large{width:48px;height:48px;border-radius:15px}.project-brand.xl{width:66px;height:66px;border-radius:20px;font-size:24px}.project-main{min-width:0}.project-main strong,.project-main span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-main strong{font-size:11px}.project-main span{font-size:9px;color:var(--muted);margin-top:5px}.progress-cell{display:flex;align-items:center;gap:8px}.progress-cell>div{height:6px;background:#eef0f5;border-radius:99px;overflow:hidden;flex:1}.progress-cell>div span,.big-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5b5cf0,#8b5cf6)}.progress-cell small{font-size:9px;font-weight:700;color:#6b7280}.row-arrow{font-size:20px;color:#a6adba}.activity-feed{padding:10px 20px}.activity-item{display:flex;gap:12px;padding:11px 0}.activity-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;background:#94a3b8;box-shadow:0 0 0 5px #f2f4f8;flex:0 0 auto}.activity-task{background:#3b82f6}.activity-review{background:#f59e0b}.activity-code{background:#8b5cf6}.activity-project{background:#10b981}.activity-agent{background:#7c3aed}.activity-chat{background:#06b6d4}.activity-client{background:#ec4899}.activity-item p{font-size:10px;line-height:1.55;margin:0}.activity-item small{font-size:8px;color:#9aa3b3;display:block;margin-top:4px}.agent-mini-grid{display:grid;grid-template-columns:1fr 1fr;padding:11px}.agent-mini{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px}.agent-mini:hover{background:#f8f9fc}.agent-avatar{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:white;font-weight:900;font-size:9px;flex:0 0 auto}.agent-avatar.small{width:32px;height:32px;border-radius:10px;font-size:8px}.agent-avatar.large{width:54px;height:54px;border-radius:17px;font-size:12px}.agent-mini div{min-width:0}.agent-mini strong,.agent-mini small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-mini strong{font-size:10px}.agent-mini small{font-size:8px;color:var(--muted);margin-top:3px}.availability{width:7px;height:7px;border-radius:50%;background:#cbd5e1;margin-left:auto}.availability.online{background:#22c55e;box-shadow:0 0 0 4px #e9fbee}.health-score{font-size:24px;color:#5b5cf0}.delivery-panel .big-progress{margin:32px 22px 26px}.big-progress{height:8px;background:#edf0f5;border-radius:99px;overflow:hidden}.health-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.health-stats div{text-align:center;padding:18px}.health-stats div+div{border-left:1px solid var(--line)}.health-stats strong,.health-stats span{display:block}.health-stats strong{font-size:17px}.health-stats span{font-size:8px;color:var(--muted);margin-top:3px}

/* Project cards */
.toolbar-card{display:flex;align-items:center;justify-content:space-between;gap:15px;background:white;border:1px solid var(--line);border-radius:16px;padding:10px 13px;margin-bottom:16px}.filter-tabs{display:flex;gap:5px;overflow-x:auto}.filter-tabs button,.project-tabs button{border:0;background:transparent;color:#6b7280;font-size:10px;font-weight:750;border-radius:10px;padding:10px 12px;white-space:nowrap}.filter-tabs button.active,.filter-tabs button:hover{background:#f0f1ff;color:#5354df}.filter-tabs b,.project-tabs b{font-size:8px;margin-left:4px;background:rgba(91,92,240,.11);padding:2px 5px;border-radius:6px}.toolbar-note{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:9px;white-space:nowrap}.project-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{background:white;border:1px solid var(--line);border-radius:20px;padding:20px;transition:.22s;min-width:0}.project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#dfe1f1}.project-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.project-menu{color:#9aa3b3;letter-spacing:2px}.project-card h3{font-size:16px;letter-spacing:-.025em;margin:13px 0 8px}.project-card>p{font-size:10px;line-height:1.65;color:var(--muted);min-height:49px}.project-client{padding:11px 0;border-top:1px solid #f0f2f6;border-bottom:1px solid #f0f2f6;margin:15px 0}.project-client span,.project-client strong{display:block}.project-client span{font-size:8px;color:#9aa3b3;text-transform:uppercase;letter-spacing:.08em}.project-client strong{font-size:10px;margin-top:5px}.project-progress-title{display:flex;justify-content:space-between;font-size:9px;margin-bottom:8px}.project-card .big-progress{height:6px}.project-card-meta{display:flex;align-items:center;gap:10px;margin-top:14px;color:#8991a0;font-size:8px}.project-card-meta .priority{margin-left:auto}.card-open{height:42px;margin:-1px -20px -20px;padding:0 20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;color:#5254dd;margin-top:18px}

/* Project workspace */
.project-hero-card{background:white;border:1px solid var(--line);border-radius:20px;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.project-hero-main{display:flex;align-items:center;gap:17px;min-width:0}.project-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.project-title-line h2{font-size:22px;letter-spacing:-.035em;margin:0}.project-hero-main p{font-size:10px;line-height:1.65;color:var(--muted);margin:7px 0 10px;max-width:760px}.project-tags{display:flex;gap:7px;flex-wrap:wrap}.project-tags span{font-size:8px;padding:6px 8px;border-radius:8px;background:#f5f6fa;color:#687083}.project-health{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 auto}.project-health>span{font-size:8px;color:var(--muted)}.ring{--progress:0;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#5b5cf0 calc(var(--progress)*1%),#eef0f5 0);position:relative}.ring:after{content:"";position:absolute;inset:7px;background:white;border-radius:50%}.ring strong{position:relative;z-index:1;font-size:13px}.project-tabs{margin-top:15px;background:white;border:1px solid var(--line);border-radius:15px;padding:6px;display:flex;gap:3px;overflow-x:auto}.project-tabs button.active{background:#0f162a;color:white}.project-tab-content{display:none;margin-top:16px}.project-tab-content.active{display:block}.kanban-board{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:13px;overflow-x:auto;padding-bottom:5px}.kanban-column{background:#eef1f6;border-radius:17px;padding:11px;min-height:450px}.kanban-header{height:39px;display:flex;align-items:center;gap:8px;padding:0 5px}.kanban-header strong{font-size:10px}.kanban-header b{margin-left:auto;font-size:8px;background:#e0e4eb;padding:4px 7px;border-radius:7px}.kanban-dot{width:7px;height:7px;border-radius:50%}.dot-todo{background:#94a3b8}.dot-in_progress{background:#3b82f6}.dot-review{background:#f59e0b}.dot-done{background:#10b981}.kanban-list{display:flex;flex-direction:column;gap:9px}.task-card{background:white;border:1px solid #e3e6ed;border-radius:14px;padding:13px;box-shadow:0 3px 10px rgba(24,31,61,.035)}.task-card-top{display:flex;align-items:center;justify-content:space-between}.task-move{width:27px;height:27px;border-radius:8px;border:1px solid var(--line);background:#f8f9fc;color:#5b5cf0;font-weight:900}.task-card h4{font-size:11px;line-height:1.4;margin:10px 0 7px}.task-card>p{font-size:9px;line-height:1.55;color:var(--muted);margin-bottom:13px}.task-assignee{display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid #f0f2f6}.tiny-avatar{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:white;font-size:7px;font-weight:900}.task-assignee strong,.task-assignee small{display:block}.task-assignee strong{font-size:8px}.task-assignee small{font-size:7px;color:#9aa3b3;margin-top:2px}.task-meta{display:flex;justify-content:space-between;font-size:7px;color:#8e96a5;margin-top:10px}.empty-column{padding:22px 10px;text-align:center;font-size:9px;color:#9aa3b3;border:1px dashed #cfd5df;border-radius:12px}.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:15px}.chat-panel,.project-people-panel{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden}.chat-header{min-height:70px;padding:17px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.chat-header h3{font-size:13px;margin:0 0 4px}.chat-header p{font-size:9px;color:var(--muted)}.online-label{font-size:8px;color:#10b981}.messages{height:450px;overflow-y:auto;padding:20px}.message{display:flex;gap:10px;margin-bottom:17px}.message-bubble{max-width:78%;background:#f6f7fa;border-radius:5px 15px 15px 15px;padding:11px 13px}.message-bubble>div{display:flex;gap:8px;align-items:center}.message-bubble strong{font-size:9px}.message-bubble span{font-size:7px;color:#9aa3b3}.message-bubble p{font-size:10px;line-height:1.6;margin:7px 0 0}.message-own{flex-direction:row-reverse}.message-own .message-bubble{background:#5657e7;color:white;border-radius:15px 5px 15px 15px}.message-own .message-bubble span{color:#cfd0ff}.chat-form{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line);background:#fafbfc}.chat-form textarea{flex:1;border:1px solid #dfe3eb;border-radius:12px;padding:10px 12px;resize:none;outline:0;font-size:10px}.project-people-panel{padding:18px}.project-people-panel h3{font-size:12px;margin-bottom:14px}.project-people-panel h4{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8f97a7;margin:22px 0 8px}.person-row{display:flex;align-items:center;gap:9px;padding:8px 0}.person-row div{min-width:0}.person-row strong,.person-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-row strong{font-size:9px}.person-row small{font-size:7px;color:#9aa3b3;margin-top:3px}.agent-run-layout{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(0,1.2fr);gap:15px}.agent-run-layout .stack-form{padding:20px}.agent-output-panel pre{margin:0;padding:22px;min-height:345px;white-space:pre-wrap;font:10px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;color:#dbe4ff;background:#0d1324}.runs-history{margin-top:15px}.run-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line)}.run-row:last-child{border-bottom:0}.run-row strong{font-size:9px}.run-row p{font-size:8px;color:var(--muted);margin:4px 0 0}.run-row>small{font-size:8px;color:#9aa3b3}.timeline{padding:18px 22px}.timeline-item{position:relative;display:flex;gap:13px;padding:7px 0 21px}.timeline-item:not(:last-child):after{content:"";position:absolute;left:4.5px;top:20px;bottom:0;width:1px;background:#e4e7ed}.timeline-item>div{min-width:0}.timeline-item strong{font-size:10px}.timeline-item p{font-size:9px;line-height:1.55;margin:4px 0;color:#4b5563}.timeline-item small{font-size:8px;color:#9aa3b3}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-list{padding:10px 22px 22px;margin:0}.detail-list>div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #f0f2f6}.detail-list dt{font-size:9px;color:var(--muted)}.detail-list dd{font-size:9px;font-weight:700;margin:0;text-align:right}.github-panel .panel-header>svg{width:28px;height:28px}.repo-box{padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.repo-box>span{font-size:9px;color:var(--muted)}.repo-box>strong{font-size:10px;word-break:break-all}.repo-box .btn{margin-top:7px}.integration-note{margin:0 20px 20px;padding:13px;background:#f6f5ff;border:1px solid #e5e2ff;border-radius:13px}.integration-note strong{font-size:9px;color:#5556d8}.integration-note p{font-size:8px;line-height:1.6;color:#687083;margin:5px 0 0}.empty-state{text-align:center;padding:32px 24px}.empty-state h4{font-size:12px;margin:12px 0 7px}.empty-state p{font-size:9px;line-height:1.6;color:var(--muted);max-width:370px;margin:0 auto}.empty-icon{width:48px;height:48px;border-radius:15px;background:#f0f1ff;color:#5b5cf0;display:grid;place-items:center;margin:0 auto}.empty-icon svg{width:23px}

/* Agents, clients, team, activity, settings */
.agents-intro,.team-manifesto{border-radius:22px;padding:32px 35px;background:linear-gradient(135deg,#0c1224,#1a2150);color:white;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:16px}.agents-intro h2,.team-manifesto h2{font-size:25px;letter-spacing:-.04em;margin:0 0 10px}.agents-intro p,.team-manifesto p{font-size:10px;line-height:1.7;color:#b5bfd4;max-width:720px}.agent-summary{text-align:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:18px 28px;min-width:170px}.agent-summary strong,.agent-summary span,.agent-summary small{display:block}.agent-summary strong{font-size:36px}.agent-summary span{font-size:9px;color:#d9def0}.agent-summary small{font-size:8px;color:#6ee7b7;margin-top:5px}.agent-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.agent-card{background:white;border:1px solid var(--line);border-radius:20px;padding:21px;transition:.2s}.agent-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.agent-card-head{display:flex;align-items:flex-start;justify-content:space-between}.agent-state{font-size:8px;font-weight:700;color:#7b8495;display:flex;align-items:center;gap:5px}.agent-state i{width:6px;height:6px;border-radius:50%;background:#cbd5e1}.agent-state.online i{background:#22c55e;box-shadow:0 0 0 4px #eafbf2}.agent-card h3{font-size:16px;margin:15px 0 4px}.agent-role{font-size:9px;color:#5b5cf0;font-weight:750}.agent-card>p{font-size:9px;line-height:1.65;color:var(--muted);min-height:58px;margin:13px 0}.capabilities{display:flex;flex-wrap:wrap;gap:5px}.capabilities span{font-size:7px;background:#f4f5f8;color:#667085;border-radius:7px;padding:5px 7px}.agent-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin:17px -21px -21px;padding:14px 21px}.agent-card-footer span{font-size:8px;color:var(--muted)}.agent-card-footer a{font-size:8px;font-weight:800;color:#5b5cf0;display:flex;align-items:center}.table-panel{overflow:hidden}.responsive-table{overflow-x:auto}.responsive-table table{width:100%;border-collapse:collapse;min-width:760px}.responsive-table th{text-align:left;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#98a1b2;padding:12px 20px;background:#fafbfc;border-bottom:1px solid var(--line)}.responsive-table td{padding:14px 20px;border-bottom:1px solid #f0f2f6;font-size:9px}.responsive-table tbody tr:last-child td{border-bottom:0}.responsive-table td>strong,.responsive-table td>small{display:block}.responsive-table td>small{color:#9aa3b3;margin-top:4px}.table-person{display:flex;align-items:center;gap:10px}.table-person strong,.table-person small{display:block}.table-person small{color:#9aa3b3;margin-top:3px}.team-manifesto{display:block}.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.team-card{background:white;border:1px solid var(--line);border-radius:20px;padding:24px;text-align:center}.team-avatar{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;color:white;font-size:20px;font-weight:900;margin:0 auto 14px}.role-badge{font-size:7px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:#5b5cf0;background:#f0f1ff;border-radius:99px;padding:5px 8px}.team-card h3{font-size:14px;margin:13px 0 5px}.team-card>p{font-size:9px;color:var(--muted);margin-bottom:10px}.team-card>a{font-size:8px;color:#5b5cf0}.team-status{margin-top:17px;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:8px;font-size:8px;color:#687083}.add-team-card{display:flex;flex-direction:column;align-items:center;justify-content:center;border-style:dashed;background:#fafbfc}.add-team-card p{line-height:1.6}.activity-page-panel .full-timeline{max-width:900px}.full-timeline .timeline-item{padding-bottom:27px}.timeline-title{display:flex;align-items:center;gap:8px}.activity-type{font-size:7px;background:#f1f3f7;padding:3px 6px;border-radius:6px;color:#7c8493}.settings-layout{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr);gap:16px}.settings-layout>.panel .stack-form{padding:22px}.settings-column{display:flex;flex-direction:column;gap:16px}.integration-card{padding:20px;display:flex;gap:16px;align-items:flex-start}.integration-logo{width:48px;height:48px;border-radius:15px;background:#0f172a;color:white;display:grid;place-items:center;flex:0 0 auto}.integration-logo svg{width:24px}.ai-logo{background:linear-gradient(135deg,#5b5cf0,#06b6d4);font-weight:900}.integration-card h3{font-size:13px;margin:2px 0 6px}.integration-card p{font-size:9px;line-height:1.6;color:var(--muted);margin-bottom:10px}.integration-status{display:inline-flex;font-size:7px;padding:5px 7px;border-radius:7px;background:#fff6df;color:#a36d00;font-weight:750}.security-card{padding:22px}.security-card h3{font-size:13px}.security-card ul{padding-left:18px;margin:0}.security-card li{font-size:9px;color:#687083;line-height:1.9}

/* Forms and modals */
.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:1fr 1fr 1fr}.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(6,10,23,.68);backdrop-filter:blur(6px)}.modal-card{position:relative;width:min(720px,100%);max-height:92vh;overflow-y:auto;background:white;border-radius:24px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.28);animation:modalIn .2s ease}.small-modal{width:min(600px,100%)}@keyframes modalIn{from{transform:translateY(10px) scale(.98);opacity:0}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.modal-header h2{font-size:21px;letter-spacing:-.035em;margin:0}.modal-close{width:36px;height:36px;border-radius:11px;border:1px solid var(--line);background:#f6f7fa;font-size:21px;color:#7a8393}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:5px}.toast-container{position:fixed;right:22px;bottom:22px;z-index:150;display:flex;flex-direction:column;gap:8px}.toast{min-width:260px;max-width:380px;background:#111827;color:white;border-radius:13px;padding:13px 15px;box-shadow:0 15px 40px rgba(0,0,0,.2);font-size:10px;font-weight:650;animation:toastIn .25s ease}.toast.error{background:#991b1b}@keyframes toastIn{from{transform:translateY(8px);opacity:0}}.hidden-search{display:none!important}.loading{opacity:.55;pointer-events:none}

@media(max-width:1250px){.project-card-grid,.agent-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.hero-visual{width:240px}.kanban-board{grid-template-columns:repeat(4,280px)}}
@media(max-width:980px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.sidebar-overlay{position:fixed;inset:0;background:rgba(7,11,23,.55);z-index:45}.sidebar-overlay.open{display:block}.main-content{margin-left:0}.mobile-menu,.mobile-only{display:grid}.topbar{padding:0 18px}.content-wrap{padding:20px 18px 35px}.global-search{display:none}.hero-panel{padding:30px}.hero-visual{display:none}.chat-layout{grid-template-columns:1fr}.project-people-panel{display:none}.settings-layout,.agent-run-layout,.details-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-showcase{display:none}.login-panel{min-height:100vh}.mobile-brand{display:flex;margin-bottom:35px}}
@media(max-width:680px){.topbar{height:72px}.page-heading p{display:none}.page-heading h1{font-size:17px}.topbar-actions .notification-btn{display:none}.topbar-actions .btn{width:40px;padding:0;font-size:0}.topbar-actions .btn svg{width:18px}.content-wrap{padding:14px 12px 30px}.hero-panel{padding:26px 22px;min-height:270px;border-radius:20px}.hero-panel h2{font-size:27px}.hero-panel p{font-size:10px}.hero-actions{flex-direction:column;align-items:stretch}.metric-grid,.metric-grid.three{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:15px;min-height:100px}.metric-icon{width:38px;height:38px}.metric-card strong{font-size:20px}.dashboard-grid.lower-grid{grid-template-columns:1fr}.project-row{grid-template-columns:38px minmax(120px,1fr) auto}.project-row .progress-cell,.project-row .row-arrow{display:none}.agent-mini-grid{grid-template-columns:1fr}.project-card-grid,.agent-card-grid,.team-grid{grid-template-columns:1fr}.toolbar-card{align-items:flex-start;flex-direction:column}.toolbar-note{padding-left:5px}.project-hero-card{align-items:flex-start;padding:18px}.project-hero-main{align-items:flex-start}.project-brand.xl{width:52px;height:52px;border-radius:16px}.project-title-line h2{font-size:18px}.project-health{display:none}.project-tabs{border-radius:12px}.kanban-board{grid-template-columns:repeat(4,260px)}.chat-header{padding:15px}.messages{height:420px;padding:14px}.message-bubble{max-width:86%}.chat-form{flex-direction:column}.chat-form .btn{width:100%}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.modal{padding:10px}.modal-card{padding:20px;border-radius:19px}.agents-intro,.team-manifesto{padding:25px 22px;display:block}.agents-intro h2,.team-manifesto h2{font-size:21px}.agent-summary{margin-top:20px}.run-row{grid-template-columns:34px minmax(0,1fr);}.run-row>.status,.run-row>small{grid-column:2}.login-panel{padding:16px}.login-card{padding:28px 22px;border-radius:22px}.login-card h2{font-size:25px}.client-stats.metric-grid.three{grid-template-columns:1fr}.toast-container{left:12px;right:12px;bottom:12px}.toast{min-width:0;max-width:none}.sidebar{width:min(286px,86vw)}}
@media(max-width:430px){.metric-grid{grid-template-columns:1fr}.hero-panel h2{font-size:24px}.panel-header{padding:17px}.project-title-line{display:block}.project-title-line .status{margin-top:7px}.project-hero-main{gap:11px}.project-brand.xl{width:44px;height:44px;font-size:16px}.project-tags span:nth-child(3){display:none}}

/* Functional V2.1 additions */
html,body{max-width:100%;overflow-x:hidden}.main-content,.content-wrap{min-width:0}.btn-small{height:34px;padding:0 11px;font-size:9px}.btn-danger{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.btn-danger:hover{background:#ffe4e6}.icon-action{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:#f8f9fc;color:#667085;display:inline-grid;place-items:center;padding:0}.icon-action svg{width:15px}.icon-action:hover{color:#5254dd;border-color:#cbcffa;background:#f2f2ff}.icon-action.danger{color:#dc2626}.icon-action.danger:hover{background:#fff1f2;border-color:#fecdd3}.text-button{border:0;background:transparent;color:#5b5cf0;font-size:8px;font-weight:800;display:flex;align-items:center;gap:3px;padding:0}.text-button svg{width:13px}.user-mini-copy{border:0;background:transparent;padding:0;min-width:0;text-align:left;color:inherit}.user-mini-copy strong,.user-mini-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-mini-copy strong{font-size:11px;color:#f4f6ff}.user-mini-copy small{font-size:9px;color:#737e96;margin-top:3px}

.notification-wrap{position:relative}.notification-btn>span{display:none}.notification-btn b{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#ef4444;color:white;border:2px solid var(--bg);font-size:8px;display:grid;place-items:center}.notification-menu{display:none;position:absolute;right:0;top:50px;width:min(390px,calc(100vw - 24px));background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 70px rgba(12,18,40,.2);overflow:hidden;z-index:80}.notification-menu.open{display:block}.notification-menu-head{padding:16px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.notification-menu-head strong,.notification-menu-head small{display:block}.notification-menu-head strong{font-size:12px}.notification-menu-head small{font-size:8px;color:var(--muted);margin-top:3px}.notification-menu-head button{border:0;background:transparent;color:#5b5cf0;font-size:8px;font-weight:800}.notification-list{max-height:430px;overflow-y:auto}.notification-item{display:flex;gap:11px;padding:13px 16px;border-bottom:1px solid #f0f2f6;background:white}.notification-item:last-child{border-bottom:0}.notification-item.unread{background:#f7f7ff}.notification-item.unread:before{content:"";width:6px;height:6px;border-radius:50%;background:#5b5cf0;margin-top:6px;flex:0 0 auto}.notification-icon{width:32px;height:32px;border-radius:10px;background:#eef0ff;color:#5b5cf0;display:grid;place-items:center;flex:0 0 auto}.notification-icon svg{width:15px}.notification-item>span:last-child{min-width:0}.notification-item strong,.notification-item small,.notification-item time{display:block}.notification-item strong{font-size:9px}.notification-item small{font-size:8px;line-height:1.45;color:#687083;margin-top:3px}.notification-item time{font-size:7px;color:#a2a9b6;margin-top:5px}.notification-empty{text-align:center;padding:32px;color:var(--muted);font-size:9px}

.compact-select,.task-status-select,.agent-status-select{border:1px solid var(--line);background:#f8f9fc;color:#596174;border-radius:8px;outline:0;font-size:8px;font-weight:700}.compact-select{width:120px;padding:7px 8px}.task-actions{display:flex;align-items:center;gap:5px}.task-status-select{width:91px;padding:5px 4px}.task-edit{width:27px;height:27px;border-radius:8px;border:1px solid var(--line);background:#f8f9fc;color:#5b5cf0;display:grid;place-items:center;padding:0}.task-edit svg{width:12px}.agent-status-select{padding:6px 7px}.project-health{min-width:130px}.project-health .btn{margin-top:2px}

.files-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:15px}.file-list{padding:8px 18px}.file-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto 34px;gap:11px;align-items:center;padding:13px 2px;border-bottom:1px solid #f0f2f6}.file-row:last-child{border-bottom:0}.file-icon{width:38px;height:38px;border-radius:12px;background:#eef0ff;color:#5b5cf0;display:grid;place-items:center}.file-icon svg{width:17px}.file-row>div{min-width:0}.file-row strong,.file-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-row strong{font-size:10px}.file-row small{font-size:8px;color:#949cab;margin-top:4px}.upload-panel .upload-form{padding:20px}.form-help{display:block;color:#8b93a3;font-size:8px;line-height:1.55;margin:-6px 0 3px}

.team-card-actions{display:flex;justify-content:center;gap:7px;margin-top:15px;min-height:34px}.offline-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1;display:inline-block}.activity-file{background:#06b6d4}.activity-team{background:#ec4899}.table-actions{display:flex;gap:6px}.account-summary{text-align:center;padding:28px}.account-summary .team-avatar{margin-bottom:14px}.account-summary h3{font-size:16px;margin:0 0 6px}.account-summary p,.account-summary>span{display:block;font-size:9px;color:var(--muted)}.account-summary .btn{margin-top:20px}.settings-form-actions{display:flex;gap:8px;flex-wrap:wrap}.integration-card code{font:8px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:#f1f3f7;border-radius:5px;padding:2px 4px}.integration-card>div:last-child{min-width:0}.integration-card .btn{margin-top:10px}.integration-status.ready{background:#e9fbf3;color:#07865d}.security-card .btn{margin-top:14px}

.messages-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);height:calc(100vh - 150px);min-height:610px;background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 5px 22px rgba(24,31,61,.035)}.conversation-sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0;background:#fafbfc}.conversation-heading{padding:24px 20px 17px;border-bottom:1px solid var(--line)}.conversation-heading .eyebrow{margin-bottom:7px}.conversation-heading h2{font-size:20px;margin:0 0 6px}.conversation-heading p{font-size:9px;line-height:1.5;color:var(--muted);margin:0}.conversation-list{padding:10px;overflow-y:auto}.conversation-list>a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;margin-bottom:3px;min-width:0}.conversation-list>a:hover{background:#f1f3f8}.conversation-list>a.active{background:#ececff;color:#4142c8}.conversation-list>a>span:nth-child(2){min-width:0;flex:1}.conversation-list strong,.conversation-list small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-list strong{font-size:9px}.conversation-list small{font-size:7px;color:#929aaa;margin-top:3px}.conversation-list>a>b{min-width:20px;height:20px;border-radius:7px;background:#5b5cf0;color:white;font-size:8px;display:grid;place-items:center}.conversation-label{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#9aa3b3;font-weight:800;padding:15px 10px 8px}.conversation-avatar{width:38px;height:38px;border-radius:12px;color:white;font-size:9px;font-weight:800;display:grid;place-items:center;flex:0 0 auto}.studio-avatar{background:linear-gradient(135deg,#5b5cf0,#06b6d4)}.studio-avatar svg{width:17px}.team-chat-panel{min-width:0;display:flex;flex-direction:column;background:white}.team-chat-header{height:72px;padding:0 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:11px}.team-chat-header div{min-width:0}.team-chat-header h3{font-size:12px;margin:0 0 4px}.team-chat-header p{font-size:8px;color:var(--muted);margin:0}.team-chat-header .online-label{margin-left:auto}.team-messages{height:auto;min-height:0;flex:1}.team-chat-form{flex:0 0 auto}.chat-empty{height:100%;min-height:200px;display:grid;place-items:center;text-align:center;color:#9aa3b3;font-size:9px;padding:20px}

.split-actions{display:grid;grid-template-columns:auto 1fr auto auto}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.profile-form-grid>form+form{border-left:1px solid var(--line);padding-left:28px}.profile-form-grid h3{font-size:13px;margin:0}.quick-agent-output{margin:20px 0 0;padding:18px;max-height:280px;overflow:auto;white-space:pre-wrap;background:#0d1324;color:#dbe4ff;border-radius:14px;font:9px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}

@media(max-width:980px){.files-layout{grid-template-columns:1fr}.messages-workspace{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:680px){.topbar-actions .notification-btn{display:grid}.notification-menu{position:fixed;top:68px;right:8px}.project-hero-card{display:block}.project-health{margin:18px 0 0;display:grid;grid-template-columns:auto 1fr;gap:8px;text-align:left}.project-health .ring{display:none}.project-health>span{display:none}.project-health .compact-select{width:100%}.files-layout{grid-template-columns:1fr}.file-row{grid-template-columns:38px minmax(0,1fr) auto}.file-row .btn{grid-column:2}.file-row>.icon-action{grid-column:3;grid-row:1}.messages-workspace{display:block;height:auto;min-height:0;border-radius:17px}.conversation-sidebar{border-right:0;border-bottom:1px solid var(--line)}.conversation-heading{padding:18px}.conversation-list{display:flex;gap:5px;overflow-x:auto;padding:9px}.conversation-list>a{min-width:210px;background:white;border:1px solid var(--line)}.conversation-label{display:none}.team-chat-panel{height:calc(100vh - 310px);min-height:480px}.team-chat-header{padding:0 14px}.profile-form-grid{grid-template-columns:1fr}.profile-form-grid>form+form{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:24px}.split-actions{display:flex;flex-wrap:wrap}.split-actions span{display:none}.split-actions .btn-danger{margin-right:auto}.task-status-select{width:84px}.task-actions{gap:3px}}
@media(max-width:430px){.notification-menu{width:calc(100vw - 16px)}.conversation-list>a{min-width:190px}.team-chat-panel{height:calc(100vh - 300px)}.file-row{grid-template-columns:36px minmax(0,1fr) 32px}.task-status-select{width:78px;font-size:7px}}

/* KDS cream and yellow theme */
:root{
  --bg:#ffffdd;
  --panel:#fffef2;
  --panel-2:#ffffc1;
  --text:#29270c;
  --muted:#6f6927;
  --muted-2:#8d853a;
  --line:#e9df72;
  --dark:#3d3a00;
  --dark-2:#5a5500;
  --primary:#f8f800;
  --primary-2:#ffff4c;
  --shadow:0 18px 48px rgba(91,83,0,.12);
}

body,
.login-body,
.login-panel{
  background:#ffffdd;
}

.login-showcase,
.hero-panel,
.agents-intro,
.team-manifesto{
  background:
    radial-gradient(circle at 82% 8%,rgba(255,255,221,.9),transparent 28%),
    radial-gradient(circle at 10% 92%,rgba(255,255,144,.72),transparent 34%),
    linear-gradient(135deg,#ffffc1 0%,#ffff4c 62%,#f8f800 100%);
  color:#29270c;
  box-shadow:0 22px 48px rgba(91,83,0,.16);
}

.login-showcase:before,
.hero-panel:before{
  background-image:
    linear-gradient(rgba(41,39,12,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(41,39,12,.045) 1px,transparent 1px);
}

.login-copy .eyebrow,
.hero-panel .eyebrow,
.agents-intro .eyebrow,
.team-manifesto .eyebrow,
.eyebrow{
  color:#5a5500;
}

.login-copy p,
.hero-panel p,
.agents-intro p,
.team-manifesto p{
  color:#514d12;
}

.login-points span{
  color:#29270c;
  border-color:rgba(41,39,12,.18);
  background:rgba(255,255,221,.52);
}

.orb-one,
.orb-two{
  border-color:rgba(90,85,0,.24);
}

.brand-mark,
.core-logo,
.ai-logo,
.studio-avatar{
  background:linear-gradient(135deg,#f8f800,#ffff90);
  color:#29270c;
  box-shadow:0 10px 26px rgba(160,148,0,.24);
}

.sidebar{
  background:linear-gradient(180deg,#ffff90 0%,#ffff4c 58%,#f8f800 100%);
  color:#29270c;
  box-shadow:20px 0 50px rgba(91,83,0,.12);
}

.sidebar-top,
.sidebar-footer{
  border-color:rgba(41,39,12,.14);
}

.sidebar .brand small,
.studio-status small,
.nav-label,
.main-nav a,
.logout-link,
.user-mini small,
.user-mini-copy small{
  color:#6f6927;
}

.studio-status{
  background:rgba(255,255,221,.56);
  border-color:rgba(41,39,12,.13);
}

.studio-status strong,
.user-mini strong,
.user-mini-copy strong{
  color:#29270c;
}

.main-nav a:hover{
  background:rgba(255,255,221,.56);
  color:#29270c;
}

.main-nav a.active{
  background:#fffef2;
  color:#29270c;
  box-shadow:inset 0 0 0 1px rgba(90,85,0,.18),0 8px 20px rgba(91,83,0,.1);
}

.main-nav a b{
  background:rgba(255,255,221,.62);
  color:#514d12;
}

.topbar{
  background:rgba(255,255,221,.92);
  border-color:rgba(216,204,73,.82);
}

.login-card,
.global-search,
.icon-btn,
.panel,
.metric-card,
.toolbar-card,
.project-card,
.project-hero-card,
.project-tabs,
.task-card,
.chat-panel,
.project-people-panel,
.agent-card,
.team-card,
.modal-card,
.notification-menu,
.notification-item,
.messages-workspace,
.team-chat-panel,
.conversation-list>a{
  background:#fffef2;
}

.stack-form input,
.stack-form textarea,
.stack-form select,
.chat-form textarea,
.global-search input{
  background:#ffffdd;
  border-color:#e9df72;
  color:#29270c;
}

.stack-form input:focus,
.stack-form textarea:focus,
.stack-form select:focus,
.chat-form textarea:focus{
  border-color:#d3c600;
  box-shadow:0 0 0 4px rgba(248,248,0,.22);
}

.demo-credentials,
.btn-secondary,
.icon-action,
.compact-select,
.task-status-select,
.agent-status-select,
.task-edit,
.modal-close,
.activity-type,
.integration-card code{
  background:#ffffc1;
  border-color:#e9df72;
  color:#514d12;
}

.btn-primary{
  background:linear-gradient(135deg,#f8f800,#ffff4c);
  color:#29270c;
  box-shadow:0 9px 22px rgba(160,148,0,.22);
}

.btn-primary:hover{
  box-shadow:0 12px 28px rgba(160,148,0,.3);
}

.btn-light{
  background:#fffef2;
  color:#29270c;
}

.btn-ghost-light{
  color:#29270c;
  border-color:rgba(41,39,12,.2);
  background:rgba(255,255,221,.48);
}

.text-link,
.panel-footer-link,
.card-open,
.health-score,
.agent-role,
.agent-card-footer a,
.team-card>a,
.text-button,
.notification-menu-head button,
.task-edit,
.file-icon,
.empty-icon{
  color:#716a00;
}

.filter-tabs button.active,
.filter-tabs button:hover,
.role-badge,
.integration-note,
.notification-item.unread,
.notification-icon,
.file-icon,
.empty-icon,
.conversation-list>a.active{
  background:#ffff90;
  color:#514d12;
  border-color:#e9df72;
}

.filter-tabs b,
.project-tabs b{
  background:rgba(248,248,0,.22);
}

.project-tabs button.active{
  background:#f8f800;
  color:#29270c;
}

.progress-cell>div,
.big-progress,
.ring{
  background-color:#ffffc1;
}

.progress-cell>div span,
.big-progress span{
  background:linear-gradient(90deg,#d9cb00,#f8f800);
}

.ring{
  background:conic-gradient(#d9cb00 calc(var(--progress)*1%),#ffffc1 0);
}

.ring:after{
  background:#fffef2;
}

.tone-blue,
.tone-purple,
.tone-orange,
.tone-green{
  background:#ffff90;
  color:#5a5500;
}

.project-row:hover,
.agent-mini:hover,
.conversation-list>a:hover{
  background:#ffffc1;
}

.project-tags span,
.capabilities span,
.kanban-column,
.conversation-sidebar,
.responsive-table th,
.add-team-card,
.chat-form{
  background:#ffffc1;
  color:#514d12;
}

.kanban-header b{
  background:#ffff90;
}

.message-bubble{
  background:#ffffc1;
}

.message-own .message-bubble{
  background:#f8f800;
  color:#29270c;
}

.message-own .message-bubble span{
  color:#6f6927;
}

.agent-summary{
  background:rgba(255,255,221,.54);
  border-color:rgba(41,39,12,.15);
}

.agent-summary span,
.agent-summary small{
  color:#514d12;
}

.integration-logo{
  background:#ffff4c;
  color:#29270c;
}

.quick-agent-output,
.agent-output-panel pre{
  background:#3d3a00;
  color:#ffffdd;
}

.notification-item.unread:before,
.conversation-list>a>b{
  background:#d9cb00;
  color:#29270c;
}

.project-brand,
.avatar,
.tiny-avatar,
.agent-avatar,
.team-avatar,
.conversation-avatar{
  background:linear-gradient(135deg,#f8f800,#ffff90)!important;
  color:#29270c;
}

.activity-task,
.activity-code,
.activity-agent,
.activity-chat,
.activity-file,
.activity-team,
.activity-client{
  background:#d9cb00;
}

.activity-review,
.activity-project{
  background:#f8f800;
}

.integration-note strong{
  color:#716a00;
}

.sidebar-overlay{
  background:rgba(61,58,0,.44);
}

/* V2.2.1 responsive navigation */
.sidebar,
.main-content{
  transition:transform .24s ease,margin-left .24s ease;
}

.sidebar-toggle,
.sidebar-close{
  display:grid;
  flex:0 0 auto;
}

.sidebar-toggle svg{
  width:18px;
}

.sidebar-close{
  width:36px;
  height:36px;
  font-size:23px;
  line-height:1;
}

@media(min-width:981px){
  .app-body.sidebar-collapsed .sidebar{
    transform:translateX(-100%);
  }

  .app-body.sidebar-collapsed .main-content{
    margin-left:0;
  }

  .app-body.sidebar-collapsed .sidebar-overlay{
    display:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .sidebar,
  .main-content{
    transition:none;
  }
}