@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";
*{box-sizing:border-box}body{color:#342d2a;background:#fffaf6;margin:0;font-family:DM Sans,Noto Sans SC,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{max-width:1100px;margin:0 auto;padding:24px 20px 100px}.topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.brand{color:#c45d45;font-size:22px;font-weight:700}.muted{color:#8d8079}.card{background:#fff;border:1px solid #f1e6df;border-radius:22px;padding:20px;box-shadow:0 8px 30px #5c36230f}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.btn{color:#fff;background:#ef795e;border:0;border-radius:14px;padding:11px 16px;font-weight:600}.btn.secondary{color:#c45d45;background:#fff1eb}.btn.ghost{color:#8d8079;background:0 0}.input{background:#fff;border:1px solid #eadbd3;border-radius:12px;width:100%;padding:11px 12px}.label{color:#8d8079;margin-bottom:6px;font-size:13px;display:block}.timeline{margin-top:12px;position:relative}.timeline:before{content:"";background:#f5e4dc;width:2px;position:absolute;top:0;bottom:0;left:74px}.event{grid-template-columns:62px 24px 1fr;align-items:start;gap:12px;margin:18px 0;display:grid;position:relative}.dot{z-index:1;background:#ef795e;border:3px solid #fff;border-radius:50%;width:12px;height:12px;margin-top:5px}.event-content{background:#fff7f2;border-radius:14px;padding:12px 14px}.nav{z-index:10;background:#fff;border-top:1px solid #f0e5df;justify-content:center;gap:8px;padding:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav a{color:#8d8079;border-radius:12px;padding:8px 14px;font-size:13px;text-decoration:none}.nav a.active{color:#c45d45;background:#fff1eb;font-weight:600}.stat{color:#4b3a34;font-size:28px;font-weight:700}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.login-box{width:min(420px,100%)}.avatar{color:#c45d45;background:#ffe0d2;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:700;display:grid}@media (min-width:800px){.shell{padding-bottom:30px}.nav{background:0 0;border:0;justify-content:flex-start;margin-bottom:22px;padding:0;position:static}.nav a{font-size:14px}.timeline:before{left:94px}.event{grid-template-columns:82px 24px 1fr}}