@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--nav:#0d2238;--nav2:#17324f;--nav3:#2e4864;--bg:#f8fafc;--bg2:#fff;--bg3:#f1f5f9;--border:#dfe6ee;--border2:#cfd9e3;--text:#25263a;--text2:#6b7280;--text3:#9aa4b2;--or:#e8682a;--or2:#c94d20;--orl:#fff0ea;--nv:#183b5d;--nvl:#eff5fb;--gt:#167a3b;--gl:#eaf7ee;--rt:#d83a34;--rl:#fff0f0;--yt:#9a6a00;--yl:#fff7db;--mono:"DM Mono", ui-monospace, monospace;--shadow:0 4px 16px #16223314;color:var(--text);background:var(--bg);font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--bg);overflow:hidden}button,input{font:inherit}button{border:0}.os{grid-template-columns:351px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--nav);color:#fff;flex-direction:column;height:100vh;padding:19px 17px 18px 10px;display:flex}.brand{align-items:center;gap:14px;margin-bottom:43px;padding-left:2px;display:flex}.brand-icon{background:var(--or);color:#fff;border-radius:13px;flex:none;place-items:center;width:52px;height:52px;display:grid}.brand-title{font-size:21px;font-weight:700;line-height:1.05}.brand-sub{font-family:var(--mono);color:#ffffff6b;margin-top:7px;font-size:14px}.nav-group{margin:0 7px 0 0}.nav-title{font-family:var(--mono);letter-spacing:.08em;color:#ffffff5c;margin:0 0 18px 14px;font-size:13px;font-weight:700;line-height:1}.nav-list{gap:10px;display:grid}.nav-item{color:#ffffff9e;text-align:left;cursor:pointer;background:0 0;border-radius:12px;grid-template-columns:30px 1fr;align-items:center;gap:16px;width:100%;min-height:72px;padding:12px 17px;display:grid}.nav-item.active{background:var(--nav3);color:#fff}.nav-icon{color:currentColor;opacity:.92}.nav-item strong{color:#fff;font-size:20px;font-weight:500;line-height:1.15;display:block}.nav-item:not(.active) strong{color:#ffffffd1}.nav-item small{color:#ffffff6b;margin-top:4px;font-size:16px;line-height:1.25;display:block}.sidebar-rule{background:#ffffff1f;height:1px;margin:17px 17px 31px 9px}.profile{align-items:center;gap:13px;margin-top:auto;padding:0 10px 4px 12px;display:flex}.avatar{background:var(--or);color:#fff;border-radius:50%;flex:none;place-items:center;width:47px;height:47px;font-weight:700;display:grid}.profile-name{font-size:16px;font-weight:700}.profile-role{color:#ffffff6e;margin-top:5px;font-size:15px}.main{background:var(--bg);flex-direction:column;min-width:0;height:100vh;display:flex}.topbar{background:var(--bg2);border-bottom:1px solid var(--border);flex:0 0 70px;align-items:center;height:70px;padding:0 31px 0 29px;display:flex}.campaign-picker{background:var(--bg3);border:1px solid var(--border);min-width:310px;height:45px;color:var(--text);border-radius:22px;align-items:center;gap:10px;padding:0 18px;display:flex;box-shadow:inset 0 1px 4px #1018280f}.campaign-picker strong{font-size:17px;font-weight:600}.orange-dot{background:var(--or);border-radius:50%;width:10px;height:10px}.phase-divider{background:var(--border);width:1px;height:31px;margin:0 15px}.phase-label{color:var(--text2);font-size:17px}.top-spacer{flex:1}.version-pill{border:1px solid var(--border);background:var(--bg3);color:var(--text3);font-family:var(--mono);white-space:nowrap;border-radius:18px;padding:8px 15px;font-size:14px}.content{flex:1;padding:39px 38px 38px 36px;overflow-y:auto}.hero-row{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:31px;display:flex}h1{color:var(--text);margin:0;font-size:31px;font-weight:600;line-height:1.05}.hero-row p{color:var(--text2);margin:14px 0 0;font-size:18px}.primary-action{background:var(--nv);color:#fff;cursor:pointer;border-radius:27px;justify-content:center;align-items:center;gap:10px;min-width:232px;height:52px;font-size:19px;font-weight:500;display:inline-flex}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:37px;display:grid}.stat-card{background:var(--bg2);border:1px solid var(--border);min-height:221px;box-shadow:var(--shadow);border-radius:12px;padding:22px 23px}.stat-icon{border-radius:11px;place-items:center;width:50px;height:50px;margin-bottom:23px;display:grid}.stat-number{font-family:var(--mono);font-size:42px;font-weight:600;line-height:1}.stat-label{font-family:var(--mono);letter-spacing:.04em;color:var(--text3);margin-top:15px;font-size:14px;font-weight:600;line-height:1}.stat-sub{color:var(--text2);margin-top:12px;font-size:17px}.section-title,.campaign-heading{align-items:center;display:flex}.section-title{gap:8px;margin-bottom:17px}.section-title span{font-size:19px;font-weight:600}.section-title small{font-family:var(--mono);color:var(--text3);font-size:13px}.action-list{flex-direction:column;gap:16px;margin-bottom:34px;display:flex}.action-row{background:var(--bg2);border:1px solid var(--border);min-height:134px;box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:20px;padding:20px 23px;display:flex}.action-icon{background:var(--bg3);border-radius:11px;flex:none;place-items:center;width:54px;height:54px;display:grid}.action-copy{flex:1;min-width:0}.action-meta{align-items:center;gap:10px;margin-bottom:7px;display:flex}.kind{letter-spacing:.04em;border-radius:20px;padding:4px 12px;font-size:14px;font-weight:700;line-height:1}.kind-red{background:var(--rl);color:var(--rt)}.kind-yellow{background:var(--yl);color:var(--yt)}.kind-orange{background:var(--orl);color:var(--or2)}.camp-name{font-family:var(--mono);color:var(--text3);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.action-row h3{color:var(--text);margin:0;font-size:19px;font-weight:600;line-height:1.15}.action-row p{color:var(--text2);margin:8px 0 0;font-size:17px}.outline-action{border:1px solid var(--nv);background:var(--nvl);min-width:193px;height:52px;color:var(--nv);cursor:pointer;border-radius:26px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:17px;font-weight:500;display:inline-flex}.campaign-heading{justify-content:space-between;margin-bottom:14px}.campaign-heading .section-title{margin-bottom:0}.view-all{border:1px solid var(--border);background:var(--bg2);height:32px;color:var(--text2);cursor:pointer;border-radius:16px;align-items:center;gap:5px;padding:0 14px;font-size:14px;display:inline-flex}.campaign-table{border:1px solid var(--border);background:var(--bg2);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.campaign-line{border-bottom:1px solid var(--border);grid-template-columns:8px minmax(260px,1fr) auto minmax(170px,auto) 120px;align-items:center;gap:12px;min-height:75px;padding:13px 16px;display:grid}.campaign-line:last-child{border-bottom:0}.campaign-dot{border-radius:50%;width:8px;height:8px}.campaign-main{min-width:0}.campaign-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;display:block;overflow:hidden}.campaign-main small{color:var(--text3);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:13px;display:block;overflow:hidden}.phase-pill{white-space:nowrap;border-radius:20px;padding:5px 13px;font-size:13px;font-weight:500;line-height:1}.status{white-space:nowrap;align-items:center;gap:5px;font-size:13px;font-weight:500;display:flex}.segs{gap:3px;display:flex}.seg{background:var(--border);border-radius:2px;flex:1;height:3px}.seg.active{background:var(--or)}.seg.done{background:var(--nv)}.seg.live{background:var(--gt)}.two-col{grid-template-columns:minmax(0,1fr) 440px;align-items:start;gap:18px;display:grid}.chat-panel,.side-panel,.settings-panel{border:1px solid var(--border);background:var(--bg2);box-shadow:var(--shadow);border-radius:12px;padding:22px}.panel-title{margin-bottom:18px;font-size:22px;font-weight:600}.chat-context{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.chat-context>div,.mini-task,.kb-card,.setting-row{border:1px solid var(--border);background:var(--bg2);border-radius:12px}.chat-context>div{padding:14px}.chat-context small{font-family:var(--mono);color:var(--text3);letter-spacing:.04em;margin-bottom:7px;font-size:12px;display:block}.chat-context strong{font-size:15px}.feed{flex-direction:column;gap:12px;display:flex}.bubble{border-radius:16px;max-width:78%;padding:13px 16px;font-size:14px}.bubble small{font-family:var(--mono);color:var(--text3);text-transform:uppercase;margin-bottom:6px;display:block}.bubble p{margin:0;line-height:1.55}.bubble.assistant{border:1px solid var(--border);background:var(--bg3);align-self:flex-start}.bubble.you{background:var(--nv);color:#fff;align-self:flex-end}.composer{border:1px solid var(--border);background:var(--bg3);border-radius:24px;align-items:center;height:48px;margin-top:18px;padding:0 7px 0 17px;display:flex}.composer input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.composer button{background:var(--nv);color:#fff;cursor:pointer;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.mini-task{margin-top:12px;padding:15px}.mini-task strong{margin-top:9px;font-size:16px;display:block}.mini-task p{color:var(--text2);margin:7px 0 0}.kb-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.kb-card{min-height:150px;padding:18px}.kb-card svg{color:var(--nv);margin-bottom:14px}.kb-card strong{font-size:17px;display:block}.kb-card p{color:var(--text2);margin:8px 0 0}.setting-row{justify-content:space-between;align-items:center;gap:12px;min-height:56px;margin-top:12px;padding:0 15px;display:flex}.setting-row small{color:var(--gt);font-weight:600}.setting-row input{width:38px;height:22px;accent-color:var(--nv)}.tone-navy{background:var(--nvl);color:var(--nv)}.tone-orange{background:var(--orl);color:var(--or)}.tone-red{background:var(--rl);color:var(--rt)}.tone-yellow{background:var(--yl);color:var(--yt)}.tone-green{background:var(--gl);color:var(--gt)}.tone-text-navy{color:var(--nv)}.tone-text-orange{color:var(--or)}.tone-text-red{color:var(--rt)}.tone-text-yellow{color:var(--yt)}.tone-text-green{color:var(--gt)}.phase-orange{background:var(--orl);color:var(--or2)}.phase-blue{color:#1565c0;background:#ebf4ff}.phase-green{background:var(--gl);color:var(--gt)}.phase-purple{color:#6a1b9a;background:#f3e5f5}.phase-neutral{background:var(--bg3);color:var(--text3)}.status-red{color:var(--rt)}.status-green{color:var(--gt)}.status-yellow{color:var(--yt)}.dot-orange{background:var(--or)}.dot-grey{background:#888}.dot-blue{background:#1565c0}.dot-green{background:var(--gt)}.dot-purple{background:#6a1b9a}.dot-dark{background:#555}@media (width<=1100px){.os{grid-template-columns:280px minmax(0,1fr)}.stats-grid,.kb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-line{grid-template-columns:8px minmax(0,1fr) auto}.status,.segs{display:none}.two-col{grid-template-columns:1fr}}@media (width<=760px){body{overflow:auto}.os{grid-template-columns:1fr;height:auto;min-height:100vh}.sidebar{height:auto}.main{height:auto;min-height:100vh}.topbar{flex-wrap:wrap;height:auto;padding:12px}.campaign-picker{width:100%;min-width:0}.phase-divider,.top-spacer{display:none}.content{padding:24px 16px}.hero-row,.action-row{flex-direction:column;align-items:stretch}.stats-grid,.kb-grid,.chat-context{grid-template-columns:1fr}.outline-action,.primary-action{width:100%}}