:root{--bg: #eff4ea;--surface: #ffffff;--accent: #0f6a43;--accent-strong: #0b5133;--text: #1f2937;--muted: #6b7280;--danger: #b91c1c;--ring: rgba(15, 106, 67, .25);--sidebar-start: #133222;--sidebar-end: #1f6f4a;--bg-start: #d8ebc8;--bg-mid: #eff4ea;--bg-end: #f9faf7;--button-secondary: #2f855d;--button-secondary-hover: #276749;--button-danger: #dc2626;--button-danger-hover: #b91c1c;--sidebar-w: 264px;--radius: 14px;font-family:Manrope,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at 0% 0%,var(--bg-start) 0%,var(--bg-mid) 45%,var(--bg-end) 100%);color:var(--text)}.layout{position:relative;min-height:100vh}.menu-overlay{position:fixed;inset:0;border:0;background:#11182773;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:39}.layout.menu-open .menu-overlay{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(var(--sidebar-w),86vw);background:linear-gradient(180deg,var(--sidebar-start),var(--sidebar-end));color:#fff;padding:1rem .9rem;display:flex;flex-direction:column;gap:.9rem;box-shadow:8px 0 32px #00000029;transform:translate(-106%);transition:transform .2s ease;z-index:40}.sidebar.is-open{transform:translate(0)}.sidebar-header h1{margin:0;font-size:1.15rem}.sidebar-header p{margin:.4rem 0 0;color:#dbfce8;font-size:.92rem}.sidebar-nav{display:grid;gap:.35rem;overflow:auto}.sidebar-nav a{color:#d7f8e7;text-decoration:none;padding:.62rem .7rem;border-radius:10px;transition:background-color .2s ease,transform .2s ease}.sidebar-nav a:hover{background:#ffffff17;transform:translate(2px)}.sidebar-nav a.active{background:#0f5b3b}.sidebar-pwa{display:grid;gap:.45rem}.sidebar-pwa p{margin:0;color:#dbfce8;font-size:.83rem;line-height:1.35}.sidebar-actions{margin-top:auto;display:grid;gap:.6rem}.sidebar-signout{width:100%}.content{min-height:100vh}.mobile-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.7rem;padding:.75rem .9rem;background:#eff4eaf0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(17,24,39,.07)}.alert-bell{margin-left:auto;width:42px;height:42px;border:1px solid #d5dccf;border-radius:10px;background:#fff;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.alert-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:999px;padding:0 4px;background:#dc2626;color:#fff;font-size:.72rem;display:inline-flex;align-items:center;justify-content:center}.alerts-popover{position:absolute;top:calc(100% + 8px);right:.9rem;width:min(420px,calc(100vw - 1.8rem));background:#fff;border:1px solid #d7d7d7;border-radius:12px;box-shadow:0 14px 28px #00000029;padding:.75rem}.alerts-header{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.alerts-list{margin-top:.5rem;display:grid;gap:.35rem;max-height:300px;overflow:auto}.alert-item{width:100%;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;text-align:left;padding:.55rem .6rem;display:grid;gap:.15rem}.alert-item small{color:var(--muted)}.alerts-empty{margin:0;color:var(--muted)}.pwa-banner{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.65rem .9rem;background:#fff8e8;border-bottom:1px solid #f4d8a0}.menu-trigger{width:42px;height:42px;border:1px solid #d5dccf;border-radius:10px;background:#fff;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;cursor:pointer}.menu-trigger span{width:18px;height:2px;background:#111827;border-radius:999px}.mobile-topbar-copy{display:grid;line-height:1.2}.mobile-topbar-copy strong{font-size:.95rem}.mobile-topbar-copy small{color:var(--muted);font-size:.77rem}.content-inner{padding:.8rem}.content-inner>section{background:var(--surface);border-radius:var(--radius);padding:.85rem;box-shadow:0 10px 24px #1018280f}.content-inner h2{margin-top:0}.table-wrapper{width:100%;overflow-x:auto;border-radius:10px;border:1px solid #d7d7d7;background:#fff}.app-table{width:100%;border-collapse:collapse;min-width:640px}.app-table th,.app-table td{border-bottom:1px solid #e5e7eb;padding:.58rem .6rem;text-align:left;background:#fff;vertical-align:top}.app-table th{white-space:nowrap;background:#f9fafb}.form-grid{display:grid;grid-template-columns:1fr;gap:.65rem;margin:.8rem 0}.form-grid label{display:grid;gap:.25rem;font-size:.94rem}.module-stack{display:grid;gap:.9rem}.module-form-actions{grid-column:1 / -1;display:flex;gap:.55rem;flex-wrap:wrap}.module-table-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-bottom:.7rem}.module-table-header p{margin:0;color:var(--muted)}.pagination-controls{display:flex;gap:.5rem}.form-grid input,.form-grid select{width:100%;min-height:42px;border:1px solid #d4d7dc;border-radius:8px;background:#fff;color:var(--text);padding:.55rem .65rem}.form-grid input:focus,.form-grid select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--ring)}.app-button{min-height:42px;padding:.58rem .72rem;border:none;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer;font-weight:600;transition:background-color .2s ease,transform .2s ease}.app-button:hover{background:var(--accent-strong);transform:translateY(-1px)}.app-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.app-button-secondary{background:var(--button-secondary)}.app-button-secondary:hover{background:var(--button-secondary-hover)}.app-button-danger{background:var(--button-danger)}.app-button-danger:hover{background:var(--button-danger-hover)}.actions-cell{min-width:140px}.actions-row{display:flex;gap:.5rem;flex-wrap:wrap}.actions-row .app-button{flex:1 1 96px}.error{color:var(--danger)}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin:.9rem 0 1rem}.tab-actions{display:flex;gap:.5rem;margin-bottom:.8rem}.history-list{display:grid;gap:.7rem}.history-title{display:inline-flex;align-items:center;gap:.5rem}.history-title-icon{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:999px;background:#ecfdf3;font-size:1.1rem}.history-item{border:1px solid #e5e7eb;border-radius:10px;padding:.7rem;background:#fbfdf8}.history-head{display:flex;justify-content:space-between;gap:.7rem}.history-item ul{margin:.5rem 0;padding-left:1.1rem}.history-note{margin:0;color:var(--muted)}.row-highlight{outline:2px solid rgba(15,106,67,.4);outline-offset:-2px}.config-color-field{display:grid;gap:.35rem}.config-color-field span{font-size:.93rem}.config-color-field input[type=color]{width:100%;height:42px;border:1px solid #d4d7dc;border-radius:8px;background:#fff;padding:.25rem}.kpis{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kpis article{background:#fff;border-radius:10px;padding:1rem}@media(min-width:640px){.content-inner{padding:1rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.content-inner{padding:1.15rem}.content-inner>section{padding:1rem}.mobile-topbar{padding:.82rem 1.2rem}}@media(min-width:1024px){.layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr}.menu-overlay,.menu-trigger{display:none}.sidebar{position:sticky;transform:none;width:auto;height:100vh;z-index:10;box-shadow:8px 0 32px #00000014}.content{min-width:0}.content-inner{padding:1.25rem}.content-inner>section{padding:1rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.animal-summary-card{margin:10px 0 16px;padding:14px;border-radius:14px;border:1px solid #d8e2dc;background:linear-gradient(135deg,#f7fff9,#eef9f2)}.reports-stack{display:grid;gap:16px}.reports-filters{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.reports-filters label{display:grid;gap:6px;font-weight:600}.reports-filters input,.reports-filters select{border:1px solid #d5dce3;border-radius:8px;padding:8px 10px}.reports-kpi-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.reports-kpi-card{border:1px solid #dce5ec;border-radius:12px;padding:14px;background:#f8fbfd}.reports-kpi-card h3{margin:0 0 6px;font-size:.92rem;color:#4f5f6f}.reports-kpi-card strong{font-size:1.35rem;color:#1c2d3d}.reports-context{border-left:4px solid #1565c0;padding:8px 12px;background:#f4f8ff;border-radius:8px}.reports-context p{margin:4px 0}.reports-chart-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.reports-chart-card{border:1px solid #dce5ec;border-radius:12px;padding:12px;background:#fff}.reports-chart-card h3{margin:0 0 10px;font-size:.95rem;color:#36495a}