:root{--color-purple: #5c1fad;--color-purple-light: #7b35e8;--color-purple-dark: #3d1060;--color-purple-glow: rgba(92, 31, 173, .15);--color-gold: #d4af37;--color-gold-bg: rgba(212, 175, 55, .1);--color-black: #0a0a0a;--color-near-black: #111111;--color-card: #161616;--color-card-2: #1c1c1c;--color-border: #252525;--color-border-2: #333333;--color-text: #ffffff;--color-text-2: #bbbbbb;--color-text-3: #777777;--color-green: #22c55e;--color-green-bg: rgba(34, 197, 94, .1);--color-amber: #f59e0b;--color-amber-bg: rgba(245, 158, 11, .12);--color-red: #ef4444;--color-red-bg: rgba(239, 68, 68, .12);--color-blue: #3b82f6;--color-blue-bg: rgba(59, 130, 246, .12);--font-display: "Playfair Display", serif;--font-tagline: "Cormorant Garamond", serif;--font-body: "DM Sans", "Segoe UI", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .5);--gradient-accent: linear-gradient(90deg, var(--color-purple-dark), var(--color-purple-light), var(--color-gold));--transition-fast: all .15s ease;--transition-normal: all .2s ease;--transition-slow: all .3s ease;--status-on-track: var(--color-green);--status-close: var(--color-amber);--status-behind: var(--color-red);--status-no-data: #888888;--price-active-monthly: 399;--price-archive-yearly: 299;--price-lifetime-cattle: 4000;--price-lifetime-other: 3000;--price-vendor-annual: 9999;--vendor-commission-pct: 10}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--color-black);color:var(--color-text);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-card)}::-webkit-scrollbar-thumb{background:var(--color-border-2);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#444}:focus-visible{outline:2px solid var(--color-purple-light);outline-offset:2px}.app-sidebar{display:flex}.app-bottom-tabbar{display:none}.app-with-sidebar{margin-left:var(--sidebar-width, 56px);transition:margin-left .2s ease}@media (max-width: 768px){.app-sidebar{display:none!important}.app-bottom-tabbar{display:flex!important}.app-with-sidebar{margin-left:0!important}}.feedback-fab{bottom:24px}@media (max-width: 768px){.feedback-fab{bottom:76px}}a{color:var(--color-purple-light);text-decoration:none}a:hover{text-decoration:underline}.feed-whiteboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:start}@media (max-width: 1100px){.feed-whiteboard-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.feed-whiteboard-grid{grid-template-columns:1fr}}.feed-check-btn{min-width:64px;min-height:40px}@media (max-width: 768px){.feed-check-btn{min-width:84px;min-height:52px;font-size:14px!important}}.feeding-row{display:grid;grid-template-columns:1fr 72px 80px auto;gap:8px;margin-bottom:8px;align-items:flex-start}@media (max-width: 768px){.feeding-row{grid-template-columns:72px 1fr auto}.feeding-row-picker{grid-column:1 / -1}}