:root{--ink:#19302d;--muted:#667773;--green:#173f3a;--mint:#dcebe6;--cream:#f5f2e9;--line:#dfe6e3;--white:#fff;--orange:#e58958;--shadow:0 10px 30px rgba(23,63,58,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f8f7;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:72px;background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--green);color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-size:23px}.brand strong,.brand small{display:block}.brand small{font-size:11px;color:var(--muted);margin-top:2px}.top-actions{display:flex;align-items:center;gap:10px}.language,.avatar{border:1px solid var(--line);background:#fff;border-radius:10px;height:38px;font-weight:750;cursor:pointer}.language{padding:0 14px;color:var(--green)}.avatar{width:38px;background:var(--mint);border:0}.layout{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 72px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;justify-content:space-between}.sidebar nav{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:10px;text-decoration:none;color:var(--muted);font-size:14px;font-weight:650}.nav-link:hover,.nav-link.active{background:var(--mint);color:var(--green)}.nav-icon{width:20px;text-align:center}.help-card{background:var(--cream);border-radius:14px;padding:15px;font-size:12px;display:grid;gap:7px}.help-card span{color:var(--muted);line-height:1.4}.help-card a{color:var(--green);font-weight:750}.content{padding:36px;max-width:1400px;width:100%;margin:0 auto}.welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800;color:#748580;margin:0 0 6px}.welcome h1{font-family:Georgia,serif;font-size:34px;margin:0 0 7px}.welcome>div>p:last-child{color:var(--muted);margin:0}.primary{background:var(--green);color:#fff;border:0;border-radius:11px;padding:12px 18px;font-weight:750;cursor:pointer}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.status-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.status-card span{font-size:12px;color:var(--muted)}.status-card strong{display:block;font-family:Georgia,serif;font-size:27px;margin-top:8px}.status-card small{display:block;color:#3b7668;margin-top:7px}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.panel-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.panel-heading h2{font-family:Georgia,serif;font-size:21px;margin:0}.panel-heading a{color:var(--green);font-size:12px;font-weight:750}.badge{background:var(--mint);color:#276b5b;border-radius:99px;padding:6px 10px;font-size:11px;font-weight:800}.progress-panel{display:grid;grid-template-columns:1fr 150px;column-gap:20px}.progress-panel .panel-heading{grid-column:1/-1}.progress-ring{width:130px;height:130px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at center,#fff 56%,transparent 57%),conic-gradient(var(--green) 68%,var(--mint) 0);grid-column:2;grid-row:2}.progress-ring strong{font-size:27px}.progress-ring span{color:var(--muted);font-size:10px}.milestones{grid-column:1;grid-row:2;display:grid;gap:13px}.milestone{display:grid;grid-template-columns:22px 1fr;gap:9px;align-items:center;font-size:13px}.check{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font-size:11px}.task-list,.event-list{display:grid;gap:11px}.task,.event{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:12px}.task-check{width:18px;height:18px;border:2px solid #9eb0ab;border-radius:5px}.task div,.event div{flex:1}.task strong,.event strong{display:block;font-size:13px}.task span,.event span,.update-card p,.update-card small{font-size:11px;color:var(--muted)}.due{color:#b45f36!important;font-weight:750}.date-box{width:42px;text-align:center;background:var(--cream);border-radius:9px;padding:7px 3px;color:var(--green)}.date-box b,.date-box small{display:block}.update-card{display:flex;gap:14px;background:var(--cream);border-radius:12px;padding:16px}.update-icon{width:34px;height:34px;border-radius:10px;background:var(--green);color:#fff;display:grid;place-items:center}.update-card p{margin:5px 0}.mobile-nav{display:none}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{display:none}.content{padding:25px 20px 90px}.status-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:20;padding:7px 4px env(safe-area-inset-bottom)}.mobile-nav .nav-link{display:grid;place-items:center;gap:2px;padding:5px;font-size:9px}.mobile-nav .nav-icon{font-size:17px}}@media(max-width:540px){.topbar{height:64px;padding:0 16px}.brand small{display:none}.content{padding:22px 15px 84px}.welcome{align-items:start}.welcome h1{font-size:28px}.welcome .primary{font-size:0;padding:11px}.welcome .primary:after{content:"+";font-size:20px}.status-grid{gap:9px}.status-card{padding:14px}.status-card strong{font-size:23px}.progress-panel{display:block}.progress-ring{margin:10px auto 22px}.milestones{display:grid}.panel{padding:18px}}
