.fields-page { max-width: 1500px; }
.fields-intro { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin:4px 0 28px; }
.fields-intro h1 { margin:0; color:#173f2b; font:800 34px/1.15 "Manrope",sans-serif; }
.fields-intro p:last-child { margin:9px 0 0; max-width:650px; color:#68776c; }
.eyebrow { margin:0 0 8px; color:#55855f; font-size:11px; font-weight:800; letter-spacing:1px; }
.fields-layout { display:grid; grid-template-columns:minmax(260px,.85fr) minmax(0,1.5fr); align-items:start; gap:22px; }
.fields-column,.fields-forms { min-width:0; }
.fields-forms { display:grid; gap:18px; }
.section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.section-heading h2 { margin:0; color:#244332; font:750 18px/1.3 "Manrope",sans-serif; }
.section-heading p { margin:4px 0 0; color:#78877d; font-size:13px; }
.filter-control { display:flex; align-items:center; gap:8px; color:#68776c; font-size:12px; font-weight:700; }
.filter-control select { width:auto; min-width:150px; padding:8px 10px; }
.field-list { display:grid; gap:12px; }
.field-card { padding:16px; border:1px solid #dce8dc; border-radius:12px; background:rgba(255,255,255,.86); box-shadow:0 7px 22px rgba(27,67,39,.06); }
.field-card.is-selected { border-color:#438651; box-shadow:0 0 0 3px rgba(62,145,83,.12); }
.field-card.is-archived { opacity:.72; }
.field-card-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.field-card h3 { margin:0; color:#22432f; font:750 16px/1.35 "Manrope",sans-serif; overflow-wrap:anywhere; }
.field-card p { margin:7px 0; color:#69786d; font-size:13px; }
.field-meta { display:grid; grid-template-columns:1fr 1fr; gap:7px 12px; margin-top:12px; color:#596c5e; font-size:12px; }
.field-actions-inline { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.field-actions-inline button { padding:7px 10px; border:1px solid #d8e4d9; border-radius:8px; background:#f7faf5; color:#28513a; font-size:12px; font-weight:700; }
.field-actions-inline button:hover { background:#eaf4e8; }
.field-editor,.measurement-panel,.measurement-history { min-width:0; }
.field-editor .panel-heading,.measurement-panel .panel-heading { margin-bottom:18px; }
.form-grid .field-group { min-width:0; }
.area-control,.measurement-value-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(100px,.7fr); gap:8px; }
.field-actions { display:flex; gap:10px; flex-wrap:wrap; }
.measurement-list { display:grid; gap:8px; }
.measurement-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; padding:12px 0; border-top:1px solid #e4ece3; }
.measurement-row strong { display:block; color:#294333; font-size:13px; }
.measurement-row small { display:block; margin-top:4px; color:#738075; font-size:11px; }
.measurement-value { align-self:center; color:#247348; font:750 15px "Manrope",sans-serif; white-space:nowrap; }
.fields-status { padding:12px 15px; border:1px solid #cfe2cf; border-radius:9px; background:#f2f8ef; color:#2e5939; }
.fields-status.is-error { border-color:#e5c4bd; background:#fff4f1; color:#8b392c; }
.fields-empty { padding:20px 14px; border:1px dashed #cbd9cc; border-radius:10px; color:#718073; text-align:center; font-size:13px; }
.finance-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.finance-metrics > div { display:grid; gap:7px; padding:15px; border:1px solid #e0e9df; border-radius:9px; background:#f8fbf6; }
.finance-metrics small { color:#748276; font-size:11px; font-weight:700; }
.finance-metrics strong { color:#245c3a; font:800 19px/1.25 "Manrope",sans-serif; overflow-wrap:anywhere; }
.finance-metrics strong.is-loss { color:#a63e32; }
.finance-forms,.finance-lists { margin-top:18px; }
.category-add { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.category-add .secondary-button { white-space:nowrap; }
#account-menu { position:relative; }
#account-button { padding:10px 12px; border:1px solid #dce8dc; border-radius:9px; background:white; color:#294333; font-weight:700; }
#account-dropdown { position:absolute; top:calc(100% + 7px); right:0; z-index:30; display:grid; min-width:150px; padding:7px; border:1px solid #dce8dc; border-radius:9px; background:white; box-shadow:0 10px 25px #183c281c; }
#account-dropdown[hidden] { display:none; }
#account-dropdown a,#account-dropdown button { padding:9px; border:0; background:transparent; color:#294333; text-align:left; text-decoration:none; }
#account-dropdown a:hover,#account-dropdown button:hover { background:#eff6ed; }
@media (max-width:1000px) { .fields-layout { grid-template-columns:1fr; } .fields-column { order:0; } }
@media (max-width:640px) { .fields-intro { align-items:stretch; flex-direction:column; } .fields-intro .primary { width:100%; } .section-heading { align-items:flex-start; flex-direction:column; } .field-meta { grid-template-columns:1fr; } .measurement-value-row { grid-template-columns:minmax(0,1fr) minmax(90px,.8fr); } }
@media (max-width:760px) { .finance-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }