@font-face{font-family:DemoSans;src:local('Segoe UI')} 
:root{--navy:#244164;--navy-dark:#1b3150;--accent:#eb5d0e;--ink:#1b2430;--muted:#687587;--line:#e5eaf0;--canvas:#f4f6f9;--green:#24785c;--font:DemoSans,system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #ec935f;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #7e9ab9;outline-offset:2px}svg.icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1{font-size:25px;letter-spacing:-.7px}h2{font-size:19px;letter-spacing:-.35px}h3{font-size:15px}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.flex{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:16px}.pill{padding:5px 9px;border-radius:6px;font-size:11px;font-weight:600;background:#edf2f7;color:var(--navy);white-space:nowrap}.pill.green{background:#eaf5ee;color:var(--green)}.pill.orange{background:#fff0e5;color:#ac490c}.pill.white{background:#ffffff18;color:#e0e9f4}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:40px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:650;background:white;border:1px solid var(--line);transition:background .15s,transform .15s}.btn:hover{background:#f0f4f8}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--navy);color:white;border-color:var(--navy)}.btn.primary:hover{background:var(--navy-dark)}.btn.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn .icon{width:17px;height:17px}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:8px}.icon-btn:hover{background:#edf1f6}.avatar{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;background:#e4ebf4;color:var(--navy);font-size:11px;font-weight:700}.avatar.orange{background:#fce8d9;color:#a95727}.avatar.sage{background:#e4eee5;color:#4a7353}.avatar.plum{background:#ece7f2;color:#80628f}.avatar.me{background:#244164;color:white}.avatar.small{width:26px;height:26px;font-size:9px;border-radius:8px}.avatar-group{display:flex;margin-left:5px}.avatar-group .avatar{border:2px solid white;margin-left:-5px}.dot{width:6px;height:6px;background:#65b18e;border-radius:50%;display:inline-block}.mark{width:35px;height:35px}.brand{font-size:22px;font-weight:720;letter-spacing:-.8px;gap:10px}.brand-sub{font-size:9px;letter-spacing:1.5px;font-weight:500;color:#a6b5c8;margin-top:2px}.shell{display:grid;grid-template-columns:228px minmax(0,1fr);height:100dvh;min-height:600px}.sidebar{background:var(--navy-dark);color:#fff;display:flex;flex-direction:column;padding:30px 18px 16px}.sidebar .brand{padding:0 10px}.company{margin:32px 6px 23px;padding-bottom:23px;border-bottom:1px solid #ffffff15;display:flex;align-items:center;gap:10px}.company-symbol{width:34px;height:34px;border:1px solid #8193aa66;border-radius:9px;display:grid;place-items:center;font-size:17px;font-weight:600;color:#bfd0df}.company-name{font-size:12px;font-weight:650;line-height:1.5}.company-caption{font-size:10px;color:#a8b9cd}.nav-label{color:#8199b7;font-size:9px;letter-spacing:1.8px;font-weight:600;padding:0 13px 12px}.nav{display:flex;flex-direction:column;gap:5px}.nav a{text-decoration:none;display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:9px;color:#c2cede;font-size:13px;font-weight:550}.nav a:hover{background:#ffffff09}.nav a.active{background:#ffffff12;color:#fff}.nav a.active:before{content:'';height:20px;width:3px;background:var(--accent);position:absolute;left:0;border-radius:0 3px 3px 0}.nav-count{margin-left:auto;background:#ffffff17;border-radius:5px;padding:2px 6px;font-size:10px}.sidebar-bottom{margin-top:auto}.demo-note{padding:15px 12px;margin-bottom:17px;border:1px solid #ffffff13;border-radius:10px;color:#b4c3d5;font-size:11px;line-height:1.7}.demo-note strong{color:#e3eaf3;font-weight:550}.demo-note button{color:#d9e3ef;text-decoration:underline;padding:0;font-size:10px;margin-top:8px}.user{border-top:1px solid #ffffff15;padding:18px 8px 0;display:flex;gap:10px;align-items:center}.user .avatar{background:#ffffff14;color:white}.user-name{font-size:12px;font-weight:600}.user small{font-size:10px;color:#9fb1c8}.workspace{min-width:0;display:flex;flex-direction:column;overflow:hidden}.topbar{height:65px;flex-shrink:0;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.breadcrumb{color:var(--muted);font-size:12px}.breadcrumb b{color:var(--ink);font-weight:550}.top-right{display:flex;align-items:center;gap:16px}.demo-badge{font-size:10px;color:#7e8997;letter-spacing:.35px}.top-date{font-size:11px;color:var(--muted)}.main{min-height:0;flex:1;overflow:auto}.mobile-brand{display:none}.page-heading{padding:31px 34px 25px;display:flex;align-items:center;justify-content:space-between}.page-heading p{margin-top:7px;color:var(--muted);font-size:13px}.chat-grid{display:grid;grid-template-columns:204px minmax(330px,1fr) 274px;height:100%;min-height:0}.channels{background:#fbfcfe;border-right:1px solid var(--line);padding:26px 14px;display:flex;flex-direction:column;gap:7px}.channels h2{font-size:19px;padding:0 11px 22px}.channel-section{padding:8px 11px;font-size:10px;font-weight:650;letter-spacing:1px;color:#8590a0}.channel{display:flex;align-items:center;gap:9px;padding:11px;border-radius:7px;text-align:left;font-size:12px;color:#697789}.channel.selected{background:#e9eef5;color:var(--navy);font-weight:650}.channel .hash{font-size:17px;font-weight:400;color:#8a99aa}.channel .unread{margin-left:auto;font-size:10px;background:var(--accent);padding:2px 5px;border-radius:4px;color:#fff}.channel-footer{margin-top:auto;padding:18px 10px 0;border-top:1px solid var(--line);font-size:11px;line-height:1.8;color:#8490a1}.conversation{background:#fff;display:flex;flex-direction:column;min-width:0;min-height:0}.conversation-header{padding:22px 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.conversation-header h1{font-size:19px;letter-spacing:-.4px}.conversation-header p{font-size:11px;margin-top:6px;color:var(--muted)}.messages{overflow:auto;flex:1;padding:20px 27px;scroll-behavior:smooth}.date-rule{display:flex;align-items:center;gap:16px;color:#9aa4b2;font-size:10px;margin:1px 0 24px}.date-rule:before,.date-rule:after{content:'';height:1px;background:var(--line);flex:1}.message{display:flex;gap:12px;margin-bottom:25px}.message-content{min-width:0;flex:1}.message-meta{display:flex;align-items:center;gap:9px;margin:1px 0 7px}.message-meta strong{font-size:12px}.message-meta time{font-size:10px;color:#96a0af}.message p{font-size:13px;line-height:1.75;color:#465367}.mention{color:var(--navy);background:#eff3f9;padding:1px 3px;border-radius:3px;font-weight:550}.reactions{display:flex;gap:6px;margin-top:9px}.reaction{border:1px solid #e2e8ef;border-radius:6px;padding:3px 7px;font-size:11px}.reaction.on{background:#edf3fb;border-color:#b9cde4}.attachment{margin-top:10px;display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px 12px;max-width:250px;text-align:left;background:#fbfcfe}.attachment strong{font-size:11px;display:block}.attachment small{color:var(--muted);font-size:10px}.attachment .icon{color:#8f9baa}.ai-card{margin:13px 0 3px;border:1px solid #edddcd;border-radius:10px;background:linear-gradient(130deg,#fffaf5,#fff);overflow:hidden}.ai-card-top{display:flex;gap:6px;align-items:center;color:#a4602b;font-size:10px;font-weight:600;padding:10px 13px;background:#fff5eb;border-bottom:1px solid #f2e6da}.ai-card-top .icon{width:14px;height:14px}.ai-card-body{padding:13px}.ai-card-body strong{font-size:12px;line-height:1.6;display:block}.ai-meta{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:10px;color:var(--muted)}.ai-card .btn{min-height:29px;font-size:10px;padding:6px 10px}.composer-wrap{padding:10px 24px 20px;background:#fff}.composer{border:1px solid #d9e1eb;border-radius:10px;box-shadow:0 3px 12px #24416405;padding:12px}.composer textarea{border:0;resize:none;width:100%;min-height:38px;font-size:12px;background:transparent}.composer textarea:focus{outline:none}.composer-actions{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.composer-hint{font-size:10px;color:#97a1af}.send{background:var(--navy);color:white;border-radius:7px;width:32px;height:30px;display:grid;place-items:center}.send .icon{width:15px}.composer-footnote{display:flex;align-items:center;justify-content:space-between;margin-top:9px;font-size:9px;color:#98a1ae}.composer-footnote button{color:var(--navy);font-size:10px;padding:0;font-weight:550}.context{padding:26px 20px;background:#fbfcfe;border-left:1px solid var(--line);overflow:auto}.context-heading{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650;margin-bottom:17px}.context-heading .icon{width:16px}.context-task{padding:14px;border:1px solid var(--line);background:white;border-radius:10px;margin-bottom:9px;text-align:left;width:100%}.context-task:hover{border-color:#b1c0d0}.context-task strong{font-size:11px;line-height:1.7;display:block}.context-task .flex{font-size:10px;color:var(--muted);margin-top:11px}.context-task .pill{font-size:9px;padding:3px 6px;margin-left:auto}.context-block{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}.routine-mini{background:#eef3ef;border-radius:10px;padding:14px;color:#426650}.routine-mini strong{font-size:11px}.routine-mini p{font-size:10px;margin-top:7px;color:#78917d}.progress{height:5px;background:#dce6e0;border-radius:5px;margin-top:12px;overflow:hidden}.progress>span{height:100%;display:block;background:#658b70;border-radius:5px}.text-link{font-size:11px;color:var(--navy);display:inline-flex;gap:5px;align-items:center;padding:12px 0 0;font-weight:600}.text-link .icon{width:13px;height:13px}.page-body{padding:0 34px 32px;max-width:1250px}.summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.summary-item{border:1px solid var(--line);border-radius:11px;background:#fff;padding:19px 21px;display:flex;align-items:center;gap:15px}.summary-number{font-size:27px;letter-spacing:-1px;font-weight:650}.summary-label{font-size:11px;color:var(--muted)}.summary-icon{margin-left:auto;width:35px;height:35px;background:#f3f6fa;color:#8d9cb0;border-radius:10px;display:grid;place-items:center}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:7px 0 22px}.tabs button{padding:11px 1px 13px;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}.tabs button.active{color:var(--navy);border-bottom-color:var(--accent);font-weight:650}.task-group-label{margin:24px 0 10px;font-size:10px;font-weight:650;letter-spacing:1px;color:#8490a0}.task-row{width:100%;display:flex;align-items:center;gap:15px;text-align:left;background:#fff;border:1px solid var(--line);padding:17px 19px;border-radius:10px;margin-bottom:9px}.task-row:hover{border-color:#b6c6d8;box-shadow:0 3px 10px #20355305}.task-circle{height:21px;width:21px;border:1.5px solid #c6d0dc;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.task-circle.done{background:#eaf5ee;border-color:#c4e2d0;color:var(--green)}.task-circle .icon{width:13px;height:13px}.task-title{font-size:13px;font-weight:600}.task-description{font-size:11px;color:var(--muted);margin-top:5px}.task-row>.pill{margin-left:auto}.task-row>.avatar{margin-left:8px}.task-row>.icon{width:16px;color:#9da8b6}.empty{padding:45px;background:#fff;border:1px dashed #d3deea;border-radius:12px;color:var(--muted);text-align:center}.resource-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,1.05fr);gap:25px}.resource-list{display:flex;flex-direction:column;gap:11px}.resource-row{background:white;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:14px;padding:18px;text-align:left;width:100%}.resource-row:hover{border-color:#b3c6da}.resource-icon{height:43px;width:38px;border:1px solid #e7ded2;background:#fff9f1;color:#b18b5d;border-radius:7px;display:grid;place-items:center}.resource-row h3{font-size:12px;font-weight:650}.resource-row p{color:var(--muted);font-size:10px;margin-top:6px}.resource-row>.icon{margin-left:auto;width:15px;color:#9ca8b7}.resource-intro{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 18px}.ask-panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.ask-header{padding:23px;border-bottom:1px solid var(--line)}.ai-symbol{width:35px;height:35px;border-radius:10px;background:#fff0e4;color:var(--accent);display:grid;place-items:center}.ask-header h2{font-size:16px}.ask-header p{font-size:11px;color:var(--muted);margin-top:5px}.ask-content{padding:23px;min-height:275px}.ask-empty h3{font-size:17px;font-weight:600;line-height:1.5;margin-bottom:10px}.ask-empty p{font-size:12px;color:var(--muted);line-height:1.8}.prompt-chip{display:block;margin-top:15px;background:#f5f7fa;border:1px solid var(--line);padding:12px;border-radius:8px;font-size:11px;width:100%;text-align:left;color:var(--navy)}.question-bubble{background:#f1f4f8;border-radius:10px 10px 0 10px;padding:13px 15px;font-size:12px;line-height:1.65;margin:0 0 20px 30px}.answer{font-size:12px;line-height:1.9;color:#4e5d70}.answer strong{color:var(--ink)}.answer ul{padding-left:18px;margin:10px 0}.citation{display:flex;align-items:center;gap:8px;margin-top:17px;border-top:1px solid var(--line);padding-top:15px;font-size:10px;color:var(--navy);text-align:left}.citation .icon{width:15px;height:15px}.ask-form{padding:17px 23px;border-top:1px solid var(--line);display:flex;gap:8px}.ask-form input{min-width:0;flex:1;border:0;font-size:11px}.ask-form input:focus{outline:0}.disclaimer{padding:0 23px 15px;color:#9aa3ae;font-size:9px}.routine-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px}.routine-tile{border:1px solid var(--line);background:white;border-radius:11px;padding:20px;margin-bottom:12px;width:100%;text-align:left}.routine-tile.selected{border-color:#9caec1;box-shadow:0 0 0 2px #24416405}.routine-tile h3{font-size:13px;margin:15px 0 7px}.routine-tile p{font-size:11px;color:var(--muted)}.routine-detail{background:white;border:1px solid var(--line);border-radius:12px;padding:26px}.routine-detail h2{font-size:20px}.routine-detail>p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:8px}.routine-person{display:flex;align-items:center;gap:9px;font-size:11px;margin:22px 0;color:var(--muted)}.check-row{display:flex;gap:12px;align-items:center;padding:17px 0;border-top:1px solid var(--line);cursor:pointer}.check-row input{accent-color:var(--navy);width:19px;height:19px;flex-shrink:0}.check-row span{font-size:12px;line-height:1.5}.check-row small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.routine-actions{border-top:1px solid var(--line);padding-top:20px;margin-top:4px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.mobile-nav{display:none}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(20px);padding:13px 22px;border-radius:10px;background:var(--navy-dark);color:white;box-shadow:0 6px 30px #1b315033;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}dialog{border:1px solid var(--line);border-radius:16px;padding:0;width:540px;max-width:calc(100% - 32px);color:var(--ink);box-shadow:0 25px 100px #12253d30}dialog::backdrop{background:#132a4566;backdrop-filter:blur(3px)}.dialog-head{padding:24px 26px 17px;display:flex;gap:15px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:18px}.dialog-body{padding:25px 26px}.dialog-body p{font-size:13px;color:#5a697c;line-height:1.9}.detail-meta{display:flex;align-items:center;gap:12px;padding:17px 0;font-size:12px;border-bottom:1px solid var(--line);margin-bottom:20px}.detail-note{padding:13px;background:#f5f7fa;border-radius:8px;font-size:12px;line-height:1.8;color:#69798b;margin:18px 0}.detail-note strong{color:var(--navy);display:block;font-size:11px}.detail-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;font-size:12px;font-weight:600}.form-field input,.form-field select{padding:11px;border:1px solid #d6dfe9;border-radius:7px;background:white;color:var(--ink)}.source-text{white-space:pre-line}.source-label{color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
@media(min-width:1600px){.chat-grid{grid-template-columns:230px minmax(400px,1fr) 310px}.conversation-header{padding:28px 34px}.messages{padding:26px 35px}.message p{font-size:14px}.message{margin-bottom:31px}.context{padding:30px 25px}.context-task{padding:18px}.context-task strong{font-size:12px}.ai-card-body{padding:17px}.ai-card-body strong{font-size:14px}.page-body{max-width:1400px}}
@media(max-width:1200px){.shell{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding:26px 12px 16px}.chat-grid{grid-template-columns:168px minmax(0,1fr)}.context{display:none}.company-name{font-size:11px}.resource-grid{gap:18px}.routine-layout{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:760px){.shell{display:block;min-height:0;height:100dvh}.sidebar{display:none}.workspace{height:100dvh;padding-bottom:65px}.topbar{height:57px;padding:0 17px}.breadcrumb,.top-date,.top-right .avatar{display:none}.mobile-brand{display:flex;font-size:18px;gap:8px}.mobile-brand .mark{width:26px;height:26px}.demo-badge{font-size:9px}.chat-grid{display:flex;flex-direction:column}.channels{flex-direction:row;gap:5px;padding:8px 12px;overflow:auto;flex-shrink:0;border-right:0;border-bottom:1px solid var(--line)}.channels h2,.channel-section,.channel-footer,.channels .direct{display:none}.channel{white-space:nowrap;padding:8px 10px;font-size:11px}.channel .hash{font-size:14px}.channel .unread{font-size:9px}.conversation{flex:1;min-height:0}.conversation-header{padding:16px 18px}.conversation-header h1{font-size:17px}.conversation-header p{font-size:10px}.conversation-header .avatar-group{display:none}.messages{padding:18px 16px}.message{gap:9px;margin-bottom:22px}.message .avatar{width:29px;height:29px;border-radius:9px;font-size:9px}.message-meta strong{font-size:11px}.message p{font-size:12px}.composer-wrap{padding:5px 12px 10px}.composer textarea{font-size:12px;min-height:31px}.composer{padding:10px}.composer-footnote{font-size:8px}.composer-hint{font-size:9px}.ai-meta{gap:7px;font-size:9px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:65px;background:white;border-top:1px solid var(--line);z-index:20;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#8b98a9;font-size:10px;text-decoration:none}.mobile-nav a.active{color:var(--navy);font-weight:650}.mobile-nav a.active .icon{stroke:var(--accent)}.mobile-nav .icon{width:21px;height:21px}.page-heading{padding:24px 20px 20px;gap:10px;align-items:flex-start}.page-heading h1{font-size:23px}.page-heading p{font-size:11px;line-height:1.6}.page-heading .btn{font-size:11px;padding:8px;min-height:34px}.page-body{padding:0 18px 25px}.summary-strip{gap:7px;margin-bottom:17px}.summary-item{padding:13px 10px;display:block}.summary-number{font-size:23px}.summary-label{font-size:9px;margin-top:5px}.summary-icon{display:none}.task-row{gap:10px;padding:15px 12px}.task-row>.avatar,.task-row>.icon{display:none}.task-title{font-size:12px}.task-description{font-size:10px}.task-row>.pill{font-size:9px}.resource-grid,.routine-layout{display:flex;flex-direction:column}.resource-list{gap:8px}.resource-row{padding:14px}.resource-intro{font-size:11px}.ask-content{min-height:230px}.routine-tile{padding:14px;margin-bottom:8px}.routine-tile h3{margin:9px 0 5px}.routine-detail{padding:20px}.routine-detail h2{font-size:18px}.routine-actions{gap:10px}.tabs{gap:22px}.tabs button{font-size:11px}#toast{bottom:78px;max-width:calc(100% - 24px);width:max-content;font-size:11px}.top-right{gap:6px}.mobile-reset{display:grid!important}}