:root{color:#17211c;background:#eef2ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}.shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.rail{background:#dfe8df;border-right:1px solid #d4ded5;flex-direction:column;gap:24px;padding:24px 16px;display:flex}.brand{font-size:22px;font-weight:760}.sub,.muted,small{color:#5f6d64}nav{gap:8px;display:grid}.nav{text-align:left;cursor:pointer;color:#233129;background:0 0;border:1px solid #0000;border-radius:8px;padding:10px 12px}.nav.active{background:#fff;border-color:#c6d4c9;box-shadow:0 10px 24px #1e2d2414}main{min-width:0;padding:24px}.topbar{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}h1,h2,p{margin-top:0}h1{margin-bottom:6px;font-size:28px}h2{margin-bottom:12px;font-size:15px}.pill{white-space:nowrap;background:#f7fff9;border:1px solid #abc5b3;border-radius:999px;align-self:start;padding:8px 12px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.span2{grid-column:span 2}.panel,.phone{background:#ffffffd1;border:1px solid #d4ded5;border-radius:8px;padding:16px;box-shadow:0 14px 36px #1a2e230f}.table{gap:8px;display:grid}.row{color:#17211c;text-align:left;background:#fbfdfb;border:1px solid #d6e0d8;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;width:100%;padding:10px;display:grid}.row.selected{background:#edf8f0;border-color:#4b8061}.row span:first-child{gap:2px;display:grid}.full,.choice{color:#17211c;cursor:pointer;background:#e9f5ed;border:1px solid #b9cabd;border-radius:8px;width:100%;margin-top:8px;padding:9px 10px}.secondary,.choice{background:#fbfdfb}textarea{resize:vertical;border:1px solid #c8d5cb;border-radius:8px;width:100%;min-height:90px;padding:10px}.metric{background:#fbfdfb;border:1px solid #d6e0d8;border-radius:8px;margin-bottom:8px;padding:10px;font-size:13px}.score{color:#2f6f4c;font-size:42px;font-weight:780}.sheetPreview{background:#f8faf6;border:1px solid #cbd8ce;border-radius:8px;min-height:260px;margin-bottom:12px;position:relative;overflow:hidden}.sheetPart{color:#203629;background:#6195712e;border:2px solid #3e6d50;place-items:center;font-size:12px;display:grid;position:absolute}.p0{width:32%;height:72%;top:10%;left:7%}.p1{width:24%;height:28%;top:10%;left:43%}.p2{width:22%;height:76%;top:10%;left:70%}.mobileFrame{grid-template-columns:minmax(300px,390px) minmax(260px,1fr);align-items:start;gap:14px;display:grid}.phone{background:#f9fbf9;border-width:8px;border-radius:28px}.phoneTop{justify-content:space-between;margin-bottom:14px;display:flex}.job{border:1px solid #d6e0d8;border-radius:12px;gap:8px;margin-bottom:10px;padding:12px;display:grid}.progress{background:#dde8df;border-radius:999px;height:8px;overflow:hidden}.progress span{background:#3c7a55;height:100%;display:block}.checklist{gap:8px;margin:12px 0;display:grid}label{color:#2b3a31;font-size:13px}@media (width<=980px){.shell{grid-template-columns:1fr}.rail{padding:14px}nav{grid-template-columns:repeat(3,minmax(0,1fr))}.nav{text-align:center;padding:9px 4px;font-size:12px}main{padding:14px}.grid,.mobileFrame{grid-template-columns:1fr}.span2{grid-column:auto}.topbar{display:grid}}