:root{--ink:#17211b;--muted:#78817b;--line:#e4e8e1;--paper:#fffefb;--canvas:#f3f5f0;--green:#245b45;--green-2:#2f7658;--green-soft:#e8f1eb;--orange:#e67e3b;--shadow:0 14px 36px #24332a12}*{box-sizing:border-box}html{background:var(--canvas)}body{color:var(--ink);background:var(--canvas);margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;z-index:10;background:#183d2f;flex-direction:column;width:248px;padding:28px 20px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand-row,.mobile-brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:#ed8950;border-radius:12px;flex:0 0 39px;place-items:center;width:39px;height:39px;font-family:Georgia,serif;font-size:20px;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #ffffff2e}.brand-row strong{letter-spacing:.02em;font-size:16px;display:block}.brand-row span{color:#ffffff7a;letter-spacing:.16em;text-transform:uppercase;margin-top:2px;font-size:10px;display:block}.nav-list{gap:7px;margin-top:46px;display:grid}.nav-list button{color:#ffffffad;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:14px;display:flex}.nav-list button:hover{color:#fff;background:#ffffff0f}.nav-list button.active{color:#fff;background:#ffffff1f;box-shadow:inset 3px 0 #ef8c53}.sidebar-team{border-top:1px solid #ffffff1a;margin-top:34px;padding:20px 14px}.side-label{color:#ffffff73;letter-spacing:.13em;text-transform:uppercase;margin:0 0 13px;font-size:10px}.avatar-stack{padding-left:5px;display:flex}.avatar-stack span{color:#214535;background:#e6d2ae;border:2px solid #183d2f;border-radius:50%;place-items:center;width:31px;height:31px;margin-left:-5px;font-size:11px;font-weight:700;display:grid}.avatar-stack span:nth-child(2){background:#bcd6c8}.avatar-stack span:nth-child(3){background:#e6baa3}.avatar-stack span:nth-child(4){background:#c5c5e0}.sidebar-team>p:last-child{color:#ffffff8a;margin:9px 0 0;font-size:12px}.user-card{background:#ffffff12;border-radius:12px;align-items:center;gap:10px;margin-top:auto;padding:13px;display:flex;overflow:hidden}.user-avatar,.member-avatar{color:#7b4c2e;background:#f0d5b7;border-radius:50%;flex:0 0 35px;place-items:center;width:35px;height:35px;font-size:13px;font-weight:700;display:grid}.user-card>div:last-child{min-width:0}.user-card strong,.user-card span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.user-card strong{font-size:12px}.user-card span{color:#ffffff6e;margin-top:3px;font-size:9px}.user-card button{color:#ffffff8f;cursor:pointer;background:#ffffff14;border:0;border-radius:6px;margin-left:auto;padding:5px 7px;font-size:9px}.user-card button:hover{color:#fff;background:#ffffff24}.main-content{grid-column:2;min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#ffffffa3;justify-content:flex-end;align-items:center;height:66px;padding:0 42px;display:flex;position:sticky;top:0}.mobile-brand{display:none}.sync-pill{color:#66726a;border:1px solid var(--line);background:#fff;border-radius:99px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;display:flex;box-shadow:0 3px 12px #141e1808}.sync-pill.saved{color:var(--green-2)}.sync-pill.error,.sync-pill.offline{color:#b8583e;background:#fff8f4}.content-wrap{max-width:1240px;margin:0 auto;padding:44px 42px 60px}.hero-row{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;display:flex}.eyebrow{color:var(--orange);letter-spacing:.16em;margin:0 0 8px;font-size:10px;font-weight:800}.hero-row h1{letter-spacing:-.035em;margin:0;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(27px,3vw,38px);font-weight:600}.hero-copy{color:var(--muted);margin:9px 0 0;font-size:13px}.date-stepper{border:1px solid var(--line);background:var(--paper);border-radius:10px;align-items:center;display:flex;overflow:hidden;box-shadow:0 4px 16px #1e282008}.date-stepper button{cursor:pointer;color:#748079;background:0 0;border:0;place-items:center;width:37px;height:37px;display:grid}.date-stepper button:hover:not(:disabled){background:#f1f4ef}.date-stepper button:disabled{opacity:.25;cursor:default}.date-stepper>div{border-inline:1px solid var(--line);white-space:nowrap;align-items:center;gap:8px;height:37px;padding:0 14px;font-size:12px;display:flex}.dashboard-grid{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:24px;display:grid}.editor-card,.progress-card,.team-card,.history-card{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:16px}.editor-card{padding:27px}.card-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;display:flex}.card-heading>div{align-items:center;gap:12px;display:flex}.section-number{background:var(--green-soft);width:32px;height:32px;color:var(--green);border-radius:9px;place-items:center;font-size:10px;font-weight:800;display:grid}.card-heading h2,.aside-heading h2,.history-summary h2{margin:0;font-family:Georgia,Noto Serif SC,serif;font-size:17px}.card-heading p{color:var(--muted);margin:4px 0 0;font-size:10px}.name-field{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.name-field input{border:1px solid var(--line);width:92px;color:var(--ink);background:#fafbf8;border-radius:7px;outline:none;padding:6px 8px;font-size:11px}.name-field input:focus{border-color:#8aa796;box-shadow:0 0 0 3px #2f765817}.field-grid{grid-template-columns:1fr 1fr;gap:17px;margin-top:23px;display:grid}.report-field{display:block}.report-field.full{grid-column:1/-1}.report-field>span{color:#3d4941;align-items:center;gap:7px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.report-field>span svg{color:var(--green-2)}.report-field textarea{resize:vertical;border:1px solid var(--line);width:100%;height:104px;color:var(--ink);background:#fafbf8;border-radius:10px;outline:none;padding:13px 14px;font-size:12px;line-height:1.65;transition:all .18s;display:block}.report-field.full:first-child textarea{height:121px}.report-field.compact textarea{height:70px}.report-field textarea::placeholder{color:#a2aaa4}.report-field textarea:focus{background:#fff;border-color:#78a28a;box-shadow:0 0 0 3px #2f765814}.editor-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding-top:19px;display:flex}.energy-picker{align-items:center;gap:7px;display:flex}.energy-picker>span{color:var(--muted);margin-right:3px;font-size:10px}.energy-picker button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;width:30px;height:30px;font-size:14px}.energy-picker button:hover,.energy-picker button.selected{background:var(--green-soft);border-color:#99b5a4;transform:translateY(-1px)}.submit-group{align-items:center;gap:13px;display:flex}.submit-group small{color:var(--muted);font-size:9px}.primary-button{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 16px;font-size:11px;font-weight:700;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 7px 16px #245b452e}.primary-button:hover:not(:disabled){background:#1d4e3a;transform:translateY(-1px)}.primary-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.primary-button.done{color:#1f6045;box-shadow:none;background:#e3f1e8}.right-column{gap:18px;display:grid}.progress-card{padding:21px}.progress-top{justify-content:space-between;align-items:center;display:flex}.progress-top p{color:var(--muted);margin:0 0 3px;font-size:10px}.progress-top strong{font-family:Georgia,serif;font-size:29px}.ring{--progress:0deg;background:conic-gradient(var(--orange) var(--progress), #edf0eb 0);border-radius:50%;place-items:center;width:57px;height:57px;display:grid;position:relative}.ring:after{content:"";background:var(--paper);border-radius:50%;position:absolute;inset:5px}.ring span{z-index:1;font-size:10px;font-weight:700;position:relative}.progress-track{background:#edf0eb;border-radius:99px;height:5px;margin:17px 0 10px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--orange);height:100%;transition:width .4s;display:block}.muted{color:var(--muted);margin:0;font-size:10px}.team-card{overflow:hidden}.aside-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:57px;padding:0 19px;display:flex}.aside-heading>div{align-items:center;gap:8px;display:flex}.aside-heading>div svg{color:var(--green-2)}.aside-heading h2{font-size:15px}.aside-heading button{color:#77827b;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.aside-heading button:hover{background:#f0f3ef}.loading-list,.empty-state{min-height:150px;color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.empty-state{text-align:center;flex-direction:column;padding:28px}.empty-state svg{color:var(--orange)}.empty-state strong{color:var(--ink);font-family:Georgia,serif;font-size:14px}.empty-state p{max-width:180px;margin:0;line-height:1.6}.member-list{padding:5px 0}.member-row{border-bottom:1px solid #f0f2ee;grid-template-columns:35px minmax(0,1fr) auto;align-items:start;gap:10px;padding:14px 18px;display:grid}.member-row:last-child{border-bottom:0}.member-row>div:nth-child(2){min-width:0}.member-name{align-items:center;gap:6px;display:flex}.member-name strong{font-size:11px}.member-name span{color:var(--green);background:var(--green-soft);border-radius:99px;padding:1px 5px;font-size:8px}.member-row p{color:#666f69;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 3px;font-size:10px;overflow:hidden}.member-row small{color:#a0a7a2;font-size:8px}.status-complete{color:var(--green-2);margin-top:8px}.status-draft{color:#c3c9c4;margin-top:8px}.sync-note{color:#8f9791;border-top:1px solid var(--line);background:#fafbf9;justify-content:center;align-items:center;gap:5px;padding:10px;font-size:8px;display:flex}.history-card{padding:26px}.history-summary{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding-bottom:21px;display:flex}.history-icon{width:42px;height:42px;color:var(--green);background:var(--green-soft);border-radius:12px;place-items:center;display:grid}.history-summary p{color:var(--muted);margin:5px 0 0;font-size:11px}.empty-history{min-height:260px;color:var(--muted);place-items:center;font-size:13px;display:grid}.history-list{gap:15px;padding-top:20px;display:grid}.history-list>article{border:1px solid var(--line);background:#fcfdfb;border-radius:12px;padding:20px}.history-person{align-items:center;gap:10px;display:flex}.history-person>div:nth-child(2){gap:2px;display:grid}.history-person strong{font-size:12px}.history-person span{color:var(--muted);font-size:9px}.history-person time{color:var(--muted);margin-left:auto;font-size:9px}.history-fields{grid-template-columns:1.3fr 1fr 1fr;gap:14px;margin-top:16px;display:grid}.history-fields>div{background:#f4f6f2;border-radius:9px;padding:12px}.history-fields span{color:var(--green-2);font-size:9px;font-weight:700}.history-fields p{white-space:pre-wrap;margin:7px 0 0;font-size:11px;line-height:1.6}.signin-shell{background:radial-gradient(circle at 20% 15%, #dae8dc 0, transparent 30%), var(--canvas);place-items:center;min-height:100vh;padding:24px;display:grid}.signin-card{border:1px solid var(--line);background:var(--paper);border-radius:22px;width:min(500px,100%);padding:46px;box-shadow:0 24px 70px #183d2f1f}.signin-card h1{letter-spacing:-.04em;margin:18px 0 12px;font:600 36px/1.2 Georgia,serif}.signin-card>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8}.signin-button{min-height:44px;margin-top:17px}.join-card{flex-direction:column;display:flex}.join-card .eyebrow{margin-top:22px}.join-card h1{margin-top:2px}.join-field{color:#4e5a52;gap:7px;margin-top:16px;font-size:11px;font-weight:700;display:grid}.join-field>input,.join-field>select,.join-field>div{border:1px solid var(--line);background:#fafbf8;border-radius:10px;width:100%;height:44px;transition:all .18s}.join-field>input,.join-field>select{color:var(--ink);outline:none;padding:0 13px}.join-field>div{color:var(--green-2);align-items:center;padding:0 12px;display:flex}.join-field>div input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;padding:0 0 0 9px}.join-field>input:focus,.join-field>select:focus,.join-field>div:focus-within{background:#fff;border-color:#78a28a;box-shadow:0 0 0 3px #2f765814}.join-error{align-items:center;gap:7px;display:flex;color:#b8583e!important;margin:12px 0 -3px!important;font-size:11px!important}.join-card>small{color:var(--muted);text-align:center;margin-top:13px;font-size:9px}.manager-side-note{color:#ffffffb8;background:#ffffff0f;border-radius:12px;margin-top:30px;padding:18px 14px}.manager-side-note svg{color:#f0a06d}.manager-side-note strong{color:#fff;margin-top:9px;font-size:12px;display:block}.manager-side-note p{margin:7px 0 0;font-size:10px;line-height:1.65}.manager-summary{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:16px;grid-template-columns:1fr 1.3fr auto;align-items:center;gap:24px;margin-bottom:22px;padding:22px 25px;display:grid}.manager-summary>div:first-child>span{color:var(--muted);font-size:10px}.manager-summary>div:first-child>strong{margin:2px 0;font:600 31px Georgia,serif;display:block}.manager-summary>div:first-child>strong small{color:#a0a7a2;font-size:15px}.manager-summary p{color:var(--muted);margin:3px 0 0;font-size:10px}.manager-progress{border-left:1px solid var(--line);align-items:center;gap:13px;padding-left:23px;display:flex}.manager-progress>div:last-child strong{font-size:12px}.ring.large{width:63px;height:63px}.manager-summary>button{border:1px solid var(--line);color:#5f6b63;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;font-size:10px;display:flex}.manager-summary>button:hover{background:#f7f9f6;border-color:#9fb3a5}.manager-member-grid{gap:18px;display:grid}.manager-member-card{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.manager-member-card>header{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:18px 21px;display:grid}.manager-member-card>header .member-avatar{width:38px;height:38px}.manager-member-card>header h2{margin:0;font:600 16px Georgia,Noto Serif SC,serif}.manager-member-card>header span{color:var(--muted);margin-top:3px;font-size:9px;display:block}.manager-member-card.submitted>header>svg{color:var(--green-2)}.manager-member-card.pending>header>svg{color:#c3c9c4}.manager-report-block{padding:17px 21px 5px}.manager-report-block>span,.manager-report-columns span{color:var(--green-2);font-size:9px;font-weight:800}.manager-report-block p,.manager-report-columns p{white-space:pre-wrap;margin:7px 0 0;font-size:11px;line-height:1.65}.manager-report-columns{grid-template-columns:1fr 1fr;gap:15px;padding:12px 21px 18px;display:grid}.manager-report-columns>div{background:#f4f6f2;border-radius:9px;padding:12px}.manager-member-card footer{border-top:1px solid var(--line);color:var(--muted);background:#fafbf9;justify-content:space-between;padding:10px 21px;font-size:9px;display:flex}.manager-empty{color:#9ba39d;flex-direction:column;justify-content:center;align-items:center;min-height:130px;display:flex}.manager-empty p{margin:8px 0 0;font-size:10px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1050px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 280px}.content-wrap,.topbar{padding-inline:28px}}@media (max-width:820px){.app-shell{display:block}.sidebar{display:none}.main-content{width:100%}.topbar{justify-content:space-between;height:62px;padding:0 18px}.mobile-brand{display:flex}.mobile-brand .brand-mark{border-radius:9px;flex-basis:32px;width:32px;height:32px;font-size:16px}.mobile-brand strong{font-size:13px}.content-wrap{padding:28px 18px 50px}.dashboard-grid{grid-template-columns:1fr}.right-column,.manager-summary{grid-template-columns:1fr 1.3fr}.manager-summary>button{grid-column:1/-1;justify-content:center}}@media (max-width:620px){.hero-row{flex-direction:column;align-items:stretch}.date-stepper{align-self:flex-start}.editor-card{padding:20px 16px}.card-heading{align-items:flex-start}.name-field{flex-direction:column;align-items:flex-start}.field-grid{grid-template-columns:1fr}.report-field,.report-field.full{grid-column:auto}.editor-footer{flex-direction:column;align-items:flex-start}.submit-group{justify-content:space-between;width:100%}.right-column,.history-fields,.manager-summary{grid-template-columns:1fr}.manager-progress{border-left:0;border-top:1px solid var(--line);padding:15px 0 0}.manager-summary>button{grid-column:auto}.manager-report-columns{grid-template-columns:1fr}.signin-card{padding:32px 24px}.signin-card h1{font-size:30px}}