:root{--ink:#10241c;--green:#087a4f;--dark:#09281d;--soft:#edf6f1;--bg:#f4f7f5;--line:#dce6e1;--muted:#607168;--white:#fff;--amber:#c67b13;--red:#c64e4e;--shadow:0 18px 55px rgba(10,45,31,.12)}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,sans-serif}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.side{position:fixed;inset:0 auto 0 0;width:250px;background:var(--dark);color:#fff;padding:22px 14px;display:flex;flex-direction:column;z-index:30}.logo{display:flex;gap:11px;align-items:center;padding:0 8px 20px;border-bottom:1px solid #ffffff1a}.gmark{width:42px;height:42px;background:#fff;color:var(--green);border-radius:11px;display:grid;place-items:center;font:800 27px Manrope}.logo b{font:800 14px Manrope;letter-spacing:.07em;display:block}.logo span{font-size:12px;color:#8fb1a2}.nav-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#719584;margin:19px 9px 7px;font-weight:800}.navbtn{width:100%;border:0;background:transparent;color:#aec7bb;padding:11px 12px;border-radius:9px;display:flex;align-items:center;gap:11px;font:600 14px DM Sans;text-align:left;cursor:pointer;margin:2px 0}.navbtn:hover{background:#ffffff0c;color:#fff}.navbtn.active{background:#fff;color:#103b2b}.navbtn i{width:21px;font-style:normal;text-align:center}.navbtn em{margin-left:auto;background:#ffffff14;border-radius:10px;padding:2px 6px;font-style:normal;font-size:11px}.side-bottom{margin-top:auto}.tourbtn{width:100%;border:1px solid #ffffff25;background:#ffffff0b;color:#d5e8df;border-radius:9px;padding:10px;font:700 13px DM Sans;cursor:pointer}.env{display:flex;gap:8px;align-items:center;margin-top:12px;padding:9px;font-size:12px;color:#86a698}.dot{width:8px;height:8px;border-radius:50%;background:#49d292}.main{grid-column:2;min-width:0}.top{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:20}.mobile{display:none}.crumb{font-size:14px;color:var(--muted)}.crumb b{color:var(--ink)}.topright{display:flex;align-items:center;gap:10px}.search{border:1px solid var(--line);background:#f8faf9;border-radius:9px;padding:10px 13px;color:var(--muted);font:500 13px DM Sans}.user{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:5px 9px 5px 5px;background:#fff;cursor:pointer;position:relative}.avatar{width:34px;height:34px;border-radius:9px;background:#dff3e8;color:#096b44;display:grid;place-items:center;font-size:12px;font-weight:800}.user b{font-size:12px;display:block}.user span{font-size:11px;color:var(--muted)}.notice{background:#0e3225;color:#afc9bd;text-align:center;padding:6px;font-size:10px;letter-spacing:.07em;font-weight:700}.page{max-width:1500px;margin:auto;padding:28px 30px 70px}.head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.eyebrow{font-size:12px;color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.11em}.head h1{font:800 clamp(27px,3vw,39px)/1.12 Manrope;margin:6px 0 8px;letter-spacing:-.035em}.head p{font-size:15px;line-height:1.55;color:var(--muted);margin:0;max-width:760px}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 14px;font:700 13px DM Sans;color:#24443a;cursor:pointer}.btn.primary{background:var(--green);border-color:var(--green);color:#fff}.btn.small{padding:7px 10px;font-size:12px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px}.channels{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:16px}.channel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;cursor:pointer}.channel:hover{border-color:#90c8ac}.ch-top{display:flex;justify-content:space-between;align-items:center}.ch-icon{width:36px;height:36px;border-radius:10px;background:var(--soft);display:grid;place-items:center;font-weight:800;font-size:12px}.status{display:flex;gap:5px;align-items:center;color:#176b49;font-size:11px;font-weight:700}.status i{width:6px;height:6px;border-radius:50%;background:#21a66a}.channel h3{font-size:14px;margin:12px 0 3px}.channel p{font-size:12px;color:var(--muted);margin:0}.command{display:grid;grid-template-columns:1.4fr .72fr;gap:16px}.hero{background:linear-gradient(135deg,#0b3123,#105039);color:#fff;border:0;padding:25px}.hero h2{font:800 24px/1.25 Manrope;margin:8px 0}.hero p{font-size:14px;line-height:1.6;color:#bdd3c9;max-width:720px}.hero-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.hero-meta div{background:#ffffff0b;border:1px solid #ffffff15;border-radius:9px;padding:11px}.hero-meta b{font-size:15px;display:block}.hero-meta span{font-size:11px;color:#a9c7b9}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sectionhead h2{font:800 17px Manrope;margin:0}.sectionhead p{font-size:12px;color:var(--muted);margin:4px 0 0}.badge{display:inline-flex;border-radius:99px;background:#edf3f0;color:#587067;padding:4px 8px;font-size:11px;font-weight:700}.badge.green{background:#def3e8;color:#087249}.badge.amber{background:#fff0d7;color:#9b5b00}.badge.red{background:#fae4e4;color:#ab3f3f}.queue{padding:0;overflow:hidden}.qrow{display:grid;grid-template-columns:36px 1fr 105px 24px;gap:11px;align-items:center;padding:14px 17px;border-bottom:1px solid #e9efec;cursor:pointer}.qrow:hover{background:#f7fbf9}.rank{width:32px;height:32px;border-radius:9px;background:var(--soft);color:var(--green);display:grid;place-items:center;font:800 12px Manrope}.qrow h3{font-size:14px;margin:0 0 3px}.qrow p,.qrow small{font-size:12px;color:var(--muted);margin:0}.stack{display:grid;gap:12px}.metric small{font-size:11px;color:var(--muted);text-transform:uppercase}.metric strong{font:800 28px Manrope;display:block;margin:9px 0 3px}.metric span{font-size:12px;color:var(--green)}.workspace{display:grid;grid-template-columns:300px 1fr;gap:14px}.list{padding:0;overflow:hidden}.listitem{padding:14px 16px;border-bottom:1px solid #e7eeea;cursor:pointer}.listitem.active{background:#edf7f2;border-left:3px solid var(--green)}.listitem h3{font-size:14px;line-height:1.4;margin:0 0 6px}.listitem p{font-size:12px;color:var(--muted);margin:0}.detail h2{font:800 22px Manrope;margin:7px 0}.detail p{font-size:14px;color:var(--muted);line-height:1.6}.platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0}.platform{border:1px solid var(--line);border-radius:10px;padding:13px}.platform b{font-size:13px}.platform strong{display:block;font:800 20px Manrope;margin:10px 0 3px}.platform span{font-size:11px;color:var(--muted)}.calendar{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden}.day{min-height:160px;border-right:1px solid var(--line);padding:9px}.date{font-size:11px;color:var(--muted);font-weight:700}.post{background:#eaf6f0;border-left:3px solid var(--green);border-radius:6px;padding:8px;margin-top:8px;font-size:12px}.post.video{background:#f0eef9;border-color:#6655bc}.post.review{background:#fff3e1;border-color:#c67b13}.post b{display:block}.post span{font-size:10px;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th{text-align:left;background:#f5f8f6;color:#687970;font-size:11px;text-transform:uppercase;padding:12px}td{font-size:13px;padding:13px 12px;border-bottom:1px solid #e9efec}.inbox{display:grid;grid-template-columns:340px 1fr;min-height:570px;padding:0;overflow:hidden}.messages{border-right:1px solid var(--line)}.message{padding:14px;border-bottom:1px solid #e9efec;display:grid;grid-template-columns:34px 1fr;gap:10px;cursor:pointer}.message.active{background:#edf7f2;border-left:3px solid var(--green)}.message h3{font-size:13px;margin:0 0 4px}.message p{font-size:12px;color:var(--muted);margin:0}.response{padding:22px}.quote{background:#f3f7f5;border-radius:10px;padding:14px;font-size:14px;line-height:1.6;margin:14px 0}.response textarea{width:100%;min-height:140px;border:1px solid var(--line);border-radius:10px;padding:13px;font:500 14px/1.55 DM Sans}.userpanel{position:absolute;right:0;top:52px;width:300px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);z-index:50;overflow:hidden}.userpanel[hidden]{display:none}.role{display:flex;gap:10px;align-items:center;padding:11px 13px;border-bottom:1px solid #edf1ef;cursor:pointer}.role:hover,.role.active{background:#edf7f2}.role b{font-size:13px}.role span{font-size:11px}.chat{position:fixed;right:18px;bottom:18px;width:min(430px,calc(100vw - 36px));height:min(650px,calc(100vh - 36px));background:#fff;border-radius:17px;box-shadow:0 25px 90px #0005;z-index:80;display:flex;flex-direction:column;overflow:hidden}.chat[hidden]{display:none}.chathead{background:#0c3224;color:#fff;padding:16px;display:flex;justify-content:space-between}.chathead h3{font:800 15px Manrope;margin:0}.chathead p{font-size:11px;color:#a8c8b9;margin:3px 0}.thread{flex:1;overflow:auto;padding:15px;background:#f5f8f6}.bubble{background:#fff;border:1px solid var(--line);border-radius:4px 11px 11px;padding:11px;font-size:13px;line-height:1.55;margin-bottom:9px}.bubble.you{background:#123e2e;color:#fff;border:0;border-radius:11px 4px 11px 11px}.prompts{display:grid;grid-template-columns:1fr 1fr;gap:6px}.prompt{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px;font:600 12px DM Sans;text-align:left;cursor:pointer}.chatinput{padding:11px;border-top:1px solid var(--line);display:flex;gap:7px}.chatinput input{flex:1;border:1px solid var(--line);border-radius:8px;padding:10px;font:500 13px DM Sans}.chatlaunch{position:fixed;right:20px;bottom:20px;border:0;border-radius:99px;background:var(--green);color:#fff;padding:12px 17px;font:700 13px DM Sans;box-shadow:var(--shadow);cursor:pointer}.tutorial{position:fixed;inset:0;background:#06130ec7;z-index:100;display:grid;place-items:end;padding:22px}.tutorial[hidden]{display:none}.tourcard{width:min(430px,100%);background:#fff;border-radius:16px;overflow:hidden}.tourbody{padding:22px}.tourbody h2{font:800 21px Manrope}.tourbody p{font-size:14px;color:var(--muted);line-height:1.6}.tourfoot{padding:13px 18px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.toast{position:fixed;right:20px;bottom:76px;background:#103b2c;color:#fff;border-radius:9px;padding:12px 16px;font-size:13px;opacity:0;transform:translateY(8px);transition:.2s;z-index:120}.toast.show{opacity:1;transform:none}@media(max-width:1100px){.channels{grid-template-columns:repeat(3,1fr)}.command{grid-template-columns:1fr}.stack{grid-template-columns:repeat(3,1fr)}.platforms{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.shell{display:block}.side{transform:translateX(-102%);transition:.25s;width:min(290px,88vw)}.side.open{transform:none}.main{grid-column:auto}.mobile{display:block}.top{padding:0 14px}.search,.user>div:nth-child(2){display:none}.page{padding:22px 15px 60px}.head{display:block}.actions{margin-top:14px}.workspace,.inbox,.split{grid-template-columns:1fr}.calendar{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.channels,.stack{grid-template-columns:1fr 1fr}.hero-meta{grid-template-columns:1fr 1fr}.platforms{grid-template-columns:1fr}.calendar{grid-template-columns:1fr}.qrow{grid-template-columns:32px 1fr 20px}.qrow small{display:none}}