:root{--mh-bg:#050907;--mh-panel:#0c130e;--mh-panel2:#101812;--mh-line:#203024;--mh-text:#f6faf7;--mh-muted:#89968c;--mh-green:#78ef42;--mh-green2:#a4f28a}*{box-sizing:border-box}.myHomePage,.myHomeSetup,.myHomeLoading{background:var(--mh-bg);min-height:100vh;color:var(--mh-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.myHomeLoading{align-content:center;place-items:center;gap:16px;display:grid}.myHomeLoading img{width:150px;height:auto}.myHomeLoading p{color:var(--mh-muted)}.myTopbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050907f2;border-bottom:1px solid #172319;position:sticky;top:0}.myTopInner{align-items:center;gap:28px;width:min(1220px,100% - 40px);height:72px;margin:auto;display:flex}.myTopInner>a img{width:135px;height:auto;display:block}.myTopInner nav{flex:1;align-items:center;gap:6px;display:flex}.myTopInner nav button,.myTopInner nav a,.signOut{color:#88958b;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 10px;font-size:11px;font-weight:800;text-decoration:none}.myTopInner nav button.active,.myTopInner nav button:hover,.myTopInner nav a:hover{color:#c8f5ba;background:#111b14}.signOut{border:1px solid #27382b}.myContainer{width:min(1180px,100% - 38px);margin:auto;padding:42px 0 80px}.homeHero{justify-content:space-between;align-items:center;gap:30px;padding:10px 0 28px;display:flex}.myEyebrow{color:#91e877;letter-spacing:.12em;font-size:9px;font-weight:900;display:block}.homeHero h1{letter-spacing:-.055em;margin:6px 0 4px;font-size:48px}.homeHero p{color:#7f8c82;margin:0;font-size:13px}.healthRing{background:radial-gradient(circle,#122117,#09100b);border:1px solid #3e6b42;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:116px;height:116px;display:flex;box-shadow:0 0 45px #51cf3c16}.healthRing b{color:var(--mh-green);font-size:30px}.healthRing span{color:#879288;font-size:9px}.myMessage{color:#b5eaa7;background:#101b13;border:1px solid #36513a;border-radius:10px;padding:11px 13px;font-size:11px}.topMessage{margin-bottom:14px}.alertGrid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px;display:grid}.weatherAlert{background:#0c130e;border:1px solid #26352a;border-radius:14px;gap:13px;padding:16px;display:flex}.weatherAlert>span{font-size:25px}.weatherAlert b{font-size:12px}.weatherAlert p{color:#909c92;margin:4px 0;font-size:11px}.weatherAlert small{color:#6f7c72;font-size:9px}.weatherAlert.high{background:#1b100c;border-color:#69402e}.weatherAlert.medium{border-color:#4d4d2c}.weatherAlert.calm{border-color:#28452d}.dashboardGrid{grid-template-columns:1.25fr .75fr;gap:15px;display:grid}.dashCard,.contentPanel{background:var(--mh-panel);border:1px solid var(--mh-line);border-radius:18px;padding:22px}.cardHead{justify-content:space-between;align-items:flex-start;display:flex}.cardHead h2,.panelTitle h2{letter-spacing:-.035em;margin:5px 0;font-size:24px}.cardHead button{color:#9ee887;cursor:pointer;background:0 0;border:0;font-size:10px;font-weight:800}.taskList{margin-top:12px}.taskRow{border-top:1px solid #18251b;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;display:flex}.taskRow b{font-size:12px;display:block}.taskRow span{color:#768379;margin-top:3px;font-size:10px;display:block}.taskRow button{color:#a8ed93;cursor:pointer;background:#122017;border:1px solid #3d6841;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:900}.homeStats{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.homeStats>div{background:#08100a;border:1px solid #19261c;border-radius:12px;padding:16px}.homeStats b{color:var(--mh-green);font-size:23px;display:block}.homeStats span{color:#738076;font-size:9px}.quickActions{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px;display:grid}.quickActions button,.quickActions a{color:inherit;text-align:left;cursor:pointer;background:#0c130e;border:1px solid #1e2d21;border-radius:15px;padding:20px;text-decoration:none}.quickActions span{font-size:24px}.quickActions b{margin:11px 0 5px;font-size:12px;display:block}.quickActions small{color:#748077;font-size:9px;line-height:1.4;display:block}.contentPanel{margin-top:5px}.panelTitle{justify-content:space-between;gap:25px;margin-bottom:22px;display:flex}.panelTitle p{color:#809086;margin:0;font-size:11px}.allTasks{gap:10px;display:grid}.maintenanceItem{background:#09100b;border:1px solid #1e2d21;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;padding:16px;display:flex}.maintenanceItem.overdue{background:#170d0a;border-color:#63372e}.maintenanceItem>div>span{color:#8ee274;text-transform:uppercase;font-size:8px;font-weight:900}.maintenanceItem h3{margin:4px 0;font-size:14px}.maintenanceItem p{color:#839087;margin:0;font-size:10px}.maintenanceItem small{color:#69766d;margin-top:7px;font-size:9px;display:block}.maintenanceItem button{color:#061006;cursor:pointer;background:#77ec41;border:0;border-radius:9px;flex:none;padding:10px 12px;font-size:10px;font-weight:900}.addBox{background:#08100a;border:1px dashed #34503a;border-radius:14px;margin-top:24px;padding:20px}.addBox h3{margin:0 0 14px;font-size:15px}.myFormGrid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.myFormGrid label{color:#aeb9b0;font-size:10px;font-weight:800;position:relative}.myFormGrid label>span{color:#68746b;font-weight:500}.myFormGrid input,.myFormGrid select{color:#eef3ef;background:#080d09;border:1px solid #27372a;border-radius:8px;outline:none;width:100%;margin-top:5px;padding:11px 12px;display:block}.myFormGrid input:focus,.myFormGrid select:focus{border-color:#5fbd45}.myFormGrid .wideField{grid-column:1/-1}.checkLabel{align-items:center;gap:7px;padding-top:20px;display:flex!important}.checkLabel input{width:auto!important;margin:0!important}.myPrimary{background:var(--mh-green);color:#061006;cursor:pointer;border:0;border-radius:9px;margin-top:15px;padding:12px 16px;font-weight:900}.yardGrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.yardCard{background:#09100b;border:1px solid #1c2b20;border-radius:14px;padding:17px}.yardCard>span{font-size:24px}.yardCard h3{margin:10px 0 3px;font-size:14px}.yardCard p{color:#7b887e;margin:0 0 9px;font-size:10px}.yardCard div{flex-wrap:wrap;gap:5px;display:flex}.yardCard b{color:#a7e794;border:1px solid #35563a;border-radius:999px;padding:4px 6px;font-size:8px}.yardCard small{color:#69756c;margin-top:9px;font-size:9px;display:block}.assetCard small+small{margin-top:4px}.timeline{margin-left:10px;position:relative}.timeline:before{content:"";background:#2b3b2e;width:1px;position:absolute;top:4px;bottom:4px;left:14px}.timeline article{gap:18px;padding:0 0 23px;display:flex;position:relative}.timelineDot{z-index:2;color:#9bea81;background:#142319;border:1px solid #456f49;border-radius:50%;flex:0 0 29px;place-items:center;width:29px;height:29px;font-size:10px;display:grid;position:relative}.timeline article span{color:#758176;font-size:9px}.timeline article h3{margin:4px 0;font-size:13px}.timeline article p{color:#77847a;font-size:10px}.empty{color:#738077;font-size:11px}.profileFab{color:#b3eda3;cursor:pointer;background:#0f1a12;border:1px solid #36523a;border-radius:999px;padding:11px 15px;font-size:10px;font-weight:800;position:fixed;bottom:24px;right:24px}.myHomeSetup header{border-bottom:1px solid #172319;justify-content:space-between;align-items:center;height:72px;padding:0 4vw;display:flex}.myHomeSetup header img{width:140px;height:auto}.myHomeSetup header button{color:#a9b3ab;background:0 0;border:1px solid #2d4131;border-radius:8px;padding:8px 10px}.setupCard{background:#0c130e;border:1px solid #203024;border-radius:20px;width:min(880px,100% - 36px);margin:60px auto;padding:32px}.setupCard h1{letter-spacing:-.05em;margin:8px 0;font-size:40px}.setupCard>p{color:#89958b;margin-bottom:24px;font-size:13px}.locationSetup{position:relative}.setupLocationMenu{z-index:20;background:#09100b;border:1px solid #304334;border-radius:9px;position:absolute;top:66px;left:0;right:0;overflow:hidden}.setupLocationMenu button{color:#e9efe9;text-align:left;background:0 0;border:0;border-bottom:1px solid #172319;justify-content:space-between;gap:10px;width:100%;padding:10px;display:flex}.setupLocationMenu button span{color:#758176;font-size:9px}.locationSetup small{color:#5f6c61;margin-top:4px;font-size:8px;display:block}@media (max-width:900px){.myTopInner nav{overflow-x:auto}.dashboardGrid{grid-template-columns:1fr}.quickActions,.yardGrid{grid-template-columns:1fr 1fr}.alertGrid{grid-template-columns:1fr}}@media (max-width:620px){.myTopInner{gap:10px;width:calc(100% - 24px)}.myTopInner nav button,.myTopInner nav a{padding:8px 7px;font-size:9px}.signOut{display:none}.myContainer{width:calc(100% - 24px);padding-top:25px}.homeHero h1{font-size:38px}.healthRing{flex-basis:90px;width:90px;height:90px}.quickActions,.yardGrid,.myFormGrid{grid-template-columns:1fr}.myFormGrid .wideField{grid-column:auto}.maintenanceItem{flex-direction:column;align-items:flex-start}.maintenanceItem button{width:100%}.setupCard{padding:22px}.setupCard h1{font-size:34px}.profileFab{bottom:14px;right:14px}}.weatherSection{margin-bottom:18px}.weatherMeta{justify-content:space-between;align-items:center;margin:0 2px 8px;display:flex}.weatherMeta small{color:#59665d;font-size:8px}.weatherSection .alertGrid{margin-bottom:0}.projectPanelTitle{align-items:flex-start}.newProjectButton{color:#071007;background:#78ef42;border-radius:9px;flex:none;padding:10px 13px;font-size:10px;font-weight:900;text-decoration:none;display:inline-flex}.savedProjectsGrid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.savedProjectCard{background:#09100b;border:1px solid #1e3022;border-radius:16px;overflow:hidden}.projectImages{background:#1a271d;grid-template-columns:1fr 1fr;gap:1px;display:grid}.projectImages figure{aspect-ratio:4/3;background:#050805;margin:0;position:relative;overflow:hidden}.projectImages figure span{z-index:2;color:#d8e2da;letter-spacing:.08em;background:#050905d9;border-radius:5px;padding:4px 6px;font-size:7px;font-weight:900;position:absolute;top:8px;left:8px}.projectImages img{object-fit:cover;width:100%;height:100%}.projectImageEmpty{aspect-ratio:4/3;color:#5f6c62;background:#0c120e;place-items:center;font-size:9px;display:grid}.savedProjectBody{padding:17px}.savedProjectBody h3{margin:6px 0;font-size:17px}.savedProjectBody>p{color:#7e8a81;margin:0;font-size:10px;line-height:1.5}.projectMeta{color:#738076;flex-wrap:wrap;gap:10px;margin-top:12px;font-size:9px;display:flex}.projectMaterialPreview{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.projectMaterialPreview span{color:#9aab9d;border:1px solid #263a2a;border-radius:999px;padding:5px 7px;font-size:8px}.noProjects{text-align:center;border:1px dashed #2c4230;border-radius:16px;grid-column:1/-1;padding:50px 20px}.noProjects>span{font-size:35px}.noProjects h3{margin:10px 0 4px;font-size:17px}.noProjects p{color:#78857b;font-size:10px}.noProjects a{color:#071007;background:#78ef42;border-radius:8px;margin-top:10px;padding:9px 12px;font-size:9px;font-weight:900;text-decoration:none;display:inline-flex}@media (max-width:820px){.savedProjectsGrid{grid-template-columns:1fr}}@media (max-width:620px){.projectPanelTitle{flex-direction:column}.newProjectButton{justify-content:center;width:100%}}.projectImages.threeImages{grid-template-columns:repeat(3,1fr)}.finishedPhotoButton{color:#a7e794;cursor:pointer;border:1px solid #35563a;border-radius:8px;margin-top:13px;padding:8px 10px;font-size:9px;font-weight:900;display:inline-flex}.finishedPhotoButton input{display:none}@media (max-width:620px){.projectImages.threeImages{grid-template-columns:1fr}.projectImages.threeImages figure{aspect-ratio:16/10}}.taskRow button:disabled,.maintenanceItem button:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.7)}.healthSummary{align-items:center;gap:14px;display:flex}.healthMeaning{max-width:230px}.healthMeaning>b{color:#c9f6bc;font-size:12px;display:block}.healthMeaning>span{color:#89968c;margin-top:4px;font-size:9px;display:block}.healthMeaning>small{color:#647168;margin-top:4px;font-size:8px;line-height:1.35;display:block}.forecastCard{background:linear-gradient(135deg,#0d1510,#09100b);border:1px solid #203024;border-radius:18px;margin-bottom:16px;padding:22px}.forecastHeader{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.forecastHeader h2{letter-spacing:-.035em;margin:5px 0 3px;font-size:24px}.forecastHeader p{color:#829086;margin:0;font-size:10px}.forecastHeader>small{color:#5d6a60;font-size:8px}.currentWeather{background:#08100a;border:1px solid #1d2c20;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:16px;display:flex}.currentWeatherMain{align-items:center;gap:13px;display:flex}.currentWeatherMain>span{font-size:34px}.currentWeatherMain b{font-size:31px;line-height:1;display:block}.currentWeatherMain small{color:#78857b;margin-top:4px;font-size:9px;display:block}.currentWeatherMeta{color:#7d8a80;flex-direction:column;align-items:flex-end;gap:4px;font-size:9px;display:flex}.forecastDays{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px;display:grid}.forecastDay{text-align:center;background:#0a110c;border:1px solid #1b2920;border-radius:12px;padding:13px 10px}.forecastDay>b{font-size:10px;display:block}.forecastIcon{margin:8px 0 4px;font-size:25px;display:block}.forecastDay>small{color:#77847a;min-height:24px;font-size:8px;display:block}.forecastTemps{justify-content:center;gap:6px;margin-top:7px;display:flex}.forecastTemps strong{font-size:13px}.forecastTemps span{color:#758176;font-size:12px}.forecastRain{color:#82a6b5;margin-top:6px;font-size:8px}.weatherError{color:#ffb9b0;background:#251310;border-radius:9px;margin-top:14px;padding:10px;font-size:10px}.healthExplainCard{background:#0a120c;border:1px solid #223425;border-radius:16px;grid-template-columns:1.3fr .7fr;align-items:center;gap:20px;margin-bottom:16px;padding:20px 22px;display:grid}.healthExplainCard h3{margin:5px 0;font-size:18px}.healthExplainCard p{color:#839087;margin:0;font-size:10px;line-height:1.55}.healthExplainCard>small{color:#657269;border-top:1px solid #17241a;grid-column:1/-1;padding-top:10px;font-size:8px;line-height:1.45}.healthBreakdown{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.healthBreakdown span{text-align:center;color:#77847a;background:#08100a;border:1px solid #213225;border-radius:10px;padding:10px 7px;font-size:8px}.healthBreakdown b{color:#a7ec92;margin-bottom:2px;font-size:16px;display:block}@media (max-width:800px){.forecastDays{grid-template-columns:repeat(5,minmax(110px,1fr));padding-bottom:5px;overflow-x:auto}.healthExplainCard{grid-template-columns:1fr}.healthExplainCard>small{grid-column:auto}}@media (max-width:620px){.healthSummary{flex-direction:column;align-items:flex-end}.healthMeaning{text-align:right}.forecastHeader,.currentWeather{flex-direction:column}.currentWeatherMeta{align-items:flex-start}}.forecastStatus{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.forecastStatus>span{color:#9ae77f;letter-spacing:.04em;font-size:8px;font-weight:900}.forecastStatus>span.inactive{color:#8a8071}.forecastStatus small{color:#5d6a60;font-size:8px}@media (max-width:620px){.forecastStatus{align-items:flex-start}}.costSummary{grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 16px;display:grid}.costSummary article{background:#09100b;border:1px solid #203024;border-radius:14px;padding:18px}.costSummary span{color:#718077;letter-spacing:.08em;font-size:8px;font-weight:900;display:block}.costSummary b{color:#c7f6b7;margin-top:6px;font-size:24px;display:block}.costList{gap:7px;margin-bottom:18px;display:grid}.costList article{background:#0a110c;border:1px solid #1e2d21;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:14px 16px;display:flex}.costList article span{color:#7fe55e;font-size:8px;font-weight:900}.costList h3{margin:3px 0;font-size:13px}.costList small{color:#738077;font-size:8px}.costList>article>b{font-size:15px}.documentGrid{gap:8px;margin-bottom:18px;display:grid}.documentGrid article{background:#0a110c;border:1px solid #203024;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px;display:grid}.documentGrid article>span{font-size:25px}.documentGrid h3{margin:2px 0;font-size:13px}.documentGrid small{color:#7fe55e;font-size:8px;font-weight:900}.documentGrid p{color:#768279;margin:0;font-size:8px}.documentGrid button{color:#dce7de;background:#0c150e;border:1px solid #36523b;border-radius:8px;padding:8px 12px;font-size:9px;font-weight:900}.timeline p{color:#78857b;margin:4px 0 0;font-size:9px}@media (max-width:650px){.costSummary{grid-template-columns:1fr}.costList article{align-items:flex-start}.documentGrid article{grid-template-columns:auto 1fr}.documentGrid button{grid-column:1/-1}}
