@charset "UTF-8";
:root{--green:#245a48;--green-deep:#1b4939;--green-soft:#e5efe9;--mint:#90c6aa;--cream:#f5f5f0;--paper:#fff;--ink:#1e2b25;--muted:#758078;--line:#e7eae5;--amber:#cf8b39;--amber-soft:#fff4e6;--red:#b8564b;--red-soft:#fbefed;--blue:#547b91;--shadow:0 10px 32px rgba(31,54,43,.055);--radius:20px}
*{box-sizing:border-box}html{min-height:100%;background:var(--cream);scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:var(--cream);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(69,135,106,.25);outline-offset:2px}
.app-shell{min-height:100vh;display:flex;direction:rtl}.sidebar{width:238px;min-height:100vh;background:#fbfcf8;border-left:1px solid var(--line);padding:26px 17px 20px;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh}
.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.brand-mark{height:42px;width:42px;border-radius:15px;background:var(--green);color:#f9f4dd;display:flex;align-items:center;justify-content:center;font-weight:900;position:relative;box-shadow:0 7px 16px #245a4824}.brand-face{font-family:Tahoma,Arial,sans-serif;font-size:23px;line-height:1}.brand-horn{font-size:19px;position:absolute;top:7px;color:#eac981}.brand-horn:first-child{right:4px}.brand-horn:last-child{left:4px}.brand strong{font-size:17px;display:block;line-height:1.2;letter-spacing:-.3px}.brand small{font-size:11px;color:#8b958e}
.side-caption{padding:8px 12px;color:#a0a8a2;font-size:10px;font-weight:700;letter-spacing:.08em}.side-nav{display:grid;gap:5px}.nav-link{height:44px;border:0;border-radius:12px;background:transparent;display:flex;align-items:center;gap:12px;text-align:right;padding:0 13px;color:#68736b;font-size:13px;transition:.18s}.nav-link:hover{background:#f1f5f0;color:var(--green)}.nav-link.active{background:#eaf1eb;color:var(--green);font-weight:700}.nav-icon{width:20px;text-align:center;font-size:19px;line-height:1;color:currentColor}.nav-count{margin-right:auto;background:white;border:1px solid #e5ebe4;color:#647168;border-radius:8px;padding:1px 7px;font-size:10px}.sidebar-bottom{margin-top:auto;display:grid;gap:9px}.offline-card{display:flex;align-items:center;gap:10px;padding:12px 11px;background:#f1f6f1;border-radius:13px;margin:0 2px}.online-dot,.today-dot{height:8px;width:8px;background:#58a77c;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #58a77c1b}.offline-card strong{display:block;font-size:11px}.offline-card small{font-size:10px;color:#829087}
.main-shell{min-width:0;flex:1}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,58px);border-bottom:1px solid #e9ece6;background:rgba(249,250,246,.82);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.topbar-title{display:flex;align-items:center;gap:10px}.topbar h1{font-size:19px;margin:0;font-weight:750;letter-spacing:-.3px}.eyebrow{font-size:10px;color:#8a948c;margin-bottom:1px}.topbar-actions{display:flex;gap:11px;align-items:center}.today-pill{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e8ebe6;padding:7px 11px;border-radius:99px;color:#707a72;font-size:11px}.today-dot{width:6px;height:6px;box-shadow:none}
.primary-button,.outline-button,.danger-button{border:0;border-radius:12px;padding:10px 15px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:700;transition:transform .15s,background .15s;white-space:nowrap}.primary-button{background:var(--green);color:white;box-shadow:0 5px 12px #245a481a}.primary-button:hover{background:var(--green-deep);transform:translateY(-1px)}.plus{font-size:17px;font-weight:400;line-height:1}.outline-button{background:white;color:var(--green);border:1px solid #dce6dd}.outline-button:hover{background:#f4f8f4}.danger-button{background:#fff2f0;color:var(--red);border:1px solid #f0d6d2}.icon-button{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);color:#768077;background:#fff;display:grid;place-items:center}.icon-button:hover{color:var(--green);background:#f4f8f3}.icon-button svg,.search-box svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mobile-brand{display:none}
.content{max-width:1320px;margin:0 auto;padding:31px clamp(22px,4vw,58px) 52px}.page{display:none;animation:fade-in .22s ease}.page.active{display:block}@keyframes fade-in{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}
.source-banner{background:#f0f7f1;border:1px solid #dceadd;border-radius:15px;padding:12px 15px;margin-bottom:17px;display:flex;align-items:center;gap:11px;color:#55745e}.source-banner[hidden]{display:none}.banner-mark{height:26px;width:26px;border-radius:9px;background:#dceee0;color:#427551;font-weight:800;display:grid;place-items:center;flex-shrink:0}.source-banner strong,.source-banner span{display:block}.source-banner strong{font-size:11px}.source-banner span{font-size:10px;color:#718979}.banner-link{margin-right:auto;color:var(--green);border:0;background:transparent;font-size:10px;font-weight:700;white-space:nowrap}
.hero-card{min-height:256px;background:linear-gradient(112deg,#1d4e3d,#2d6a52 68%,#35745b);border-radius:24px;padding:28px 32px;color:#f9fbf7;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 28px #1746321c}.hero-copy{position:relative;z-index:2;width:52%}.hero-eyebrow{font-size:10px;color:#c1d8ca;display:flex;gap:8px;align-items:center;letter-spacing:.03em}.live-pulse{width:7px;height:7px;border-radius:50%;background:#a2d49a;box-shadow:0 0 0 4px #a2d49a24}.hero-card h2{font-size:21px;line-height:1.8;margin:11px 0 2px;font-weight:450;color:#e5eee8}.hero-card h2 strong{font-size:38px;font-weight:760;color:white;line-height:1}.hero-card h2 span{font-size:14px;color:#c7dbce}.hero-card p{font-size:11px;color:#bdd3c5;margin:4px 0 16px}.hero-button{background:#fff;color:#285d47;border:0;border-radius:10px;padding:8px 13px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:14px}.hero-button span{font-size:15px}
.hero-art{display:flex;align-items:center;justify-content:flex-end;gap:27px;position:relative;z-index:1;width:48%;padding-left:4%}.herd-ring{width:156px;height:156px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#a2d5ad 0deg,#88b99a 235deg,#e9c983 288deg,#ccd8c8 320deg,#a2d5ad 360deg);position:relative;box-shadow:0 0 0 12px #ffffff0c}.herd-ring:before{content:"";width:121px;height:121px;border-radius:50%;background:#235641;position:absolute}.ring-center{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;color:#c6ddce;font-size:9px}.ring-number{font-size:28px;line-height:1.2;font-weight:750;color:white}.ring-legend{min-width:116px;display:grid;gap:11px;color:#e3eee6;font-size:10px}.ring-legend>div{display:flex;align-items:center;gap:7px}.ring-legend b{margin-right:auto;color:white;font-size:11px}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.legend-dot.sheep{background:#a4d4ae}.legend-dot.goat{background:#e9c983}.legend-dot.unknown{background:#c3d1c4}.art-orbit{position:absolute;border:1px solid #ffffff0c;border-radius:50%}.orbit-one{width:410px;height:410px;right:34%;top:-102px}.orbit-two{width:310px;height:310px;right:41%;top:-52px}.hero-decoration{position:absolute;left:0;bottom:-87px;font-size:255px;line-height:1;font-weight:900;color:#ffffff05;pointer-events:none}
.section-heading,.panel-heading{display:flex;align-items:end;justify-content:space-between}.section-heading{margin:27px 1px 13px}.section-heading h2,.panel-heading h2,.page-intro h2{margin:1px 0 0;font-size:16px;letter-spacing:-.25px}.section-kicker{display:block;font-size:9px;color:#929b92;font-weight:700;letter-spacing:.04em}.period-label,.chart-caption{font-size:10px;color:#9aa29b}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{background:var(--paper);border:1px solid #eaede8;border-radius:16px;padding:16px 16px 13px;min-height:132px;box-shadow:0 3px 12px #1a34240a}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-icon{height:29px;width:29px;border-radius:10px;display:grid;place-items:center;font-size:15px;font-weight:700}.births-card .stat-icon{background:#eaf4ec;color:#5b946b}.deaths-card .stat-icon{background:#f9eded;color:#bf706b}.sales-card .stat-icon{background:#edf3f7;color:#5c839b}.unknown-card .stat-icon{background:#f4f1e8;color:#a58348}.stat-caption{font-size:10px;color:#7e8980}.stat-number{display:block;font-size:27px;line-height:1.25;margin:9px 0 4px;font-weight:750;letter-spacing:-.5px}.stat-bottom{display:flex;align-items:center;justify-content:space-between;color:#98a098;font-size:9px}.stat-trend{color:#6da47a;font-size:14px}.stat-trend.muted{color:#d68c86}.text-action{border:0;background:transparent;color:var(--green);font-size:10px;font-weight:700;padding:3px}.text-action:hover{text-decoration:underline}
.content-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:14px;margin-top:15px}.panel{background:white;border:1px solid #eaede8;border-radius:18px;padding:19px;box-shadow:0 3px 14px #1a342408;min-width:0}.panel-heading{align-items:center;margin-bottom:15px}.panel-heading h2{font-size:14px}.activity-list{display:grid}.activity-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f0f2ee}.activity-row:first-child{border-top:0;padding-top:2px}.activity-icon{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;font-size:14px;font-weight:700}.event-birth .activity-icon,.event-intake .activity-icon{background:#eaf4ec;color:#5b946b}.event-death .activity-icon,.event-loss .activity-icon{background:#f9eded;color:#bd706a}.event-sale .activity-icon{background:#edf3f7;color:#5c839b}.event-slaughtered .activity-icon,.event-removed .activity-icon{background:#f4f1e8;color:#a58348}.activity-title{font-size:10px;font-weight:700;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-sub{display:block;font-size:9px;color:#939c94;margin-top:2px}.activity-date{font-size:9px;color:#9aa29b;white-space:nowrap}.empty-state{text-align:center;color:#909b92;padding:23px 10px;font-size:11px}.empty-state strong{display:block;color:#59665c;margin-bottom:4px;font-size:12px}
.bar-chart{height:175px;display:flex;align-items:end;justify-content:space-around;gap:10px;padding:15px 6px 1px;border-bottom:1px solid #edf0eb}.chart-month{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:7px;min-width:22px}.month-bars{height:126px;width:100%;display:flex;align-items:end;justify-content:center;gap:3px}.month-bar{width:min(16px,37%);min-height:2px;border-radius:5px 5px 2px 2px;background:#8dbf97;position:relative;transition:height .3s}.month-bar:hover:after{content:attr(data-value);position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-size:9px;color:#536e59}.month-label{font-size:8px;color:#9ba39b;white-space:nowrap}.chart-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:#9ba39b;font-size:9px}.chart-foot>span:first-child{display:flex;align-items:center;gap:5px;color:#69776d}
.quick-actions{background:#eef3ed;border:1px solid #e4ebe3;border-radius:18px;padding:17px 19px;margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:18px}.quick-copy{min-width:155px}.quick-copy h2{font-size:14px;margin:0}.quick-copy p{font-size:9px;color:#8b958c;margin:2px 0 0}.quick-buttons{display:flex;gap:9px;flex-wrap:wrap}.quick-button{display:flex;align-items:center;gap:9px;border:1px solid #e4eae3;background:white;border-radius:12px;padding:8px 10px;color:#536158;font-size:10px;min-width:126px}.quick-button:hover{border-color:#bdd1c0;background:#fbfdfb}.quick-icon{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;font-size:13px}.birth-icon{color:#5c9469;background:#eaf4ec}.death-icon{color:#bc716c;background:#f9eded}.sale-icon{color:#62839a;background:#edf3f7}.quick-button b{margin-right:auto;color:#9ca69d;font-size:14px;font-weight:400}
.page-intro{display:flex;align-items:center;justify-content:space-between;margin:0 0 19px}.page-intro h2{font-size:22px;margin:3px 0}.page-intro p{font-size:11px;color:#8b958c;margin:0}.animal-toolbar{display:flex;gap:9px;margin-bottom:13px}.search-box{display:flex;align-items:center;gap:9px;background:white;border:1px solid #e5eae3;border-radius:12px;padding:0 12px;min-height:42px;flex:1;max-width:470px;color:#9aa39a}.search-box input{border:0;outline:0;width:100%;min-width:0;color:var(--ink);background:transparent;font-size:11px}.search-box input::placeholder{color:#a9b0a9}.select-control{border:1px solid #e5eae3;background:white;border-radius:12px;padding:0 12px;min-width:138px;color:#617066;font-size:10px}.animal-summary{display:flex;align-items:center;gap:7px;color:#8a958c;font-size:10px;margin:0 1px 12px}.summary-sep{color:#ccd3cc}.animal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.animal-card{background:white;border:1px solid #e8ece6;border-radius:15px;padding:14px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;box-shadow:0 2px 9px #1a342408}.animal-avatar{width:42px;height:42px;background:#f0f5ef;border-radius:13px;display:grid;place-items:center;color:#548063;font-weight:800;font-size:13px;overflow:hidden}.animal-avatar.goat{background:#faf3e7;color:#aa8145}.animal-avatar.unknown{background:#f3f1eb;color:#8e8876}.animal-name{font-size:11px;font-weight:750;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.animal-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px;color:#8d978e;font-size:9px;margin-top:4px}.tag-text{font-variant-numeric:tabular-nums;color:#66746a}.type-badge,.status-badge{display:inline-flex;align-items:center;border-radius:7px;padding:2px 6px;font-size:8px;line-height:1.5;white-space:nowrap}.type-badge.sheep{background:#edf5ed;color:#5c8765}.type-badge.goat{background:#faf2e5;color:#9d7944}.type-badge.unknown{background:#f1f0eb;color:#858072}.status-badge.active{background:#edf6ef;color:#598369}.status-badge.sold{background:#edf3f7;color:#5f8094}.status-badge.dead{background:#fbefed;color:#b5655e}.status-badge.slaughtered,.status-badge.removed{background:#f5f1e8;color:#968153}.animal-actions{display:flex;align-items:center;gap:4px}.tiny-action{border:1px solid #e9ede8;border-radius:8px;background:#fff;color:#7c887e;width:29px;height:29px;display:grid;place-items:center;font-size:12px}.tiny-action:hover{color:var(--green);border-color:#bed0c0}.tiny-action.sell{color:#608197}.tiny-action.die{color:#b96e67}.load-more{margin:17px auto 0;display:block;border:1px solid #dfe7df;background:white;border-radius:10px;padding:9px 18px;color:var(--green);font-size:10px;font-weight:700}
.filter-pills{display:flex;gap:7px;overflow-x:auto;padding:0 0 13px;scrollbar-width:none}.filter-pills::-webkit-scrollbar{display:none}.filter-pill{border:1px solid #e2e8e1;background:#fff;color:#7c887d;border-radius:99px;padding:7px 14px;font-size:10px;white-space:nowrap}.filter-pill.active{background:var(--green);color:white;border-color:var(--green)}.event-list{background:white;border:1px solid #e8ece6;border-radius:16px;padding:0 17px;box-shadow:var(--shadow)}.event-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #eef1ed}.event-row:last-child{border-bottom:0}.event-details{min-width:0}.event-title{font-size:11px;font-weight:700;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-description{font-size:9px;color:#939c94;display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-quantity{font-size:11px;font-weight:750;color:#536a59;white-space:nowrap}.event-date{font-size:9px;color:#98a098;white-space:nowrap}
.report-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.report-metric{background:white;border:1px solid #eaede8;border-radius:15px;padding:15px}.report-metric span{font-size:9px;color:#89948b;display:block}.report-metric strong{font-size:22px;line-height:1.4;display:block}.reports-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.type-report{display:grid;gap:16px;padding:5px 0}.type-line{display:grid;grid-template-columns:78px 1fr 36px;align-items:center;gap:10px;color:#707b72;font-size:10px}.progress-track{height:8px;background:#f0f2ed;border-radius:99px;overflow:hidden}.progress-fill{height:100%;border-radius:99px;background:#8dbf97}.progress-fill.goat{background:#e4c77e}.progress-fill.unknown{background:#c7d0c6}.type-value{text-align:left;font-size:11px;font-weight:700;color:#536157}.year-report{display:grid;gap:11px}.year-line{display:grid;grid-template-columns:45px 1fr 34px;align-items:center;gap:9px;color:#858f86;font-size:9px}.year-track{height:22px;background:#f3f5f1;border-radius:7px;overflow:hidden}.year-fill{height:100%;background:#9bc4a2;border-radius:7px;min-width:2px;color:#42674a;font-size:8px;display:flex;align-items:center;padding:0 7px;white-space:nowrap}.report-note{font-size:10px;color:#969f97;margin:13px 2px}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.settings-card{min-height:190px;display:flex;flex-direction:column;align-items:flex-start}.settings-icon{width:35px;height:35px;border-radius:11px;background:#edf4ed;color:#558064;display:grid;place-items:center;font-size:18px}.settings-card h3{font-size:13px;margin:12px 0 3px}.settings-card p{font-size:10px;color:#879288;margin:0 0 16px;max-width:300px}.settings-card .primary-button,.settings-card .outline-button,.settings-card .danger-button{margin-top:auto}.danger-settings .settings-icon{background:#fbefed;color:#b85e55}.file-button{cursor:pointer}.privacy-note{display:flex;gap:10px;align-items:flex-start;background:#eef3ee;border-radius:13px;padding:12px 14px;margin-top:14px;color:#5d765f;font-size:10px}.privacy-note>span{font-size:15px}.privacy-note p{margin:0}.privacy-note strong{color:#45674a}
.modal-root{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:18px}.modal-root[hidden]{display:none}.modal-backdrop{position:absolute;inset:0;background:rgba(22,39,29,.48);backdrop-filter:blur(3px)}.modal-card{position:relative;z-index:1;width:min(100%,490px);max-height:min(92vh,760px);overflow:auto;background:#fff;border-radius:21px;box-shadow:0 25px 80px #142b1c42;animation:modal-up .2s ease}@keyframes modal-up{from{opacity:.3;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}.modal-head{padding:20px 22px 14px;border-bottom:1px solid #edf0eb;display:flex;align-items:flex-start;justify-content:space-between}.modal-head h2{font-size:16px;margin:0}.modal-head p{font-size:10px;color:#8d978f;margin:3px 0 0}.modal-close{width:32px;height:32px;border:1px solid #e8ede7;border-radius:10px;background:white;color:#78847a;font-size:17px}.modal-form{padding:16px 22px 21px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-field{display:flex;flex-direction:column;gap:5px;min-width:0}.form-field.full{grid-column:1/-1}.form-field label{font-size:10px;font-weight:700;color:#617067}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #e2e8e1;border-radius:10px;background:#fff;padding:10px 11px;color:#29372e;font-size:11px;min-height:40px}.form-field textarea{resize:vertical;min-height:75px}.form-field input::placeholder,.form-field textarea::placeholder{color:#a5ada6}.form-hint{font-size:9px;color:#9ba49c;margin-top:-3px}.modal-actions{display:flex;gap:8px;margin-top:18px}.modal-actions button{flex:1}
.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);z-index:70;padding:10px 15px;border-radius:12px;background:#203f31;color:white;font-size:11px;box-shadow:0 9px 30px #1b342540;opacity:0;pointer-events:none;transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-nav{display:none}
@media(max-width:1120px){.sidebar{width:208px}.content{padding-right:30px;padding-left:30px}.hero-card{padding:24px 25px}.hero-art{gap:17px}.herd-ring{width:140px;height:140px}.herd-ring:before{width:108px;height:108px}.quick-button{min-width:111px}.quick-actions{align-items:flex-start}}
@media(max-width:900px){.sidebar{width:76px;padding:20px 10px}.brand{justify-content:center;padding:0 0 24px}.brand>div:last-child,.side-caption,.nav-link>span:not(.nav-icon),.offline-card{display:none}.side-nav{gap:8px}.nav-link{justify-content:center;padding:0;height:47px}.nav-icon{font-size:20px}.sidebar-bottom .nav-link{display:flex}.hero-card{min-height:236px}.hero-copy{width:48%}.hero-art{width:52%}.ring-legend{min-width:90px}.content-grid{grid-template-columns:1fr 1fr}.quick-actions{flex-direction:column;gap:12px}.quick-buttons{width:100%}.quick-button{flex:1}}
@media(max-width:680px){body{font-size:14px}.app-shell{display:block}.sidebar{display:none}.topbar{height:68px;padding:0 18px;position:sticky;background:rgba(249,250,246,.94)}.topbar-title{gap:8px}.mobile-brand{display:block;font-size:15px;font-weight:800;color:var(--green);padding-left:8px;border-left:1px solid #dfe5dd}.eyebrow{display:none}.topbar h1{font-size:14px}.today-pill{display:none}.top-add{display:none}.topbar-actions{gap:0}.icon-button{width:35px;height:35px}.content{padding:18px 15px calc(92px + env(safe-area-inset-bottom))}
.source-banner{padding:10px 11px;gap:8px;margin-bottom:12px}.source-banner strong{font-size:10px}.source-banner span{font-size:9px}.banner-link{font-size:9px}.hero-card{min-height:224px;border-radius:20px;padding:20px 19px;display:block}.hero-copy{width:58%;position:relative}.hero-eyebrow{font-size:9px}.hero-card h2{font-size:17px;margin:11px 0 1px}.hero-card h2 strong{font-size:34px}.hero-card h2 span{font-size:12px}.hero-card p{font-size:9px;margin:3px 0 13px;max-width:160px}.hero-button{font-size:10px;padding:7px 10px;gap:10px}.hero-art{position:absolute;left:15px;top:42px;width:52%;padding:0;gap:0;display:block}.herd-ring{width:112px;height:112px;margin-right:auto}.herd-ring:before{width:87px;height:87px}.ring-number{font-size:23px}.ring-center{font-size:8px}.ring-legend{position:absolute;left:0;top:126px;gap:4px;min-width:116px;font-size:8px}.ring-legend>div{gap:5px}.ring-legend b{font-size:9px}.orbit-one{width:265px;height:265px;right:0;top:-45px}.orbit-two{width:200px;height:200px;right:13%;top:-14px}.hero-decoration{font-size:180px;bottom:-66px}
.section-heading{margin:20px 0 10px}.section-heading h2{font-size:14px}.section-kicker{font-size:8px}.period-label{font-size:9px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-card{min-height:111px;border-radius:14px;padding:12px 12px 10px}.stat-icon{height:26px;width:26px;border-radius:9px}.stat-caption{font-size:9px}.stat-number{font-size:23px;margin:7px 0 2px}.stat-bottom{font-size:8px}.content-grid{grid-template-columns:1fr;gap:10px;margin-top:11px}.panel{padding:15px;border-radius:16px}.panel-heading{margin-bottom:11px}.panel-heading h2{font-size:13px}.activity-row{padding:9px 0;grid-template-columns:32px 1fr auto;gap:8px}.activity-icon{height:30px;width:30px}.activity-title{font-size:9px}.activity-sub,.activity-date{font-size:8px}.chart-panel{display:none}
.quick-actions{padding:14px;margin-top:11px;gap:10px}.quick-copy{min-width:0}.quick-copy h2{font-size:13px}.quick-copy p{font-size:8px}.quick-buttons{gap:6px}.quick-button{min-width:0;padding:7px 6px;gap:5px;justify-content:center;font-size:8px;flex-direction:column;position:relative}.quick-button b{position:absolute;top:3px;left:7px;margin:0}.quick-icon{width:26px;height:26px}
.page-intro{align-items:flex-start;margin-bottom:14px}.page-intro h2{font-size:19px}.page-intro p{max-width:220px;font-size:9px}.page-intro .primary-button,.page-intro .outline-button{min-height:37px;padding:8px 10px;font-size:9px}.animal-toolbar{gap:7px;flex-wrap:wrap}.search-box{flex-basis:100%;max-width:none;min-height:39px}.select-control{height:38px;flex:1;min-width:0;font-size:9px;padding:0 9px}.animal-summary{font-size:9px;flex-wrap:wrap}.animal-list{grid-template-columns:1fr;gap:7px}.animal-card{padding:11px;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;border-radius:13px}.animal-avatar{width:38px;height:38px;border-radius:11px}.animal-name{font-size:10px}.animal-meta{font-size:8px}.tiny-action{width:27px;height:27px}.filter-pills{margin:0 -2px}.filter-pill{padding:6px 12px;font-size:9px}.event-list{padding:0 12px}.event-row{grid-template-columns:32px minmax(0,1fr) auto;gap:8px;padding:11px 0}.event-title{font-size:10px}.event-description{font-size:8px}.event-quantity{font-size:10px}.event-date{font-size:8px}.report-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.report-metric{padding:12px;border-radius:13px}.report-metric strong{font-size:20px}.reports-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}.type-report{gap:13px}.settings-grid{grid-template-columns:1fr;gap:9px}.settings-card{min-height:164px}
.mobile-nav{display:flex;position:fixed;z-index:15;bottom:0;left:0;right:0;background:rgba(252,253,250,.96);backdrop-filter:blur(14px);border-top:1px solid #e8ece6;padding:7px 6px calc(7px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-nav-item{border:0;background:transparent;color:#8d978f;min-width:55px;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:18px}.mobile-nav-item small{font-size:8px}.mobile-nav-item.active{color:var(--green);font-weight:800}.mobile-nav-item.active span{background:#eaf2eb;border-radius:10px;padding:0 11px}
.modal-root{padding:9px;align-items:end}.modal-card{border-radius:21px 21px 14px 14px;max-height:calc(94vh - env(safe-area-inset-top))}.modal-head{padding:18px 18px 12px}.modal-form{padding:14px 18px calc(18px + env(safe-area-inset-bottom))}.form-grid{gap:10px}.form-field input,.form-field select,.form-field textarea{font-size:12px}.modal-actions{position:sticky;bottom:-18px;background:#fff;padding-top:10px}.toast{bottom:calc(76px + env(safe-area-inset-bottom));font-size:10px}}
@media(max-width:380px){.hero-art{left:8px}.herd-ring{width:98px;height:98px}.herd-ring:before{width:76px;height:76px}.ring-number{font-size:21px}.ring-legend{top:111px}.quick-button{font-size:7px}.mobile-nav-item{min-width:48px}}