:root{--paper:#f6f5f0;--white:#fffefa;--ink:#243a33;--muted:#7c827b;--line:#e4e5dc;--green:#234338;--gold:#ac8b51;--serif:'Noto Serif SC','Songti SC','SimSun',serif;--latin:'Cormorant Garamond',Georgia,serif;--sans:Arial,'Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;padding:44px 25px 25px;background:#203c34;color:#e8ece3;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:14px;font-family:var(--serif);font-size:29px;letter-spacing:5px;padding-left:6px}.brand-mark{width:43px;height:49px;border:1px solid #b9a77d;display:grid;place-items:center;color:#cfbb8e;font-size:25px;letter-spacing:0;position:relative}.brand-mark:after{content:'';position:absolute;inset:4px;border:1px solid #b9a77d55}.brand-en{display:block;font-family:var(--sans);font-size:9px;letter-spacing:2px;color:#b5bcab;margin-top:7px;white-space:nowrap}.sidebar-divider{height:1px;background:#ffffff17;margin:37px 7px 29px}.nav-caption{color:#a1afa2;font-size:12px;letter-spacing:2px;margin:0 14px 18px}.nav-item{display:flex;gap:13px;align-items:center;padding:14px;margin-bottom:9px;color:#bac8bd;font-size:14px;border-radius:5px;transition:background .2s,color .2s}.nav-item:hover{background:#ffffff0b;color:#fff}.nav-item.active{background:#3b5549;color:#f3eee2}.nav-item.active svg{color:#d1bd91}.nav-index{font-family:var(--latin);margin-left:auto;color:#c8b989;font-size:16px}.sidebar-note{margin-top:auto;padding:55px 13px 32px}.note-line{display:block;width:25px;border-top:1px solid #a9986c}.sidebar-note p{font:16px/2 var(--serif);color:#d3d8c9;letter-spacing:1px;margin:18px 0}.note-en{font-size:9px;letter-spacing:1.7px;color:#96a697}.profile{border-top:1px solid #ffffff1a;display:flex;gap:11px;align-items:center;padding:24px 7px 0;font-size:14px}.avatar{width:36px;height:36px;background:#4c6152;border:1px solid #829077;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);color:#e0d4b5}.profile small{display:block;font-size:11px;color:#9faf9e;margin-top:6px}.profile-star{color:#c4af82;margin-left:auto;font-size:26px}.workspace{margin-left:228px}.topbar{height:79px;border-bottom:1px solid var(--line);padding:0 48px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.breadcrumb{color:#8b9088}.breadcrumb span{margin:0 15px;color:#b5b9ae}.breadcrumb strong{font-weight:400;color:#4b5a4d}.topbar-right{display:flex;gap:25px;align-items:center}.demo-label{padding:6px 10px;border:1px solid #dddfd3;border-radius:4px;color:#7d8373;font-size:11px}.edition{font:12px var(--latin);letter-spacing:2px;color:#8c927f}main{max-width:1450px;margin:0 auto;padding:42px 48px 0}.greeting{display:flex;align-items:center;justify-content:space-between;margin-bottom:39px;gap:24px}.eyebrow{font-size:10px;letter-spacing:2.6px;color:var(--gold);font-weight:500}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-size:clamp(28px,2.4vw,39px);font-weight:500;letter-spacing:1px;line-height:1.6;margin:11px 0 10px}h1>span{color:var(--gold)}.greeting p{font-size:13px;letter-spacing:.5px;color:var(--muted);margin:0;line-height:1.8}.date-block{border-left:1px solid #dddfd1;padding:5px 0 5px 26px;display:flex;gap:14px;align-items:center;flex-shrink:0}.date-block svg{color:var(--gold);width:25px;height:25px}.date-block div>span{font-family:var(--serif);font-size:20px}.date-block small{display:block;margin-top:8px;font-size:11px;color:var(--muted);letter-spacing:1px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:16px}h2{font:500 20px/1.6 var(--serif);margin:0;letter-spacing:.5px}.section-en{font:9px var(--sans);letter-spacing:2px;color:#969b8d;margin-left:13px;vertical-align:middle}.small{font-size:12px}.muted{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:7px;background:var(--white);overflow:hidden}.metric{padding:23px 26px 22px;position:relative;overflow:hidden}.metric+.metric{border-left:1px solid var(--line)}.metric-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;letter-spacing:.7px;color:#70796d}.metric-label svg{width:17px;height:17px;color:#9ca38f}.metric-symbol{font-family:var(--latin);font-size:21px;color:#9ca38f}.metric-value{font:500 43px/1.3 var(--latin);letter-spacing:.3px;margin:11px 0 13px;position:relative;z-index:1}.metric-value>span{font:12px var(--sans);color:#838b7a;margin-left:9px}.metric-value>.currency{font:27px var(--latin);color:var(--ink);margin:0 5px 0 0}.metric-bottom{display:flex;gap:8px;align-items:center;font-size:11px;color:#989c91;position:relative;z-index:1}.trend{color:#4d785a}.sparkline{position:absolute;right:21px;bottom:22px;width:105px;height:34px;stroke:#69856b;stroke-width:1.3;opacity:.65}.sparkline.gold{stroke:#b69761}.publish-bars{display:flex;align-items:flex-end;gap:6px;position:absolute;right:27px;bottom:25px;height:28px}.publish-bars i{width:7px;height:17px;background:#d6decf;border-radius:2px}.publish-bars i:nth-child(2){height:26px}.publish-bars i:nth-child(3){height:21px}.publish-bars i:nth-child(4){height:31px}.publish-bars i:nth-child(5){height:19px}.publish-bars i:nth-child(6){height:35px;background:#93a78a}.publish-bars i:nth-child(7){height:6px;background:#e4e8df}.work-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:23px;margin-top:29px}.plan-panel{background:var(--white);border:1px solid var(--line);border-radius:7px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:26px 26px 0;gap:16px}.panel-heading .eyebrow{font-size:8px;letter-spacing:1.8px;color:#8d927f;margin-bottom:7px}.count{font:16px var(--latin);letter-spacing:1px;color:#919982;margin-left:10px}.text-button{display:flex;align-items:center;gap:4px;border:0;background:none;color:#536b53;font-size:12px;padding:8px 0;white-space:nowrap}.text-button svg{width:15px;height:15px}.text-button:hover{color:var(--gold)}.day-progress{padding:19px 26px 9px;font-size:10px;color:#969c8e;display:flex;justify-content:space-between;flex-wrap:wrap;gap:9px}.progress-track{width:100%;height:3px;background:#e9ece3;border-radius:2px}.progress-track i{display:block;background:#7f9672;width:25%;height:100%;transition:width .3s}.task-list{padding:0 26px}.task{display:flex;align-items:center;gap:13px;min-height:61px;border-bottom:1px solid #edf0e7;cursor:pointer}.task:last-child{border-bottom:0}.task input{appearance:none;width:18px;height:18px;border:1px solid #c9d0bf;border-radius:50%;flex-shrink:0;margin:0;display:grid;place-items:center;cursor:pointer;background:transparent}.task input:checked{background:#859879;border-color:#859879}.task input:checked:after{content:'✓';color:white;font-size:12px}.task-content{flex:1;min-width:0;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.task.done .task-content{color:#9ba191;text-decoration:line-through;text-decoration-color:#bac0af}.task-tag{font-size:10px;color:#8c937f;padding:4px 8px;background:#f1f3eb;border-radius:3px;white-space:nowrap}.task-tag.priority{color:#a58751;background:#f7f0df}.plan-footer{padding:15px 26px;background:#f6f7f1;display:flex;gap:9px;align-items:center;font-size:11px;color:#969d88;border-top:1px solid #e9ece1;line-height:1.7}.tiny-sun{font-size:18px;color:#aaa279}.focus-panel{background:#e7ebdf;border:1px solid #dfe4d5;border-radius:7px;padding:28px 29px;display:flex;flex-direction:column;position:relative;overflow:hidden}.focus-top{display:flex;justify-content:space-between;align-items:center}.focus-top .eyebrow{color:#687859;font-size:9px;letter-spacing:2px}.focus-star{font-size:33px;color:#889574;line-height:1}.focus-label{font-size:11px;color:#7d876e;letter-spacing:1px;margin-top:29px}.focus-panel h2{font-size:27px;line-height:1.75;letter-spacing:1.5px;margin:12px 0 12px;font-weight:400}.focus-panel p{font-size:12px;color:#7e8872;line-height:1.9;margin-bottom:20px}.focus-rule{border-top:1px solid #cbd3bf;margin-top:auto}.focus-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:17px;gap:10px}.focus-bottom>span:first-child{font-size:11px;color:#7c866c}.focus-number{font:32px var(--latin);color:#7d8c6c}.focus-number>span{font:8px var(--sans);letter-spacing:1px;color:#899277}.projects-section{margin-top:31px}.project-card{display:flex;align-items:center;gap:23px;padding:20px;background:var(--white);border:1px solid var(--line);border-radius:7px}.project-art{width:96px;height:111px;background:#324c40;color:#ded6b9;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.frame-outline{position:absolute;inset:8px;border:1px solid #a4a48255}.project-art>span{font:16px/1.6 var(--serif);letter-spacing:2px;position:relative}.project-art small{font:5px var(--sans);letter-spacing:1.3px;margin-top:8px}.project-info{flex:1}.project-kicker{font-size:10px;color:#959c89;letter-spacing:1px;margin-bottom:10px}.project-kicker>span{margin:0 5px}.project-info h3{font:500 20px/1.6 var(--serif);margin-bottom:8px;letter-spacing:.5px}.project-info p{font-size:12px;color:#909784;margin:0;line-height:1.8}.project-stage{margin:0 7px 0 auto;min-width:210px}.stage-badge{display:inline-block;background:#eef1e6;border:1px solid #e0e6d4;color:#6a8059;border-radius:3px;font-size:11px;padding:6px 10px}.stage-track{display:flex;gap:9px;align-items:center;font-size:10px;color:#a2a893;margin-top:22px}.stage-track i{height:1px;min-width:14px;flex:1;background:#dbe0d2}.stage-track .complete{color:#8c9b7b}.stage-track .current{color:#5a7548}.project-open{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dbe1d1;border-radius:50%;background:transparent;color:#738366}.project-open:hover{background:#e9eddf}.project-open svg{width:17px;height:17px}.page-footer{display:flex;justify-content:space-between;gap:15px;color:#a1a693;font-size:10px;padding:25px 0 24px}.page-footer>span:first-child{font-family:var(--serif);letter-spacing:1px}.page-footer i{font-style:normal;margin:0 6px}.page-footer>span:last-child{font-size:8px;letter-spacing:1.8px}dialog{width:min(460px,calc(100% - 32px));border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--ink);padding:30px;box-shadow:0 20px 80px #10241925}dialog::backdrop{background:#122a245c;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.close-button{border:0;background:transparent;color:#7c8874;font-size:26px;line-height:1;padding:0 3px}dialog label{display:block;font-size:13px;margin:20px 0 10px}dialog input,dialog select{width:100%;padding:12px;background:#f8f9f3;border:1px solid #d7decf;border-radius:4px;font-size:14px;color:var(--ink)}.dialog-note{font-size:12px;line-height:1.9;color:#8b9480;margin:20px 0}.primary-button{background:var(--green);color:#f3f4e9;border:0;border-radius:4px;width:100%;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.project-dialog-copy{font-family:var(--serif);font-size:14px;line-height:1.9;margin:20px 0}
@media(min-width:1550px){main{padding-top:51px}.greeting{margin-bottom:44px}.metric{padding:26px 29px}.work-grid{margin-top:32px}.task{min-height:68px}.focus-panel{padding:30px 34px}.projects-section{margin-top:35px}}
@media(max-width:1180px){.sidebar{width:200px;padding-left:18px;padding-right:18px}.workspace{margin-left:200px}main{padding:32px 30px 0}.topbar{padding:0 30px}.metric{padding:20px}.sparkline{width:70px;right:15px;opacity:.5}.publish-bars{right:18px;gap:4px}.section-en{display:none}.date-block{padding-left:17px}.greeting p{font-size:12px}.work-grid{gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(255px,1fr)}.panel-heading,.focus-panel{padding-left:21px;padding-right:21px}.task-list{padding:0 21px}.focus-panel h2{font-size:24px}.project-stage{min-width:170px}.project-card{gap:17px}.project-info h3{font-size:17px}}
@media(max-width:960px){.sidebar{width:78px;padding:28px 13px}.workspace{margin-left:78px}.brand{padding:0;justify-content:center}.brand>span:last-child,.nav-caption,.nav-item>span,.sidebar-note,.profile>div,.profile-star{display:none}.nav-item{justify-content:center;padding:16px 0}.sidebar-divider{margin:30px 2px 24px}.profile{margin-top:auto;justify-content:center;padding:24px 0 0}.date-block{display:none}.project-stage{min-width:155px}.metric-value{font-size:38px}.sparkline{width:60px}.metric-bottom{font-size:10px}.focus-label{margin-top:27px}}
@media(max-width:720px){.topbar{height:65px;padding:0 22px}.edition{display:none}.topbar-right{gap:0}main{padding:28px 22px 0}.greeting{margin-bottom:28px}h1{font-size:27px}.greeting p{line-height:1.9;max-width:300px}.eyebrow{font-size:9px}.metrics{grid-template-columns:1fr}.metric{padding:19px 23px}.metric+.metric{border-left:0;border-top:1px solid var(--line)}.metric-value{font-size:40px;margin:8px 0}.sparkline{width:120px;height:40px;right:23px;bottom:25px}.publish-bars{right:26px;bottom:26px}.work-grid{grid-template-columns:1fr}.focus-panel{min-height:300px}.focus-label{margin-top:20px}.focus-panel h2{font-size:28px}.focus-panel p{margin-bottom:22px}.focus-rule{margin-top:10px}.project-card{flex-wrap:wrap;gap:15px;padding:17px}.project-art{width:73px;height:94px}.project-art>span{font-size:14px}.project-info{flex-basis:calc(100% - 90px)}.project-info h3{font-size:17px}.project-info p{font-size:11px}.project-stage{margin:3px 0 0;flex:1}.stage-track{margin-top:14px;max-width:250px}.project-open{align-self:flex-end}.page-footer>span:last-child{display:none}.section-top>.small{font-size:10px}.section-top{gap:8px}h2{font-size:19px}}
@media(max-width:430px){.sidebar{width:61px;padding:24px 9px}.workspace{margin-left:61px}.brand-mark{width:35px;height:42px;font-size:22px}.nav-item svg{width:18px;height:18px}.topbar{padding:0 16px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 7px}.demo-label{font-size:9px;padding:5px}main{padding:25px 16px 0}h1{font-size:23px;letter-spacing:0}.greeting p{font-size:11px}.panel-heading{padding:21px 17px 0}.panel-heading .eyebrow{font-size:7px;letter-spacing:1px}.day-progress{padding-left:17px;padding-right:17px}.task-list{padding:0 17px}.task{gap:9px;min-height:68px}.task-content{font-size:12px}.task-tag{font-size:9px;padding:4px 5px}.plan-footer{padding:13px 17px;font-size:10px}.count{font-size:14px;margin-left:6px}.text-button{font-size:11px}.focus-panel{padding:23px}.projects-section .section-top>.small{display:none}.project-info h3{font-size:15px}.project-info p{font-size:10px}.project-card{padding:14px;gap:12px}.project-art{width:61px;height:88px}.project-info{flex-basis:calc(100% - 74px)}.profile{padding-top:20px}.avatar{width:32px;height:32px}}
.greeting p,.metric-label,.text-button,.task-content,.focus-label,.focus-panel p,.project-info p,.stage-badge,.stage-track{font-size:14px}.task-tag,.metric-bottom,.day-progress,.plan-footer,.focus-bottom>span:first-child,.project-kicker,.page-footer,.demo-label,.profile small,.date-block small,.section-top>.small{font-size:12px}.project-info p,.greeting p{line-height:1.9}.focus-panel p{line-height:2}.task{min-height:66px}.task-content{padding:9px 0}.metric-bottom{gap:7px}.sparkline{bottom:43px;opacity:.45}.publish-bars{bottom:44px;opacity:.8}.project-stage{min-width:220px}.stage-track{gap:7px}.stage-track i{min-width:9px}.page-footer{line-height:1.8}
@media(max-width:1180px){.project-stage{min-width:195px}.project-card{flex-wrap:wrap}.project-info{min-width:190px}}
@media(max-width:720px){.metric{padding:15px 21px}.metric-value{margin:4px 0;font-size:36px}.metric-bottom{font-size:12px}.metrics-section .section-top{margin-bottom:13px}.greeting p{max-width:none}.task-content{font-size:14px}.focus-panel p{font-size:14px}.project-info{min-width:0}.project-info p{font-size:13px}.project-stage{min-width:190px}.project-kicker{font-size:12px}.sparkline{bottom:35px}.publish-bars{bottom:35px}.section-top>.small{font-size:12px}.plan-footer{font-size:12px}}
@media(max-width:430px){.greeting p{font-size:14px}.topbar .demo-label{font-size:10px}.task{flex-wrap:wrap;gap:8px;padding:11px 0}.task-content{flex-basis:calc(100% - 28px);padding:0}.task-tag{margin-left:26px;font-size:12px}.panel-heading{flex-wrap:wrap;gap:5px}.section-top{flex-wrap:wrap}.project-info h3{font-size:16px}.project-info p{font-size:13px}.project-art{width:61px}.project-stage{min-width:170px}.focus-panel{padding:20px}.focus-panel h2{font-size:25px}}
@media(max-width:430px){.sparkline,.publish-bars{display:none}}
.notes-panel h2{margin:23px 0 15px;font-size:26px}.notes-panel textarea{display:block;width:100%;min-width:0;min-height:210px;flex:1;resize:vertical;border:0;border-radius:3px;background:transparent;color:var(--ink);font:400 16px/2 var(--serif);padding:8px 2px 18px;outline-offset:5px}.notes-panel textarea::placeholder{color:#7e8872;opacity:1}.notes-panel textarea:focus-visible{outline:1px solid #9daa88}.notes-panel .focus-rule{margin-top:18px}.notes-panel .focus-bottom{min-height:36px}.notes-panel .focus-bottom>span:first-child{line-height:1.8;color:#667457}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}