#cattle-dashboard{font-family:'Segoe UI',system-ui,sans-serif;background:#0f1117;color:#e2e8f0;border-radius:12px;overflow:hidden;margin:0 auto}
#cattle-dashboard *{box-sizing:border-box;margin:0;padding:0}
#cattle-dashboard .cd-header{background:linear-gradient(135deg,#1a2744 0%,#0f1117 100%);border-bottom:1px solid #2d3748;padding:18px 22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
#cattle-dashboard .cd-header h2{font-size:20px;font-weight:700;color:#f7fafc;margin:0}
#cattle-dashboard .cd-header p{font-size:12px;color:#718096;margin:2px 0 0}
#cattle-dashboard .cd-badge{margin-left:auto;background:#2a4365;border:1px solid #3182ce;color:#90cdf4;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}
#cattle-dashboard .cd-controls{background:#161b2a;border-bottom:1px solid #2d3748;padding:10px 22px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
#cattle-dashboard .cd-controls label{font-size:11px;color:#a0aec0;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
#cattle-dashboard .cd-controls select,#cattle-dashboard .cd-controls button{background:#1a2744;border:1px solid #3182ce;color:#e2e8f0;padding:5px 12px;border-radius:6px;font-size:12px;cursor:pointer}
#cattle-dashboard .cd-controls button{background:#2b6cb0;font-weight:600;border:none}
#cattle-dashboard .cd-controls button:hover{background:#3182ce}
#cattle-dashboard .cd-fg{display:flex;gap:8px;align-items:center}
#cattle-dashboard .cd-stats{display:flex;gap:12px;padding:16px 22px;flex-wrap:wrap}
#cattle-dashboard .cd-stat{flex:1;min-width:140px;background:#161b2a;border:1px solid #2d3748;border-radius:10px;padding:14px;position:relative;overflow:hidden}
#cattle-dashboard .cd-stat::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
#cattle-dashboard .cd-stat.g::before{background:linear-gradient(90deg,#38a169,#68d391)}
#cattle-dashboard .cd-stat.b::before{background:linear-gradient(90deg,#3182ce,#63b3ed)}
#cattle-dashboard .cd-stat.o::before{background:linear-gradient(90deg,#dd6b20,#f6ad55)}
#cattle-dashboard .cd-stat.p::before{background:linear-gradient(90deg,#805ad5,#b794f4)}
#cattle-dashboard .cd-stat.t::before{background:linear-gradient(90deg,#319795,#81e6d9)}
#cattle-dashboard .cd-lbl{font-size:10px;color:#718096;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
#cattle-dashboard .cd-val{font-size:22px;font-weight:700;color:#f7fafc;margin:5px 0 2px}
#cattle-dashboard .cd-sub{font-size:11px;color:#a0aec0}
#cattle-dashboard .cd-chg{font-size:11px;font-weight:600}
#cattle-dashboard .cd-chg.up{color:#68d391}
#cattle-dashboard .cd-chg.dn{color:#fc8181}
#cattle-dashboard .cd-insight{background:#1a2744;border:1px solid #3182ce;border-left:4px solid #3182ce;border-radius:8px;padding:12px 16px;margin:0 22px 16px}
#cattle-dashboard .cd-ititle{font-size:11px;font-weight:700;color:#90cdf4;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
#cattle-dashboard .cd-igrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
#cattle-dashboard .cd-iitem{font-size:12px;color:#e2e8f0;padding:5px 0;border-top:1px solid #2d3748}
#cattle-dashboard .cd-iitem:first-child{border-top:none}
#cattle-dashboard .cd-iitem strong{color:#63b3ed}
#cattle-dashboard .cd-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 22px 16px}
#cattle-dashboard .cd-grid.full{grid-template-columns:1fr}
@media(max-width:768px){#cattle-dashboard .cd-grid{grid-template-columns:1fr}}
#cattle-dashboard .cd-card{background:#161b2a;border:1px solid #2d3748;border-radius:10px;padding:16px}
#cattle-dashboard .cd-ctitle{font-size:13px;font-weight:700;color:#e2e8f0;margin-bottom:3px}
#cattle-dashboard .cd-csub{font-size:11px;color:#718096;margin-bottom:14px}
#cattle-dashboard .cd-wrap{position:relative;height:240px}
#cattle-dashboard .cd-table-wrap{background:#161b2a;border:1px solid #2d3748;border-radius:10px;padding:16px;margin:0 22px 16px;overflow-x:auto}
#cattle-dashboard .cd-table-wrap h4{font-size:13px;font-weight:700;color:#e2e8f0;margin:0 0 12px}
#cattle-dashboard table{width:100%;border-collapse:collapse;font-size:11px}
#cattle-dashboard thead th{background:#1a2744;color:#90cdf4;padding:7px 9px;text-align:left;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}
#cattle-dashboard tbody tr:nth-child(even){background:#1a2336}
#cattle-dashboard tbody tr:hover{background:#2a3a5c}
#cattle-dashboard tbody td{padding:6px 9px;color:#e2e8f0;border-bottom:1px solid #2d3748;white-space:nowrap}
#cattle-dashboard .cd-footer{text-align:center;padding:14px;color:#4a5568;font-size:11px;border-top:1px solid #2d3748}
#cattle-dashboard .sb{display:inline-block;padding:1px 6px;border-radius:8px;font-size:10px;font-weight:600}
#cattle-dashboard .ss{background:#276749;color:#9ae6b4}
#cattle-dashboard .su{background:#744210;color:#faf089}
#cattle-dashboard .sf{background:#7b341e;color:#fbd38d}
#cattle-dashboard .sw{background:#2c5282;color:#bee3f8}
#cattle-dashboard .cd-spinner{display:inline-block;width:14px;height:14px;border:2px solid #3182ce;border-top-color:transparent;border-radius:50%;animation:cdspin .7s linear infinite;margin-right:6px;vertical-align:middle}
@keyframes cdspin{to{transform:rotate(360deg)}}