:root{--bg: #0a0c10;--bg2: #0d1015;--panel: #111520;--panel2: #161b27;--panel3: #1d2432;--line: #222a38;--line2: #2c3546;--glass: rgba(20, 25, 36, .72);--txt: #eef1f7;--txt2: #c6cdda;--muted: #868fa2;--faint: #586176;--accent: #10a37f;--accent-h: #14b98f;--accent-soft: #10a37f1f;--accent-line: #10a37f4d;--blue: #3b9df8;--violet: #8b7cf6;--amber: #e0894a;--danger: #f0665e;--danger-soft: #f0665e1f;--warn: #e5b44a;--ok: #3ecf8e;--sh-sm: 0 1px 2px rgba(0, 0, 0, .35);--sh: 0 10px 34px rgba(0, 0, 0, .4);--sh-lg: 0 28px 70px rgba(0, 0, 0, .55);--r-sm: 9px;--r: 13px;--r-lg: 18px;--side: 280px;--topbar: 60px;--e: cubic-bezier(.22, .61, .36, 1);--font: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif}@media(prefers-color-scheme:light){:root{--bg: #f7f8fb;--bg2: #eef1f6;--panel: #ffffff;--panel2: #f4f6fa;--panel3: #e9edf3;--line: #e6e9f0;--line2: #d7dce6;--glass: rgba(255, 255, 255, .8);--txt: #0d1420;--txt2: #333c4d;--muted: #68728a;--faint: #98a1b3;--accent: #0d8f6e;--accent-h: #10a37f;--accent-soft: #10a37f14;--accent-line: #10a37f33;--sh-sm: 0 1px 2px rgba(16, 24, 40, .07);--sh: 0 12px 34px rgba(16, 24, 40, .1);--sh-lg: 0 28px 60px rgba(16, 24, 40, .16)}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--txt);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit}a{color:var(--accent-h)}:focus-visible{outline:3px solid var(--accent-h);outline-offset:2px}#app{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--side);background:var(--bg2);border-right:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0;height:100vh;z-index:40;transition:transform .3s var(--e)}.brand{display:flex;align-items:center;gap:11px;padding:16px}.brand .logo{width:38px;height:38px;border-radius:11px;flex-shrink:0;background:linear-gradient(145deg,var(--accent),#0a7c60);display:flex;align-items:center;justify-content:center;font-size:19px;box-shadow:0 4px 14px #10a37f66;color:#fff}.brand b{font-size:16px;font-weight:680;letter-spacing:-.02em;display:block}.brand small{font-size:11px;color:var(--muted)}.nav{overflow-y:auto;flex:1;padding:4px 10px 12px;min-height:0}.nav-item{width:100%;text-align:left;background:none;border:0;color:var(--muted);padding:10px 11px;border-radius:var(--r-sm);cursor:pointer;font-size:14px;font-weight:520;display:flex;gap:11px;align-items:center;transition:.15s var(--e);margin:1px 0;text-decoration:none}.nav-item:hover{background:var(--panel);color:var(--txt)}.nav-item.active{background:var(--accent-soft);color:var(--txt);font-weight:600}.nav-item .ic{width:20px;text-align:center;flex-shrink:0}.nav-group-head{width:100%;display:flex;align-items:center;gap:11px;background:none;border:0;color:var(--muted);padding:10px 11px;border-radius:var(--r-sm);cursor:pointer;font-size:14px;font-weight:560;transition:.15s var(--e)}.nav-group-head:hover{background:var(--panel);color:var(--txt)}.nav-group-head .chev{margin-left:auto;transition:transform .18s var(--e);font-size:11px}.nav-group-head[aria-expanded=true] .chev{transform:rotate(90deg)}.nav-sub{padding-left:8px;border-left:1px solid var(--line);margin:2px 0 6px 20px}.nav-sub .nav-item{font-size:13.5px;padding:8px 10px}.nav-count{margin-left:auto;font-size:11px;background:var(--panel3);color:var(--muted);border-radius:20px;padding:1px 8px;font-weight:600}.sidebar-scrim{display:none}.main{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh}.topbar{height:var(--topbar);border-bottom:1px solid var(--line);flex-shrink:0;display:flex;align-items:center;gap:14px;padding:0 20px;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar .burger{display:none;background:none;border:0;color:var(--txt);font-size:20px;cursor:pointer}.topbar h1{font-size:16px;font-weight:640;margin:0;letter-spacing:-.01em}.role-switch{margin-left:auto;display:flex;background:var(--panel3);border-radius:10px;padding:3px;gap:2px}.role-switch button{border:0;background:none;color:var(--muted);padding:7px 12px;border-radius:8px;cursor:pointer;font-size:12.5px;font-weight:560;transition:.14s var(--e)}.role-switch button.on{background:var(--panel);color:var(--txt);box-shadow:var(--sh-sm)}.content{flex:1;overflow-y:auto;min-height:0;padding:28px}.wrap{max-width:1080px;margin:0 auto;width:100%}.sech{margin:0 0 16px}.sech h2{font-size:20px;font-weight:680;letter-spacing:-.02em;margin:0}.sech .sub{color:var(--muted);font-size:13.5px;margin-top:4px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin:10px 0;transition:.15s var(--e)}.card:hover{border-color:var(--line2);box-shadow:var(--sh-sm)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:13px;margin:4px 0 24px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px 17px}.stat .n{font-size:26px;font-weight:720;letter-spacing:-.02em;line-height:1;color:var(--accent-h)}.stat .l{color:var(--muted);font-size:12.5px;margin-top:6px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px;margin:6px 0 24px}.pill{font-size:11px;font-weight:640;padding:3px 10px;border-radius:20px;background:var(--panel3);color:var(--muted);white-space:nowrap;display:inline-block}.pill.ok{background:#3ecf8e1f;color:var(--ok)}.pill.warn{background:#e5b44a1f;color:var(--warn)}.pill.off{background:var(--danger-soft);color:var(--danger)}.assistant-hero{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;margin-bottom:20px}.assistant-hero .ah-head{display:flex;gap:14px;align-items:center;margin-bottom:16px}.assistant-hero .ah-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,var(--accent),#0a7c60);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;box-shadow:0 10px 26px -6px var(--accent)}.assistant-hero h2{margin:0;font-size:19px;font-weight:680}.assistant-hero .sub{color:var(--muted);font-size:13px;margin-top:2px}.chat-log{max-height:320px;overflow-y:auto;margin-bottom:12px}.msg{display:flex;gap:12px;padding:10px 0}.msg .av{width:30px;height:30px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;background:linear-gradient(145deg,#3a4155,#4c5568)}.msg.ai .av{background:linear-gradient(145deg,var(--accent),#0a7c60)}.msg .c{flex:1;min-width:0}.msg .who{display:flex;gap:8px;align-items:center;margin-bottom:3px;font-size:12.5px}.msg .who b{font-weight:620}.msg .who .tm{color:var(--faint);font-size:11px}.msg .bub{font-size:14px;line-height:1.6;word-wrap:break-word}.msg .pin-btn{border:1px solid var(--line2);background:none;color:var(--muted);font-size:11px;padding:3px 9px;border-radius:20px;cursor:pointer;margin-top:6px}.msg .pin-btn:hover{color:var(--txt);border-color:var(--accent-line)}.composer{display:flex;gap:8px;background:var(--panel2);border:1px solid var(--line2);border-radius:var(--r);padding:8px 8px 8px 14px;align-items:center}.composer input{flex:1;background:none;border:0;color:var(--txt);font-size:15px;outline:none;min-width:0}.composer button{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:10px 16px;font-weight:600;font-size:13.5px;cursor:pointer;flex-shrink:0}.memory-picker{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 0}.memory-picker button{border:1px solid var(--line2);background:var(--panel2);color:var(--muted);font-size:11.5px;padding:5px 11px;border-radius:20px;cursor:pointer;transition:.14s}.memory-picker button.on{background:var(--accent-soft);color:var(--accent-h);border-color:var(--accent-line)}.spec-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;transition:.16s var(--e);cursor:pointer;text-decoration:none;color:inherit;display:block}.spec-card:hover{border-color:var(--line2);transform:translateY(-2px);box-shadow:var(--sh)}.spec-card .sc-head{display:flex;gap:12px;align-items:center;margin-bottom:12px}.spec-card .sc-icon{width:42px;height:42px;border-radius:12px;background:var(--panel3);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.spec-card b{font-size:15px;font-weight:640;display:block}.spec-card .sc-role{color:var(--muted);font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.status-dot.active{background:var(--ok);box-shadow:0 0 7px var(--ok)}.status-dot.working{background:var(--warn);box-shadow:0 0 7px var(--warn)}.status-dot.unavailable{background:var(--faint)}.sc-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12.5px;color:var(--muted);margin-top:10px}.sc-meta .cost{font-weight:640;color:var(--accent-h)}.router-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;margin:10px 0 24px}.router-panel .rp-model{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-size:15.5px;font-weight:640}.router-panel .rp-reason{color:var(--muted);font-size:13px;margin-bottom:16px}.router-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.router-grid .rg-item{background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px}.router-grid .rg-item .n{font-size:18px;font-weight:700}.router-grid .rg-item .l{font-size:11.5px;color:var(--muted);margin-top:3px}.savings-note{margin-top:14px;padding:12px 14px;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r-sm);font-size:12.5px;color:var(--txt2);line-height:1.55}.project-header{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;margin-bottom:18px}.project-header h1{font-size:21px;margin:0 0 10px;font-weight:700}.project-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--muted)}.project-meta strong{color:var(--txt2);font-weight:560}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:18px}.tab-btn{border:0;background:none;color:var(--muted);padding:10px 16px;font-size:13.5px;font-weight:560;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:.14s}.tab-btn:hover{color:var(--txt)}.tab-btn.on{color:var(--accent-h);border-color:var(--accent-h)}.task-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);margin-bottom:8px}.task-row .ttl.done{text-decoration:line-through;color:var(--muted)}.task-row .meta{margin-left:auto;font-size:12px;color:var(--muted)}.project-chat-bar{border-top:1px solid var(--line);padding-top:16px;margin-top:8px;position:sticky;bottom:0;background:var(--bg)}.company-section{margin-bottom:26px}.company-section .cs-title{font-size:12px;font-weight:660;color:var(--faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:11px}.persona-block{background:var(--panel);border:1px solid var(--accent-line);border-radius:var(--r-lg);padding:20px}.persona-block textarea{width:100%;min-height:120px;background:var(--panel2);border:1px solid var(--line2);border-radius:var(--r-sm);color:var(--txt);font-size:14px;font-family:inherit;padding:12px 14px;resize:vertical}.btn{border:1px solid var(--line2);background:var(--panel2);color:var(--txt);padding:9px 15px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:560;margin-top:10px}.btn.pri{background:var(--accent);color:#fff;border-color:var(--accent)}.save-note{font-size:12px;color:var(--ok);margin-left:10px}.team-row{display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);margin-bottom:8px}.avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;font-weight:680;font-size:13px;color:#fff;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#2b7fff,#6457e6)}.integration-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);margin-bottom:8px}.demo-note{font-size:11.5px;color:var(--faint);margin:4px 0 18px}@media(max-width:1024px){.content{padding:22px}}@media(max-width:860px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);box-shadow:var(--sh-lg)}.sidebar.open{transform:none}.topbar .burger{display:block}.content{padding:18px 14px}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;pointer-events:none;transition:.2s;z-index:35}.sidebar-scrim.on{opacity:1;pointer-events:auto}.role-switch{flex-wrap:wrap}}@media(max-width:520px){.role-switch button{padding:6px 8px;font-size:11.5px}.assistant-hero{padding:16px}.composer{flex-wrap:wrap}.composer button{width:100%}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.06ms!important}}