:root{--navy:#0d1b3d;--yellow:#f4c300;--blue:#003da5;--red:#ce1126;--green:#2e7d32;--gray:#6b6b6b;--bg:#f4f6f8;--surface:#fff;--ink:#14213d;--muted:#6c7688;--line:#e3e7ed;--soft:#f8fafc;--warn:#9a6500;--warnbg:#fff4d6;--danger:#a61b2b;--dangerbg:#fde9ec;--success:#216b34;--successbg:#e9f6ec;--radius:18px;--shadow:0 8px 24px #0d1b3d14}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.flag{border-radius:20px;height:4px;margin-bottom:14px;display:flex;overflow:hidden}.flag i{flex:1}.flag i:first-child{background:var(--yellow)}.flag i:nth-child(2){background:var(--blue)}.flag i:nth-child(3){background:var(--red)}.eyebrow{letter-spacing:.13em;color:var(--blue);text-transform:uppercase;font-size:10px;font-weight:850}.login-wrap{background:#fff;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);min-height:100vh;display:grid}.login-hero{background:linear-gradient(145deg, var(--navy), #102a62);justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.login-hero:before,.login-hero:after{content:"";border:1px solid #ffffff17;border-radius:50%;position:absolute}.login-hero:before{width:620px;height:620px}.login-hero:after{width:430px;height:430px}.login-hero img{z-index:2;border-radius:24px;width:min(520px,88%);height:auto;position:relative;box-shadow:0 28px 60px #00000047}.login-side{justify-content:center;align-items:center;padding:36px;display:flex}.login-card{width:100%;max-width:430px}.login-card h1{margin:7px 0 0;font-size:30px;line-height:1.12}.login-card>p{color:var(--muted);margin:9px 0 24px;line-height:1.55}.field{margin-bottom:14px}.field label,.weight-form label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:750;display:block}.field input,.field select,.filterbar input,.filterbar select,.top-select,.weight-form input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:11px 12px}.field input:focus,.field select:focus,.filterbar input:focus,.filterbar select:focus,.top-select:focus,.weight-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #003da514}.btn{border:0;border-radius:12px;padding:11px 15px;font-weight:750}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:#002f80}.btn-secondary{color:var(--navy);background:#edf1f6}.btn-outline{color:var(--navy);border:1px solid var(--line);background:#fff}.btn-full{width:100%}.text-button{color:var(--blue);background:0 0;border:0;padding:13px 0 4px;font-weight:750}.login-foot{color:var(--muted);border-top:1px solid var(--line);margin-top:24px;padding-top:14px;font-size:10px;line-height:1.5}.message{border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:13px}.message-error{background:var(--dangerbg);color:var(--danger);border:1px solid #f5c8cf}.message-success{background:var(--successbg);color:var(--success);border:1px solid #c7e8cf}.app{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;z-index:40;flex-direction:column;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;box-shadow:6px 0 22px #0d1b3d1f}.brand{padding:3px 6px 17px}.brand img{border-radius:14px;width:100%;max-width:208px;height:auto;display:block}.brand-sub{letter-spacing:.14em;color:#c9d3e5;text-transform:uppercase;margin:9px 5px 0;font-size:10px}.nav{flex-direction:column;gap:5px;margin-top:6px;display:flex}.nav button{color:#d8dfeb;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;padding:11px 12px;font-weight:650;display:flex}.nav button:hover:not(:disabled){color:#fff;background:#ffffff12}.nav button.active{color:var(--navy);background:#fff;box-shadow:0 7px 20px #0000001f}.nav .ico{text-align:center;width:22px}.sidebar-footer{color:#c6cfde;border-top:1px solid #ffffff21;margin-top:auto;padding:13px 8px 4px;font-size:11px}.sidebar-footer .flag{margin-bottom:10px}.main{min-width:0}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:30;background:#fffffff5;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:10px 26px;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:18px}.top-sub{color:var(--muted);font-size:10px}.top-actions{align-items:center;gap:11px;display:flex}.top-select{min-width:230px;padding:9px 11px}.avatar{background:var(--navy);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;display:flex}.user-pop{align-items:center;gap:9px;display:flex}.user-text{text-align:right;color:var(--muted);font-size:10px}.user-text b{color:var(--ink);text-overflow:ellipsis;max-width:210px;font-size:11px;display:block;overflow:hidden}.logout-btn{color:var(--navy);background:#edf1f6;border:0;border-radius:10px;padding:9px 11px;font-weight:700}.content{max-width:1600px;margin:auto;padding:24px 26px 38px}.notice{color:#284368;background:#eef4ff;border:1px solid #cfddf6;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:11px 14px;font-size:12px;line-height:1.45;display:flex}.notice .status{background:var(--navy);color:#fff;white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.page-head h2{margin:0;font-size:26px}.page-head p{color:var(--muted);margin:5px 0 0;font-size:13px}.button-group{flex-wrap:wrap;gap:9px;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.kpis{grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;margin-bottom:18px;display:grid}.kpi{border-top:3px solid #0000;padding:16px}.kpi:first-child{border-top-color:var(--navy)}.kpi:nth-child(2){border-top-color:var(--red)}.kpi:nth-child(3){border-top-color:var(--blue)}.kpi:nth-child(4){border-top-color:var(--green)}.kpi:nth-child(5){border-top-color:var(--yellow)}.kpi:nth-child(6){border-top-color:var(--gray)}.kpi .label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:11px;font-weight:750}.kpi .value{color:var(--navy);margin:7px 0 3px;font-size:28px;font-weight:850}.kpi .meta{color:var(--muted);font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);gap:16px;display:grid}.section{padding:17px}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.section-title h3{margin:0;font-size:15px}.section-title span{color:var(--muted);font-size:11px}.farm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.farm-item{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.farm-item:hover,.farm-item.selected{background:#f6f9ff;border-color:#a9bde5}.farm-item>span:first-child{display:grid}.farm-name{font-size:12px;font-weight:750}.farm-type{color:var(--muted);text-transform:uppercase;margin-top:2px;font-size:9px}.farm-count{color:var(--navy);font-size:20px;font-weight:850}.timeline{flex-direction:column;display:flex}.timeline-item{border:0;border-bottom:1px solid var(--line);text-align:left;color:var(--ink);background:0 0;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:10px 0;display:grid}.timeline-item:last-child{border-bottom:0}.timeline-dot{width:26px;height:26px;color:var(--blue);background:#edf3ff;border-radius:9px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.timeline-title{font-size:12px;font-weight:750;display:block}.timeline-meta{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.4;display:block}.alert{border:1px solid var(--line);border-radius:12px;margin-bottom:8px;padding:11px 12px}.alert:last-child{margin-bottom:0}.alert.warning{background:var(--warnbg);border-color:#f1d696}.alert.danger{background:var(--dangerbg);border-color:#f1cbd1}.alert.info{background:#eef4ff;border-color:#d1ddf4}.alert-title{font-size:11px;font-weight:800}.alert-message{margin-top:3px;font-size:11px;line-height:1.45}.quick-link{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:#fff;border-radius:13px;grid-template-columns:30px 1fr 18px;align-items:center;gap:9px;margin-bottom:9px;padding:12px;display:grid}.quick-link:hover{background:#f8fbff;border-color:#cad8ef}.quick-link span:nth-child(2){display:grid}.quick-link b{font-size:12px}.quick-link small{color:var(--muted);margin-top:2px;font-size:10px}.quick-link strong{color:var(--blue);font-size:22px}.filterbar{grid-template-columns:minmax(260px,1.5fr) minmax(190px,.6fr) 120px;align-items:center;gap:9px;margin-bottom:13px;padding:14px;display:grid}.filterbar input,.filterbar select{padding:10px 11px;font-size:12px}.filter-stat{text-align:right;display:grid}.filter-stat b{color:var(--navy);font-size:18px}.filter-stat span{text-transform:uppercase;color:var(--muted);font-size:9px}.table-card{overflow:hidden}.table-wrap{overflow:auto}.animal-table{border-collapse:collapse;width:100%;min-width:980px;font-size:12px}.animal-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:left;border-bottom:1px solid var(--line);background:#f5f7fa;padding:10px 11px;font-size:9px;position:sticky;top:0}.animal-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:11px}.animal-table tbody tr{cursor:pointer}.animal-table tbody tr:hover{background:#f8fbff}.animal-main{color:var(--navy);font-weight:800}.animal-sub{color:var(--muted);margin-top:2px;font-size:9px;display:block}.badge{white-space:nowrap;border-radius:999px;align-items:center;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.badge.good{background:var(--successbg);color:var(--success)}.badge.warn{background:var(--warnbg);color:var(--warn)}.badge.danger{background:var(--dangerbg);color:var(--danger)}.badge.neutral{color:#506078;background:#edf1f6}.badge.blue{color:var(--blue);background:#eaf1ff}.mobile-cards{display:none}.pager{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;font-size:11px;display:flex}.pager>div{gap:7px;display:flex}.detail-overlay{z-index:1000;background:#0d1b3d7a;justify-content:flex-end;display:flex;position:fixed;inset:0}.detail-panel{background:var(--bg);width:min(970px,100%);height:100%;overflow-y:auto;box-shadow:-12px 0 45px #0003}.detail-head{background:var(--navy);color:#fff;z-index:6;padding:20px 22px;position:sticky;top:0}.detail-head-row{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.detail-title{margin:0;font-size:24px}.detail-sub{color:#cbd6e8;margin-top:5px;font-size:11px}.detail-badges{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.close-btn{color:var(--navy);background:#fff;border:0;border-radius:11px;padding:9px 12px;font-weight:800}.quick-actions{border-bottom:1px solid var(--line);z-index:5;background:#fff;flex-wrap:wrap;align-items:center;gap:8px;padding:13px 20px;display:flex;position:sticky;top:112px}.quick-note{color:var(--muted);font-size:10px;font-weight:700}.tabs{gap:6px;padding:14px 20px 0;display:flex;overflow-x:auto}.tab{white-space:nowrap;color:#3f4d63;background:#e9eef5;border:0;border-radius:10px;padding:9px 11px;font-size:11px;font-weight:750}.tab.active{background:var(--blue);color:#fff}.detail-content{padding:15px 20px 30px}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px;display:grid}.detail-metric{padding:13px}.detail-metric .label{text-transform:uppercase;color:var(--muted);font-size:9px;font-weight:750}.detail-metric .value{margin-top:5px;font-size:18px;font-weight:850}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.info-card{padding:15px}.info-card h4{color:var(--navy);margin:0 0 11px;font-size:13px}.kv{border-bottom:1px solid #edf0f4;grid-template-columns:130px minmax(0,1fr);gap:9px;padding:7px 0;font-size:11px;display:grid}.kv:last-child{border-bottom:0}.kv .k{color:var(--muted)}.kv .v{word-break:break-word;font-weight:650}.admin-card{border-left:4px solid var(--green);grid-template-columns:1fr minmax(300px,.65fr);align-items:end;gap:20px;margin-top:13px;padding:18px;display:grid}.admin-card h3{margin:4px 0;font-size:18px}.admin-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.weight-form{grid-template-columns:1fr auto;align-items:end;gap:9px;display:grid}.weight-form label{margin:0}.weight-form input{margin-top:6px}.weight-form button{min-width:150px}.empty{text-align:center;color:var(--muted);padding:25px 12px;font-size:12px}@media (max-width:1180px){.kpis{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.app{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding:14px 9px}.brand img{border-radius:12px;width:52px;height:auto;margin:0 auto}.brand-sub,.nav button span.txt,.sidebar-footer b{display:none}.nav button{justify-content:center;padding:12px}.nav .ico{width:auto}.topbar{padding:10px 14px}.user-text{display:none}.content{padding:17px 14px 30px}.filterbar{grid-template-columns:1fr 1fr}.filterbar .searchbox{grid-column:1/-1}.filter-stat{text-align:left}.farm-grid{grid-template-columns:1fr 1fr}.admin-card{grid-template-columns:1fr}}@media (max-width:640px){.login-wrap{display:block}.login-hero{display:none}.login-side{min-height:100vh;padding:24px}.app{display:block}.sidebar{z-index:90;width:100%;height:68px;padding:6px 8px;display:block;position:fixed;top:auto;bottom:0}.brand,.sidebar-footer{display:none}.nav{grid-template-columns:repeat(5,1fr);gap:2px;margin:0;display:grid}.nav button{flex-direction:column;gap:2px;padding:8px 3px;font-size:8px;display:flex}.nav button:nth-child(n+6){display:none}.nav button span.txt{display:block}.nav .ico{font-size:17px}.topbar{flex-direction:column;align-items:flex-start;height:auto;min-height:64px;padding:10px 12px}.topbar h1{font-size:15px}.top-actions{width:100%}.top-select{flex:1;min-width:0}.user-pop{display:none}.content{padding:14px 10px 88px}.notice{align-items:flex-start}.notice .status{display:none}.page-head{display:block}.page-head .button-group{margin-top:10px}.kpis{grid-template-columns:repeat(2,1fr);gap:8px}.kpi{padding:12px}.kpi .value{font-size:23px}.farm-grid{grid-template-columns:1fr}.filterbar{grid-template-columns:1fr;padding:10px}.filterbar .searchbox{grid-column:auto}.filter-stat{text-align:left}.table-wrap{display:none}.mobile-cards{gap:9px;padding:9px;display:grid}.animal-mobile{border:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:#fff;border-radius:13px;padding:13px;display:block}.animal-mobile-top{justify-content:space-between;gap:10px;display:flex}.animal-mobile-title{color:var(--navy);font-weight:850;display:block}.animal-mobile-meta{color:var(--muted);margin-top:7px;font-size:10px;line-height:1.55;display:block}.detail-panel{width:100%}.detail-head{padding:15px}.detail-title{font-size:20px}.quick-actions{padding:10px;position:relative;top:auto}.tabs{padding:10px 10px 0}.detail-content{padding:12px 10px 25px}.detail-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}.kv{grid-template-columns:105px 1fr}.admin-card,.weight-form{grid-template-columns:1fr}.weight-form button{width:100%}}