.dashboard-shell{display:grid;grid-template-columns:230px 1fr;min-height:850px;background:#f4f6f2}
.dash-sidebar{background:var(--green);color:#fff;padding:28px 20px}
.dash-sidebar .logo{display:flex;gap:10px;align-items:center;margin-bottom:35px}
.dash-sidebar .mark{width:38px;height:38px;border-radius:12px;background:var(--berry);display:grid;place-items:center;font-weight:700}
.dash-sidebar nav{display:flex;flex-direction:column;gap:7px}
.dash-sidebar button{border:0;background:transparent;color:rgba(255,255,255,.68);padding:12px 13px;border-radius:10px;text-align:left}
.dash-sidebar button.active{background:rgba(255,255,255,.12);color:#fff}
.dash-main{padding:30px}
.dash-view{display:none}.dash-view.active{display:block}
.dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}
.dash-head h2{font-size:38px;margin:4px 0}
.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.metric-row .card strong{font-size:34px;display:block}
.metric-row .card span{font-size:11px;color:var(--muted)}
.dash-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px}
.chart{height:240px;display:flex;align-items:flex-end;gap:14px;padding:25px 0 0;border-bottom:1px solid var(--line)}
.chart i{flex:1;background:linear-gradient(0deg,var(--green),#9cb092);border-radius:7px 7px 0 0}
.harvest-editor{display:grid;gap:15px}
.harvest-row{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}
.harvest-head{display:flex;align-items:center;gap:12px}
.harvest-head .emoji{font-size:35px}
.harvest-head div{flex:1}
.form-row{display:grid;grid-template-columns:.7fr .7fr 1.4fr;gap:12px;margin-top:18px}
.form-row label{font-size:10px;color:var(--muted)}
.form-row input,.form-row select{width:100%;display:block;padding:11px;border:1px solid var(--line);border-radius:9px;margin-top:5px}
.weather-card{background:#eef3ea}
.weather-main{display:flex;align-items:center;gap:15px;margin:20px 0}
.weather-main b{font-size:50px}
.weather-main strong{font-size:38px;display:block}
.weather-small{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.weather-small div{background:#fff;padding:10px;border-radius:9px}
.booking-table>div{display:grid;grid-template-columns:1.2fr .8fr .8fr .5fr;padding:14px;border-bottom:1px solid var(--line);font-size:12px}
.booking-table .head{background:#edf2eb;font-size:10px;text-transform:uppercase;color:var(--muted)}
@media(max-width:900px){.dashboard-shell{grid-template-columns:1fr}.dash-sidebar nav{flex-direction:row;overflow:auto}.metric-row,.dash-grid,.form-row{grid-template-columns:1fr}}