#farms-management-overlay { position: fixed; inset: 0; z-index: 10000; background: #f3f7fb; color: #10213f; display: grid; grid-template-columns: 226px 1fr; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
#farms-management-overlay * { box-sizing: border-box; }
#farms-management-overlay button { font: inherit; cursor: pointer; }
#farms-management-overlay .mgt-sidebar { height: 100vh; background: linear-gradient(180deg,#0e2f50,#123e69 68%,#0d2b49); color: white; padding: 20px 10px 16px; display: flex; flex-direction: column; }
#farms-management-overlay .mgt-brand { padding: 0 12px 20px; display: grid; }
#farms-management-overlay .mgt-brand strong { font-size: 28px; font-weight: 900; letter-spacing: -.7px; }
#farms-management-overlay .mgt-brand span { margin-top: 1px; font-size: 10px; opacity: .72; }
#farms-management-overlay .mgt-nav { display: grid; gap: 4px; }
#farms-management-overlay .mgt-nav button { border: 0; background: transparent; color: #e8f1fb; text-align: left; padding: 11px 13px; border-radius: 7px; }
#farms-management-overlay .mgt-nav button.active { background: #176fc2; }
#farms-management-overlay .mgt-nav button:hover { background: rgba(23,111,194,.55); }
#farms-management-overlay .mgt-sidebar-foot { margin-top: auto; border-top: 1px solid rgba(255,255,255,.12); padding: 16px 12px 0; font-weight: 800; font-size: 13px; }
#farms-management-overlay .mgt-sidebar-foot small { font-weight: 500; opacity: .68; }
#farms-management-overlay .mgt-main { min-width: 0; min-height: 100vh; overflow: auto; }
#farms-management-overlay .mgt-topbar { height: 62px; background: #103456; color: white; display: flex; align-items: center; justify-content: space-between; padding: 0 22px; gap: 20px; }
#farms-management-overlay .mgt-topbar > div:first-child { display: grid; gap: 2px; }
#farms-management-overlay .mgt-topbar span { font-size: 12px; opacity: .78; }
#farms-management-overlay .mgt-top-actions { display: flex; align-items: center; gap: 10px; }
#farms-management-overlay .mgt-top-actions button { color: white; background: transparent; border: 1px solid rgba(255,255,255,.25); border-radius: 7px; padding: 7px 10px; }
#farms-management-overlay .mgt-content { padding: 24px; }
#farms-management-overlay .mgt-loading { min-height: 70vh; display: grid; place-items: center; color: #335777; }
#farms-management-overlay .mgt-page-head { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 18px; }
#farms-management-overlay .mgt-page-head h1 { margin: 5px 0 2px; font-size: 29px; letter-spacing: -.6px; }
#farms-management-overlay .mgt-page-head p { margin: 0; color: #6b7f99; }
#farms-management-overlay .mgt-page-head button, #farms-management-overlay .mgt-card-head button, #farms-management-overlay .mgt-message button { border: 1px solid #cbd9e9; border-radius: 8px; background: white; color: #143359; padding: 9px 13px; font-weight: 650; }
#farms-management-overlay .mgt-eyebrow { color: #5b78a1; font-size: 13px; font-weight: 700; }
#farms-management-overlay .mgt-badge { display: inline-flex; padding: 5px 10px; border-radius: 999px; background: #e7f7ee; color: #12804f; font-size: 11px; font-weight: 750; }
#farms-management-overlay .mgt-badge.warning { background: #fff1cf; color: #875b08; }
#farms-management-overlay .mgt-summary-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-bottom: 15px; }
#farms-management-overlay .mgt-summary-grid article { background: white; border: 1px solid #dbe5ef; border-radius: 9px; padding: 17px; box-shadow: 0 4px 12px rgba(28,63,101,.04); display: grid; gap: 6px; }
#farms-management-overlay .mgt-summary-grid article > span { color: #526b8b; font-size: 13px; }
#farms-management-overlay .mgt-summary-grid article > strong { font-size: 22px; letter-spacing: -.4px; }
#farms-management-overlay .mgt-summary-grid article > small { color: #8393a7; }
#farms-management-overlay .mgt-grid-two { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 15px; }
#farms-management-overlay .mgt-card { background: white; border: 1px solid #dbe5ef; border-radius: 9px; overflow: hidden; margin-bottom: 15px; }
#farms-management-overlay .mgt-card-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; border-bottom: 1px solid #e4ebf3; }
#farms-management-overlay .mgt-card-head h2 { margin: 0; font-size: 18px; }
#farms-management-overlay .mgt-card-head span { color: #7b8da3; font-size: 12px; }
#farms-management-overlay .mgt-detail-list { display: grid; }
#farms-management-overlay .mgt-detail-list > div { display: flex; justify-content: space-between; gap: 16px; padding: 12px 18px; border-top: 1px solid #edf2f7; }
#farms-management-overlay .mgt-detail-list > div:first-child { border-top: 0; }
#farms-management-overlay .mgt-detail-list span { color: #6b7f99; }
#farms-management-overlay .mgt-detail-list strong { text-align: right; }
#farms-management-overlay .mgt-table-wrap { overflow: auto; }
#farms-management-overlay table { width: 100%; border-collapse: collapse; font-size: 13px; }
#farms-management-overlay th { background: #f5f8fb; color: #385574; text-align: left; padding: 10px 12px; white-space: nowrap; border-bottom: 1px solid #dae4ee; }
#farms-management-overlay td { padding: 10px 12px; border-bottom: 1px solid #e6edf4; vertical-align: top; }
#farms-management-overlay td strong, #farms-management-overlay td small { display: block; }
#farms-management-overlay td small { color: #7b8da3; margin-top: 3px; }
#farms-management-overlay .num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
#farms-management-overlay .mgt-empty { text-align: center; padding: 35px; color: #7b8da3; }
#farms-management-overlay .mgt-warning { color: #9c5f0b; }
#farms-management-overlay .mgt-message { background: white; border: 1px solid #dbe5ef; border-radius: 9px; padding: 22px; display: grid; gap: 10px; }
#farms-management-overlay .mgt-message.error { border-color: #f0b5b5; background: #fff1f1; color: #9c2f2f; }
@media (max-width: 1100px) { #farms-management-overlay .mgt-summary-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 760px) { #farms-management-overlay { display: block; } #farms-management-overlay .mgt-sidebar { position: static; height: auto; } #farms-management-overlay .mgt-nav { grid-template-columns: repeat(2,minmax(0,1fr)); } #farms-management-overlay .mgt-sidebar-foot { display: none; } #farms-management-overlay .mgt-topbar { height: auto; padding: 12px; align-items: flex-start; } #farms-management-overlay .mgt-top-actions { flex-wrap: wrap; justify-content: flex-end; } #farms-management-overlay .mgt-content { padding: 14px; } #farms-management-overlay .mgt-page-head { align-items: flex-start; flex-direction: column; } #farms-management-overlay .mgt-summary-grid, #farms-management-overlay .mgt-grid-two { grid-template-columns: 1fr; } }