@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--green:#23344d;--ink:#232a35;--muted:#707f96;--line:#e2e5ea;--paper:#f4f6f8;--ease:cubic-bezier(.22,1,.36,1);--spring:linear(0,.45 18%,.8 35%,1.035 65%,1 100%)}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font:14px Manrope,Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{transition:background .25s var(--ease),transform .3s var(--spring),color .2s}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:wait}button:hover:not(:disabled){transform:translateY(-1px)}a{color:inherit;text-decoration:none}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible){outline-offset:3px;outline:3px solid #7692bc}input,select{min-width:0;color:var(--ink);background:#fff;border:1px solid #dadee3;border-radius:9px;padding:13px 14px}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.4px;font-size:34px;font-weight:700}h2{letter-spacing:-.5px;font-size:18px}small{color:var(--muted);display:block}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex-shrink:0;width:254px;height:100vh;padding:33px 20px 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:2px;align-items:center;gap:10px;font-size:21px;font-weight:800;display:flex}.brand-mark{background:var(--green);color:#bccce3;border-radius:13px 5px;place-items:center;width:39px;height:42px;display:grid}.brand small{letter-spacing:1.5px;margin-top:5px;font-size:8px}.nav-label{letter-spacing:1.5px;color:#919dae;margin:42px 13px 14px;font-size:9px;font-weight:700;display:block}nav button{text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;margin:4px 0;padding:14px 12px;font-size:12px;font-weight:600;display:flex}nav button svg{color:#808da1;flex-shrink:0;width:18px;height:18px}nav button.active{color:var(--green);background:#e7ebf2}nav button.active svg{color:var(--green)}nav button:hover{background:#eef0f4}.nav-arrow{margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:30px}.private-note{border-bottom:1px solid var(--line);gap:9px;padding:17px 10px;font-size:10px;display:flex}.private-note svg{color:#6a7a93}.private-note small{margin-top:5px;font-size:9px}.profile{text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:20px 0 12px;font-size:11px;display:flex}.profile>svg{color:#7d8b9f;margin-left:auto}.profile small{margin-top:4px;font-size:10px}.avatar{color:#435269;background:#dfe5ef;border-radius:50%;flex-shrink:0;place-items:center;width:35px;height:35px;font-size:13px;font-weight:800;display:grid}.mini{width:29px;height:29px;font-size:11px}.logout{color:var(--muted);background:0 0;border:0;align-items:center;gap:10px;padding:5px;font-size:11px;display:flex}.workspace{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);background:#ffffffa0;align-items:center;gap:20px;height:76px;padding:0 40px;font-size:11px;display:flex}.slash{color:#b5bdc8;margin:0 15px}.top-status{color:var(--muted);align-items:center;gap:7px;margin-left:auto;font-size:10px;display:flex}i{background:#6c83a6;border-radius:50%;width:6px;height:6px;display:inline-block}.content{max-width:1450px;margin:auto;padding:36px 40px 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:1.8px;color:#768499;margin-bottom:12px;font-size:9px;font-weight:800;display:block}.page-heading h1 span{color:#637fa9}.page-heading p{color:var(--muted);margin-top:11px;font-size:12px}.date-box{white-space:nowrap;border-left:1px solid #d6dbe3;padding-left:22px;font-size:14px;font-weight:600}.date-box small{margin-top:5px;font-size:10px;font-weight:400}.hero{color:#fff;background:#24344c;border-radius:15px;justify-content:space-between;min-height:277px;padding:30px 35px;display:flex;position:relative;overflow:hidden}.hero-tag{letter-spacing:.4px;color:#c9d0da;align-items:center;gap:7px;font-size:9px;display:flex}.hero h2{letter-spacing:-1px;margin:18px 0 12px;font-size:30px;font-weight:500;line-height:1.28}.hero p{color:#bac2cf;font-size:11px;line-height:1.8}.hero button{color:#29374c;background:#b4c9e8;border:0;border-radius:7px;align-items:center;gap:30px;margin-top:20px;padding:11px 14px;font-size:10px;font-weight:700;display:flex}.hero-art{width:43%;height:100%;position:absolute;top:0;right:0;overflow:hidden}.orb{border:1px solid #a5b4cb29;border-radius:50%;width:290px;height:290px;position:absolute;top:-20px;right:20px}.orb2{width:390px;height:390px;top:-70px;right:-30px}.art-grid{background-color:#0000;background-image:linear-gradient(90deg,#0000 49%,#9babc20d 50%,#0000 51%),linear-gradient(#0000 49%,#9babc20d 50%,#0000 51%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;transform:rotate(-15deg)}.art-file{color:#b9cae3;background:linear-gradient(140deg,#6b7a91,#3d4e67);border:1px solid #a1b4d06b;border-radius:13px;width:136px;height:174px;padding:22px;position:absolute;top:48px;right:96px;transform:rotate(-13deg);box-shadow:0 20px 30px #12243e66}.art-file>span{background:#9aaecd50;border-radius:3px;width:75%;height:5px;margin-top:17px;display:block}.art-file>span+span{width:55%;margin-top:10px}.art-file b{color:#334156;white-space:nowrap;background:#c6d5ec;border-radius:5px;align-items:center;gap:5px;padding:7px 10px;font-size:8px;display:flex;position:absolute;bottom:20px;left:12px}.art-stamp{color:#444f60;background:#93a8c7;border:1px solid #b3c7e57a;border-radius:17px;place-items:center;width:72px;height:72px;display:grid;position:absolute;bottom:45px;right:45px;transform:rotate(12deg);box-shadow:0 12px 25px #16243955}.art-number{color:#9eaabc;letter-spacing:2px;font-size:8px;position:absolute;top:22px;right:22px}.section-title{justify-content:space-between;align-items:center;margin:30px 0 17px;display:flex}.section-title h2{font-size:16px}.section-title>span{color:var(--muted);font-size:10px}.cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.task-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;padding:22px;position:relative;box-shadow:0 3px 8px #232d3b02}.task-card:hover{border-color:#a2afc3;box-shadow:0 12px 22px #232d3b0b;transform:translateY(-4px)!important}.card-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.card-icon{color:#576a86;background:#e6ebf3;border-radius:11px;place-items:center;width:45px;height:45px;display:grid}.sand .card-icon{color:#ad8b51;background:#f8f0df}.lavender .card-icon{color:#8394ae;background:#edf1f7}.card-number{color:#aab3c0;font-size:11px}.task-card h3{letter-spacing:-.3px;font-size:15px;font-weight:700}.task-card p{color:var(--muted);min-height:34px;margin-top:8px;font-size:10px;line-height:1.7}.card-bottom{border-top:1px solid #eaecf0;justify-content:space-between;align-items:center;margin-top:18px;padding-top:15px;font-size:10px;font-weight:600;display:flex}.lower-grid{grid-template-columns:1.35fr 1fr;gap:20px;margin-top:26px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.panel-head{justify-content:space-between;align-items:center;gap:15px;padding:20px 22px;display:flex}.panel-head h2{font-size:14px}.row{align-items:center;gap:10px;display:flex}.icon-small{color:#667790}.dot-label{color:#677993;background:#e9eef5;border-radius:20px;padding:5px 9px;font-size:9px}.chat-sub{color:var(--muted);margin:-10px 22px 14px;font-size:10px}.messages{overscroll-behavior:contain;scrollbar-width:thin;height:264px;padding:0 22px 16px;overflow:auto}.chat-empty{text-align:center;color:#8f9bad;flex-direction:column;justify-content:center;align-items:center;height:200px;display:flex}.chat-empty h3{color:#4d5868;margin-top:14px;font-size:13px}.chat-empty p{color:var(--muted);margin-top:8px;font-size:10px}.message{overflow-wrap:anywhere;background:#f2f4f7;border-radius:10px;margin:12px 16px 12px 0;padding:12px}.message.mine{background:#e7ecf3;margin:12px 0 12px 16px}.message-meta{justify-content:space-between;align-items:center;gap:10px;font-size:10px;display:flex}.message-meta time{color:#8b97aa;font-size:8px}.message p{white-space:pre-wrap;margin-top:8px;font-size:12px;line-height:1.6}.attachment{background:#fff9;border-radius:7px;align-items:center;gap:9px;margin-top:10px;padding:10px;font-size:11px;display:flex}.attachment span{flex:1}.attachment small{margin-top:3px;font-size:9px}.compose{background:#fafbf8;border:1px solid #e2e5ea;border-radius:8px;align-items:center;margin:0 18px;padding:4px;display:flex}.compose input{background:0 0;border:0;outline:none;flex:1;padding:10px 4px;font-size:11px}.icon-button{color:#7e8ca0;background:0 0;border:0;border-radius:7px;place-items:center;padding:8px;display:grid}.icon-button:hover{background:#e7ebf2}.send{background:var(--green);color:#fff;border:0;border-radius:7px;place-items:center;width:33px;height:33px;display:grid}.file-hint{color:#8d99aa;margin:10px 20px 17px;font-size:8px}.guide{background:#e9edf2;padding:26px}.guide h2{font-size:24px;font-weight:500;line-height:1.35}.guide>div:not(.guide-foot){gap:15px;margin-top:22px;display:flex}.guide>div>span{color:#7c8a9e;padding-top:3px;font-size:10px}.guide p{color:#76849a;font-size:10px;line-height:1.8}.guide b{color:#4b5565;margin-bottom:3px;font-size:11px;display:block}.guide-foot{color:#77859a;border-top:1px solid #d5dbe5;align-items:center;gap:8px;margin-top:25px;padding-top:17px;font-size:9px;display:flex}footer{color:#939eaf;letter-spacing:.4px;align-items:center;gap:7px;padding:27px 0;font-size:9px;display:flex}footer>span{margin-left:5px;margin-right:auto;font-size:8px}.primary{background:var(--green);color:#fff;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:14px 18px;font-size:12px;font-weight:600;display:flex}.compact{gap:14px;width:auto;padding:12px 16px;font-size:11px}.back{color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;margin-bottom:24px;padding:0;font-size:11px;display:flex}.section-note{color:#536074;background:#e7ebf2;border-radius:10px;align-items:center;gap:16px;margin-bottom:25px;padding:20px 24px;font-size:12px;display:flex}.section-note p{font-size:11px;line-height:1.7}.section-note b+p{margin-top:5px}.archive{min-height:400px}.count{color:#7a889d;margin-left:7px;font-size:11px}.search{color:#8a96a9;align-items:center;gap:8px;display:flex}.search input{background:#f2f4f8;border:0;padding:9px;font-size:11px}.empty{text-align:center;flex-direction:column;align-items:center;padding:60px 20px;display:flex}.empty>span{color:#72839c;background:#e8edf4;border-radius:20px;margin-bottom:20px;padding:20px}.empty h2{font-size:18px}.empty p{color:var(--muted);margin:12px 0 22px;font-size:12px;line-height:1.8}.empty small{margin-top:15px;font-size:9px}.file-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:19px 22px;font-size:12px;display:flex}.file-row>div{overflow-wrap:anywhere;flex:1;min-width:0}.file-row small{margin-top:5px;font-size:10px}.file-icon{color:#627693;background:#e8ecf3;border-radius:8px;padding:10px}.text-button{color:#748298;background:0 0;border:0;padding:7px;font-size:10px}.badge{color:#5b6d87;background:#e5ebf4;border-radius:20px;padding:6px 9px;font-size:9px}.badge.muted{color:#888;background:#eee}.full-chat{max-width:950px;margin:auto}.full-chat .messages{height:52vh}.error,.notice{color:#985239;background:#fff0e9;border-radius:8px;align-items:center;gap:10px;margin-bottom:15px;padding:12px 15px;font-size:12px;display:flex}.error button,.notice button{color:inherit;background:0 0;border:0;margin-left:auto}.notice{color:#324c72;background:#dbe4f1}.modal-shade{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;transition:opacity .3s var(--ease);background:#151e2b70;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:min(440px,100%);transition:translate .4s var(--spring),opacity .3s;background:#fff;border-radius:18px;padding:35px;position:relative;box-shadow:0 25px 100px #101a2840}.modal-close{position:absolute;top:12px;right:12px}.modal>p{color:var(--muted);margin:10px 0 24px;font-size:11px}.modal label,.login-form label{flex-direction:column;gap:8px;margin:18px 0;font-size:11px;font-weight:600;display:flex}.modal input,.modal select{width:100%}.modal h2{font-size:24px}.login{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.login-story{color:#fff;background:#24344b;flex-direction:column;justify-content:space-between;gap:60px;padding:45px 60px;display:flex;position:relative;overflow:hidden}.login-story .brand-mark{color:#354152;background:#bbcde7}.brand-caption{letter-spacing:2px;color:#acb5c3;margin-left:12px;font-size:9px;font-weight:400}.login-story h1{letter-spacing:-2px;margin:24px 0;font-size:clamp(32px,3.7vw,56px);font-weight:500;line-height:1.2}.login-story h1 em{color:#a6bad9;font-style:normal}.login-story .eyebrow{color:#93a3bc;font-size:8px}.login-story p{color:#b1b9c6;font-size:13px;line-height:1.9}.login-tiles{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:50px;display:grid}.login-tiles>div{background:#ffffff06;border:1px solid #7080994d;border-radius:10px;padding:17px 13px}.login-tiles svg{color:#9db3d3;width:22px}.login-tiles span{float:right;color:#828fa3;font-size:9px}.login-tiles b{margin-top:22px;font-size:10px;font-weight:500;line-height:1.7;display:block}.login-story>small{letter-spacing:1px;color:#8f9bac;justify-content:space-between;font-size:8px;display:flex}.login-side{background:#f7f9fb;place-items:center;padding:50px 25px;display:grid}.login-form{width:min(345px,100%)}.lock{color:#5e718e;background:#dfe6f0;border-radius:14px;place-items:center;width:52px;height:52px;margin-bottom:28px;display:grid}.login-form h2{letter-spacing:-1px;font-size:29px}.login-form>p{color:var(--muted);margin:10px 0 32px;font-size:12px}.login-form input{background:#fff;padding:14px}.login-form .primary{margin-top:27px}.protected{color:#7a889d;justify-content:center;gap:7px;margin-top:25px;font-size:10px;display:flex}.login-form>small{text-align:center;color:#949fb0;margin-top:12px;font-size:9px;line-height:1.7}.loading{letter-spacing:3px;flex-direction:column;justify-content:center;align-items:center;height:100vh;font-size:24px;display:flex}.loading span{letter-spacing:0;color:var(--muted);margin-top:20px;font-size:11px}@starting-style{.modal-shade{opacity:0}.modal{opacity:0;translate:0 25px}.notice{opacity:0;translate:0 -10px}}@keyframes reveal{0%{opacity:.3;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline:view()){.task-card,.guide{animation:linear both reveal;animation-timeline:view();animation-range:entry entry 25%}}::view-transition-old(root){animation:.18s ease-out both old}::view-transition-new(root){animation:new .35s var(--ease) both}@keyframes old{to{opacity:0}}@keyframes new{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media (min-width:1550px){.content{padding-top:45px}.hero{min-height:310px}.hero h2{font-size:36px}.hero-art{right:25px}.cards{gap:22px}.task-card{padding:28px}}@media (max-width:1150px){.sidebar{width:215px;padding:30px 14px}.brand{font-size:18px}.content{padding:28px 25px 0}.topbar{padding:0 25px}.page-heading h1{font-size:28px}.task-card{padding:18px}.task-card h3{font-size:13px}.hero-art{opacity:.8;width:38%}.hero h2{font-size:27px}.lower-grid{grid-template-columns:1.2fr 1fr}.login-story{padding:40px}.login-tiles{gap:6px}}@media (max-width:850px){.sidebar{width:78px;padding:25px 12px}.sidebar .brand>span:not(.brand-mark),.brand small,.sidebar .nav-label,.sidebar nav button>span,.sidebar .nav-arrow,.sidebar-bottom .private-note,.profile>span:not(.avatar),.profile>svg{display:none}.sidebar .brand{font-size:0}.sidebar nav{margin-top:30px}.sidebar nav button{justify-content:center;padding:16px;font-size:0}.sidebar nav button svg{width:21px;height:21px}.logout{justify-content:center;width:100%;font-size:0}.profile{justify-content:center}.date-box{display:none}.cards{gap:10px}.lower-grid{grid-template-columns:1fr}.guide{display:none}.login{grid-template-columns:1fr 1fr}.login-story{padding:30px}.login-tiles{grid-template-columns:1fr}.login-tiles>div{align-items:center;gap:12px;padding:12px;display:flex}.login-tiles b{margin:0}.login-tiles span,.brand-caption,.login-story>small>span{display:none}}@media (max-width:600px){.sidebar{width:60px;padding:20px 5px}.sidebar .brand-mark{width:36px;height:36px;margin:auto}.sidebar nav button{padding:13px 8px}.content{padding:23px 16px 0}.topbar{gap:10px;height:58px;padding:0 16px;font-size:9px}.top-status{display:none}.topbar .mini{margin-left:auto}.page-heading{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:22px}.page-heading h1{font-size:27px;line-height:1.25}.eyebrow{font-size:8px}.page-heading p{font-size:10px;line-height:1.7}.hero{min-height:260px;padding:23px}.hero h2{font-size:24px}.hero-art{display:none}.hero p,.hero button{font-size:10px}.cards{grid-template-columns:1fr}.task-card{padding:18px}.card-top{margin-bottom:12px}.task-card p{min-height:0}.card-bottom{margin-top:13px;padding-top:12px}.section-title>span{display:none}.section-title h2{font-size:15px}.panel-head{padding:18px 14px}.messages{padding:0 12px 12px}.guide{display:none}.file-row{flex-wrap:wrap;gap:8px;padding:15px 12px}.file-row b{font-size:10px}.file-row small{font-size:8px}.search{max-width:140px}.search input{width:100%}.archive .panel-head{flex-wrap:wrap}.section-note{gap:10px;padding:15px}.section-note p{font-size:10px}.empty{padding:40px 15px}.empty h2{font-size:16px}.empty p{font-size:11px}.empty p br{display:none}footer{flex-wrap:wrap;font-size:8px}footer>span{font-size:7px}.login{flex-direction:column;display:flex}.login-story{gap:30px;padding:25px}.login-story h1{margin:12px 0;font-size:33px}.login-story p,.login-tiles,.login-story>small{display:none}.login-story .eyebrow{font-size:7px}.login-side{padding:35px 25px}.login-form h2{font-size:26px}.lock{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--green:#2455a0;--ink:#23354f;--muted:#7b879a;--line:#e2e8f2;--paper:#f5f7fc}.brand-logo{object-fit:contain;width:117px;height:54px;display:block}.sidebar .brand{justify-content:flex-start}.login-story .brand{background:#fff;border-radius:12px;width:153px;padding:12px 18px}.lower-grid{grid-template-columns:1fr}.page-heading:has(>.date-box){justify-content:flex-end;margin-bottom:18px}footer{justify-content:flex-end}.task-card .card-icon{color:#507dbe;background:#eaf1fc}.hero{background:#214b85}.primary,.send{background:#2455a0}.primary:hover,.send:hover{background:#1b4484}.hero button{color:#214b85;background:#d5e5ff}.avatar{color:#345b98;background:#e5edfc}@media (max-width:850px){.sidebar .brand-logo{width:49px;height:40px;margin:auto}}@media (max-width:600px){.sidebar .brand-logo{width:47px;height:38px}}
