@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#23332f;background:#f7f4ee;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}
.masthead{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);background:#233b34;color:#fff}
.brand{font:700 20px 'Space Grotesk',sans-serif;letter-spacing:.04em;display:flex;align-items:center;gap:9px}.brand-mark{width:42px;height:42px;object-fit:contain;flex:none}.brand-tag{font:700 10px 'DM Sans',sans-serif;letter-spacing:.16em;color:#f0d5bd;border-left:1px solid #728c80;padding-left:12px}
main{position:relative;max-width:1260px;padding:0 24px 72px;margin:auto}.construction{height:210px;background:#28473d;border-radius:0 0 30px 30px;position:relative;overflow:hidden}.grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:24px 24px}.crane-arm{position:absolute;width:41%;height:5px;right:3%;top:31px;background:#e6b864;transform:skewY(-6deg)}.crane-line{position:absolute;width:3px;height:70px;right:29%;top:31px;background:#e6b864;animation:rope 3s ease-in-out infinite alternate}.lifted-brick{position:absolute;width:57px;height:25px;right:calc(29% - 27px);top:96px;background:#d46b47;border-radius:3px;box-shadow:inset 0 -4px #b65339;animation:brick 3s ease-in-out infinite alternate}.wall-bricks{position:absolute;right:0;bottom:0;width:52%;height:90px;background:repeating-linear-gradient(0deg,transparent 0 22px,#28473d 22px 27px),repeating-linear-gradient(90deg,#cd6849 0 65px,#28473d 65px 70px);mask-image:linear-gradient(90deg,transparent,#000 25%)}@keyframes rope{to{height:105px}}@keyframes brick{to{top:131px}}
.intro{max-width:610px;margin:-148px 0 80px 40px;position:relative;color:#fff;pointer-events:none}.intro h1{font:700 clamp(34px,5vw,62px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:7px 0 20px}.intro p:last-child{color:#e6dcd0;font-size:17px;line-height:1.6;margin:0}.eyebrow{color:#bd573b;letter-spacing:.15em;font-size:11px;font-weight:700;margin:0 0 10px}.intro .eyebrow{color:#e6b864}.panel{background:#fff;border:1px solid #e5e0d7;border-radius:20px;padding:24px;box-shadow:0 8px 30px #263d3209}.auth-panel{max-width:470px;margin:auto}.panel h2,.panel h3,.section-heading h2{font-family:'Space Grotesk',sans-serif;margin:0 0 10px}.panel h4{margin:12px 0 0}.subtle,.fineprint{color:#6a746d;line-height:1.55}.fineprint{font-size:12px}label{display:block;font-size:13px;font-weight:700;color:#3c4a43}label input,label select{display:block;margin-top:8px;width:100%;height:46px;padding:10px 12px;border:1px solid #cbcfc6;border-radius:10px;background:#fcfbf8;color:#20342d}input:focus,select:focus{outline:2px solid #e1a789;outline-offset:1px}.inline{display:flex;align-items:center;gap:7px;margin:12px 0;font-weight:500}.inline input{width:auto;height:auto;margin:0}.auth-panel>label:not(.inline){margin-top:16px}.primary-button{border:0;border-radius:11px;background:#bd573b;color:white;padding:13px 20px;font-weight:700;box-shadow:0 4px 0 #93422e}.primary-button:hover{background:#a94a31}.primary-button:disabled{opacity:.55;cursor:wait}.auth-panel .primary-button{width:100%;margin-top:12px}.link-button{border:0;background:none;color:#bd573b;font-weight:700;padding:8px}.masthead .link-button{color:#fff}.message{max-width:770px;margin:0 auto 18px;padding:14px 18px;border-radius:12px;background:#dcebe2;color:#23533d}.message.error{background:#fae3dc;color:#943d31}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.badge{background:#ebdfc4;color:#61420e;border-radius:40px;font-size:11px;font-weight:700;letter-spacing:.06em;padding:8px 12px}.workspace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.stack{display:grid;gap:12px}.stack:not(:empty)+form{margin-top:22px;padding-top:20px;border-top:1px solid #eee8df}.choice{display:block;width:100%;text-align:left;background:#faf7f1;border:1px solid #e6dfd2;border-radius:13px;padding:14px;color:#263b32}.choice strong,.choice small{display:block}.choice small{margin-top:4px;color:#69736c}.choice.active{border-color:#c26b47;background:#fcf0e8}.progress-panel{margin-top:18px}.summary{font-size:15px;font-weight:700;color:#2d5048;margin:8px 0 18px}.task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.task{background:#fbf8f3;border:1px solid #e7e1d7;border-radius:15px;padding:16px;cursor:pointer}.task .eyebrow{margin:0 0 5px}.task strong{display:block;min-height:42px}.task small{color:#66736b}progress{width:100%;height:9px;accent-color:#bd573b;margin:14px 0 8px}.timeline{margin-top:25px;display:grid;gap:12px}.event{border-left:3px solid #c86949;padding:12px 16px;background:#faf7f1;border-radius:0 12px 12px 0}.event p{margin:8px 0}.event small{color:#6a746d}.photo-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.photo-grid img{width:130px;height:105px;object-fit:cover;border-radius:9px;background:#eee}#import-panel{margin-top:18px}footer{padding:30px;text-align:center;font-size:11px;letter-spacing:.12em;color:#8b9189}footer span{padding:0 10px;color:#be6146}[hidden]{display:none!important}
@media(max-width:850px){.workspace-grid{grid-template-columns:1fr 1fr}.task-grid{grid-template-columns:1fr 1fr}.intro{margin-left:24px}}@media(max-width:600px){main{padding:0 14px 50px}.construction{height:230px}.intro{margin:-170px 20px 78px}.intro h1{font-size:39px}.workspace-grid,.task-grid{grid-template-columns:1fr}.panel{padding:20px}.brand-tag{display:none}}
.construction{height:260px}
.intro{margin-top:-198px}
@media(max-width:600px){.construction{height:320px}.intro{margin-top:-260px}}
.import-site{display:inline-block;margin:6px 0 18px;padding:9px 13px;border-radius:999px;background:#e8f3ec;color:#2c5b47;font-size:13px;font-weight:700}
.import-form{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-bottom:14px}.import-form label{flex:1 1 260px}.import-form input{height:auto;min-height:46px;padding:10px;background:#fcfbf8}.import-form button{flex:0 0 auto}
.import-preview{margin:20px 0 14px}.import-preview h4{font-family:'Space Grotesk',sans-serif;font-size:18px;margin:0 0 10px}.import-summary{font-weight:700;color:#294c41}.import-rows{display:grid;gap:8px;max-height:420px;overflow:auto}.import-row{display:grid;grid-template-columns:84px minmax(180px,1fr) minmax(130px,.7fr);align-items:center;gap:12px;padding:11px 13px;border:1px solid #e6dfd2;border-radius:11px;background:#fbf8f3}.import-row strong{overflow-wrap:anywhere}.import-row small{color:#68756c}.import-action{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.import-action.added{color:#1c7659}.import-action.changed{color:#b65d39}
@media(max-width:600px){.import-row{grid-template-columns:75px 1fr}.import-row small{grid-column:2}.import-form button{width:100%}}
.report-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 20px}.metric{background:#f7f4ee;border:1px solid #e8e1d5;border-radius:14px;padding:14px}.metric strong{display:block;color:#bd573b;font:700 25px 'Space Grotesk',sans-serif}.metric span{display:block;color:#596960;font-size:12px;margin-top:3px}.resources-panel{margin-top:18px}.resource-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.resource-columns h4{margin:6px 0 13px;font-family:'Space Grotesk',sans-serif}.resource-record{border-left:3px solid #d87651;background:#faf7f1;border-radius:0 10px 10px 0;padding:10px 13px}.resource-record strong,.resource-record small{display:block}.resource-record small{margin-top:4px;color:#65736a}
@media(max-width:700px){.metrics{grid-template-columns:1fr 1fr}.resource-columns{grid-template-columns:1fr}}
.event strong,.event small{display:block}.event small{margin-top:6px;line-height:1.5}