@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Onest:wght@500;600;700&display=swap');
:root{--ink:#17211d;--muted:#6d7872;--line:#e4e9e5;--paper:#f6f8f6;--white:#fff;--green:#176b50;--mint:#dff4e9;--red:#c64b42;--amber:#a46a12;--nav:#10241d}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.45 Manrope,Arial,sans-serif}button,input,textarea{font:inherit}.shell{display:grid;grid-template-columns:224px 1fr;min-height:100vh}.sidebar{background:var(--nav);color:#e8f2ed;padding:22px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:224px}.brand{display:flex;gap:11px;align-items:center;font:700 19px Onest;margin:0 10px 32px}.brandmark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#6cd4a3;color:#0d3729}.sidebar nav{display:grid;gap:4px}.nav{display:flex;align-items:center;gap:12px;color:#aebfb7;border:0;background:transparent;padding:10px 12px;border-radius:8px;text-align:left;cursor:pointer}.nav span{font-size:18px;width:20px;text-align:center}.nav i{margin-left:auto;font-style:normal;background:#d6755f;color:white;padding:1px 7px;border-radius:10px;font-size:11px}.nav.active,.nav:hover{color:white;background:#203b31}.side-bottom{margin-top:auto}.profile{border-top:1px solid #2b4139;margin:12px 8px 0;padding-top:18px;display:flex;gap:10px;align-items:center}.profile>span,.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d7eadf;color:#17543f;font-weight:700}.profile div{display:grid}.profile small{color:#8fa49b;font-size:11px}main{grid-column:2;min-width:0}.top{height:92px;background:white;border-bottom:1px solid var(--line);padding:21px 30px;display:flex;align-items:center;justify-content:space-between}.top h1,.project-title h1{font:700 25px Onest;margin:0}.top p{margin:3px 0;color:var(--muted)}.top-actions{display:flex;gap:9px}.iconbtn,.top button,.section-title button,.project-title button,.mail-head button{border:1px solid var(--line);background:white;border-radius:8px;padding:9px 13px;cursor:pointer}.primary{background:var(--green)!important;color:white;border-color:var(--green)!important;font-weight:600}.toolbar{display:flex;justify-content:space-between;padding:16px 30px}.tabs,.filters{display:flex;gap:7px}.toolbar button,.mail-filter button{border:0;background:transparent;padding:8px 12px;border-radius:7px;color:var(--muted)}.tabs .selected,.mail-filter .active{background:white;color:var(--ink);box-shadow:0 1px 3px #d7ddd9}.kanban{display:grid;grid-template-columns:repeat(5,minmax(240px,1fr));gap:12px;padding:0 30px 100px;overflow:auto}.column{background:#edf1ee;border-radius:10px;padding:10px;min-height:600px}.column-title{display:flex;align-items:center;padding:5px 4px 11px}.column-title span{background:#dce3de;border-radius:10px;padding:1px 7px;margin-left:7px;font-size:11px}.column-title button{border:0;background:0;margin-left:auto}.project-card,.new-card{background:white;border:1px solid var(--line);border-radius:9px;padding:14px;margin-bottom:9px;box-shadow:0 1px 2px #1b2e2310;cursor:pointer}.new-card{border-style:dashed;text-align:center;color:var(--green);font-weight:600;background:#ffffff80}.card-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.risk{padding:2px 6px;border-radius:10px;background:#edf1ee}.risk.high{color:var(--red);background:#fbe9e6}.risk.wait{color:var(--amber);background:#fff1d9}.project-card h3{font:600 14px Onest;margin:12px 0 4px}.project-card p{color:var(--muted);font-size:12px;margin:0}.progress{height:3px;background:#edf1ee;margin:14px 0}.progress i{display:block;background:#48aa7b;height:100%}.project-card footer{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:11px}.project-card footer b{margin-left:auto;background:#dfece6;border-radius:50%;padding:5px;color:#27634d}.project-head{background:white;padding:20px 30px 0;border-bottom:1px solid var(--line)}.crumb{font-size:12px;color:var(--muted);margin-bottom:16px}.project-title{display:flex;align-items:center;gap:9px}.project-title>div:first-child{margin-right:auto}.eyebrow{color:var(--green);font-size:12px;font-weight:700}.project-tabs{display:flex;gap:28px;margin-top:25px}.project-tabs button{border:0;background:0;padding:10px 1px 13px;color:var(--muted)}.project-tabs .active{color:var(--ink);font-weight:700;border-bottom:2px solid var(--green)}.project-tabs i{font-style:normal;background:#edf1ee;padding:2px 6px;border-radius:10px}.workspace-grid{display:grid;grid-template-columns:minmax(580px,1fr) 310px;gap:22px;max-width:1240px;margin:24px auto;padding:0 28px 100px}.workspace-main{background:white;border:1px solid var(--line);border-radius:12px;padding:24px}.stage-path{display:flex;margin-bottom:35px}.stage-path>div{flex:1;position:relative;display:grid;justify-items:center;gap:5px;color:var(--muted);font-size:11px}.stage-path>div:before{content:'';height:2px;background:#dce3de;position:absolute;top:12px;left:0;right:0}.stage-path div:first-child:before{left:50%}.stage-path div:last-child:before{right:50%}.stage-path i{z-index:1;width:25px;height:25px;display:grid;place-items:center;background:#e9eeeb;border-radius:50%;font-style:normal}.stage-path .passed i{background:var(--green);color:white}.stage-path .current i{box-shadow:0 0 0 4px var(--mint);background:white;border:2px solid var(--green);color:var(--green)}.section-title{display:flex;justify-content:space-between;align-items:center;margin:25px 0 12px}.section-title h2{font:600 17px Onest;margin:0}.section-title p{margin:3px 0;color:var(--muted);font-size:12px}.task-list,.file-table{border:1px solid var(--line);border-radius:9px;overflow:hidden}.task-list label{display:flex;gap:12px;align-items:center;padding:13px;border-bottom:1px solid var(--line)}.task-list label:last-child{border:0}.task-list label span{display:grid}.task-list small,.file-table small{color:var(--muted)}.task-list em{margin-left:auto;font-style:normal;color:var(--muted);font-size:12px}.task-list .urgent{color:var(--red)}.completed{text-decoration:line-through;opacity:.5}.file-table>div{display:grid;grid-template-columns:42px 1fr auto;grid-template-rows:auto auto;padding:12px;border-bottom:1px solid var(--line)}.file-table>div:last-child{border:0}.fileicon{grid-row:1/3;width:34px;height:34px;background:#f9e2de;color:#a3483c;border-radius:6px;display:grid;place-items:center;font-size:9px;font-weight:700}.fileicon.blue{background:#dfeaf5;color:#2e6290}.file-table em{grid-row:1/3;grid-column:3;align-self:center;font-style:normal;font-size:11px;background:#edf1ee;padding:4px 8px;border-radius:12px}.file-table .shared{background:var(--mint);color:var(--green)}.context{display:grid;gap:14px;align-content:start}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:19px}.panel h3{font:600 15px Onest;margin:0 0 15px}.panel dl{margin:0}.panel dt{font-size:11px;color:var(--muted);margin-top:12px}.panel dd{margin:4px 0}.red{color:var(--red)}.ai{background:#f1f7f3;border-color:#cce4d6}.ai-icon,.copilot-title>span{color:var(--green);font-size:22px}.ai p{font-size:13px}.ai button{border:0;background:white;color:var(--green);font-weight:700;padding:9px;width:100%;border-radius:7px}.ai small{display:block;margin-top:9px;color:var(--muted);font-size:10px;text-align:center}.inbox-layout{display:grid;grid-template-columns:355px minmax(430px,1fr) 310px;height:calc(100vh - 92px)}.mail-list,.mail-reader,.copilot{background:white;border-right:1px solid var(--line);overflow:auto}.mail-filter{padding:12px;border-bottom:1px solid var(--line);display:flex}.mail-filter i{font-style:normal;color:var(--red)}.mail-row{padding:16px;border-bottom:1px solid var(--line);cursor:pointer}.mail-row.selected{background:#edf7f1;border-left:3px solid var(--green)}.sender{display:flex;align-items:center;gap:7px;font-size:12px}.sender>span{width:25px;height:25px;background:#dfe9e4;border-radius:50%;display:grid;place-items:center}.sender time{margin-left:auto;color:var(--muted)}.mail-row h3{font:500 13px Onest;margin:10px 0 5px}.mail-row.unread h3,.mail-row.unread .sender b{font-weight:700}.mail-row p{margin:0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row footer{margin-top:10px;display:grid;gap:5px}.mail-row footer em{font-style:normal;color:var(--green);font-size:10px}.mail-row footer span{font-size:10px;color:#5d6d65}.mail-reader{display:flex;flex-direction:column}.mail-head{padding:23px;display:flex;gap:7px;border-bottom:1px solid var(--line)}.mail-head>div{margin-right:auto}.mail-head h2{font:600 18px Onest;margin:5px 0}.mail-head p{font-size:11px;color:var(--muted);margin:0}.project-link{margin:18px 24px 0;background:#f1f5f2;padding:10px 12px;border-radius:7px;display:flex;gap:9px;align-items:center;font-size:11px}.project-link b{color:var(--green)}.project-link button{margin-left:auto;border:0;background:0;color:var(--green)}.message{padding:25px;font-size:13px;line-height:1.7}.attachments{display:flex;gap:8px;margin-top:24px}.attachments button{border:1px solid var(--line);background:white;padding:9px;border-radius:7px}.attachments small{color:var(--muted)}.reply{border:1px solid var(--line);border-radius:8px;margin:auto 23px 23px;padding:10px;display:flex;gap:7px;flex-wrap:wrap}.reply textarea{width:100%;border:0;resize:none;outline:0;min-height:58px}.reply button{border:0;background:0;padding:7px 11px}.reply button:nth-last-child(2){margin-left:auto}.copilot{border:0;background:#f5f8f6;padding:20px}.copilot-title{display:flex;gap:10px;align-items:center}.copilot-title h3{font:600 15px Onest;margin:0}.copilot-title small{color:var(--muted)}.insight{background:white;border:1px solid var(--line);border-radius:9px;padding:13px;margin:20px 0}.insight small{color:var(--green);font-weight:700}.insight p{margin:7px 0 0}.copilot h4{font:600 12px Onest}.copilot label{display:flex;gap:9px;background:white;border:1px solid var(--line);padding:11px;margin:7px 0;border-radius:8px}.copilot label span{display:grid}.copilot label small{color:var(--muted);font-size:10px}.wide{width:100%;padding:10px;margin-top:14px;border-radius:8px}.safe{display:block;color:var(--muted);font-size:10px;text-align:center;margin-top:7px}.switcher{position:fixed;z-index:50;bottom:19px;left:calc(50% + 112px);transform:translateX(-50%);background:#111b17;color:white;border:1px solid #314038;padding:7px;border-radius:30px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 26px #0004}.switcher button{border:0;background:#2c3933;color:white;width:30px;height:30px;border-radius:50%;cursor:pointer}.switcher span{min-width:190px;text-align:center;font-size:12px}.switcher b{color:#7fdfaf}#toast{position:fixed;z-index:60;right:24px;bottom:24px;background:#183c2f;color:white;padding:12px 18px;border-radius:8px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}@media(max-width:980px){.shell{grid-template-columns:70px 1fr}.sidebar{width:70px}.brand b,.nav:not(.active){font-size:0}.brand{margin-left:4px}.brandmark{flex:none}.nav{justify-content:center}.nav.active{font-size:0}.nav i,.profile div{display:none}.profile{justify-content:center}.workspace-grid{grid-template-columns:1fr}.context{grid-template-columns:1fr 1fr}.inbox-layout{grid-template-columns:300px 1fr}.copilot{display:none}.switcher{left:50%}.kanban{padding-left:15px}.top{padding-left:20px}}@media(max-width:700px){.sidebar{display:none}.shell{display:block}.top-actions .iconbtn{display:none}.kanban{grid-template-columns:repeat(5,260px)}.workspace-grid{padding:0 12px 90px}.context{grid-template-columns:1fr}.inbox-layout{grid-template-columns:1fr}.mail-reader{display:none}.switcher{left:50%}}