@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--green:#1d5c3f;--green2:#2b7552;--cream:#f4f2eb;--ink:#183127;--muted:#6d7c75;--line:#dde3dd;--amber:#dc9d2c;--blue:#3979a8;--red:#b85145;--white:#fff;--shadow:0 8px 28px #193c2d14}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}aside{color:#fff;z-index:20;background:#153f2d;flex-direction:column;width:248px;padding:25px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 8px 25px;display:flex}.brand-mark{color:#183d2c;background:#f3c869;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.brand-mark svg{width:25px}.brand strong{font:800 17px Manrope;display:block}.brand span{opacity:.62;text-transform:uppercase;letter-spacing:1.3px;margin-top:2px;font-size:11px;display:block}nav{gap:5px;display:grid}nav button{color:#c7d9d0;background:0 0;border:0;border-radius:11px;align-items:center;gap:13px;height:44px;padding:0 13px;font-weight:600;display:flex}nav button svg{width:19px}nav button.active,nav button:hover{color:#fff;background:#ffffff1c}.farm-card{background:#ffffff14;border:1px solid #ffffff1a;border-radius:14px;margin-top:auto;padding:15px}.farm-card>span,.panel-head span,.finance-strip>div>span{letter-spacing:1.4px;color:#dcb75f;font-size:10px;font-weight:700}.farm-card strong{margin:5px 0;font:700 15px Manrope;display:block}.farm-card p{color:#b9cec3;margin:0;font-size:11px;line-height:1.6}.farm-card p svg{vertical-align:middle;width:12px}.mobile-close{display:none}main{grid-column:2;min-width:0}header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:10;background:#ffffffe0;align-items:center;height:71px;padding:0 36px;display:flex;position:sticky;top:0}header>div span{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:10px;display:block}header>div strong{font:700 15px Manrope}.alert-btn,.menu-btn{color:var(--ink);background:0 0;border:0;position:relative}.alert-btn{margin-left:auto}.alert-btn svg{width:21px}.alert-btn i{background:var(--red);color:#fff;border:2px solid #fff;border-radius:10px;place-items:center;min-width:16px;height:16px;font:700 9px DM Sans;display:grid;position:absolute;top:-6px;right:-7px}.menu-btn{display:none}.content{max-width:1480px;margin:auto;padding:34px 38px 60px}.hero{color:#fff;box-shadow:var(--shadow);background:linear-gradient(112deg,#153f2d,#287253);border-radius:22px;justify-content:space-between;align-items:center;padding:34px 36px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";border:55px solid #ffffff0a;border-radius:50%;width:300px;height:300px;position:absolute;top:-150px;right:12%}.overline,.page-title>div>span{letter-spacing:1.8px;color:#f3c869;font-size:10px;font-weight:700}.hero h1{margin:8px 0 7px;font:800 29px Manrope}.hero h1 em{color:#f3c869;font-style:normal}.hero p{color:#d1e1d8;margin:0;font-size:13px}.primary,.soft,.ghost{border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;height:43px;padding:0 17px;font-size:12px;font-weight:700;display:inline-flex}.primary{color:#1c3c2e;z-index:1;background:#f3c869;position:relative}.primary:hover{background:#ffd77a}.primary svg,.soft svg{width:17px}.kpi-grid,.money-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:19px 0;display:grid}.money-grid{grid-template-columns:repeat(3,1fr)}.kpi{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:0 3px 13px #1a392c09}.kpi-icon{width:42px;height:42px;color:var(--green);background:#e4f2e9;border-radius:12px;flex:none;place-items:center;display:grid}.kpi-icon.amber{color:#b77615;background:#fff0d4}.kpi-icon.blue{color:var(--blue);background:#e3eff7}.kpi-icon.red{color:var(--red);background:#f8e5e2}.kpi-icon svg{width:21px}.kpi span,.kpi small{color:var(--muted);font-size:10px;display:block}.kpi strong{margin:2px 0;font:800 22px Manrope;display:block}.dash-grid{grid-template-columns:1.02fr .98fr;gap:18px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:17px;box-shadow:0 3px 14px #1a392c09}.panel-head{justify-content:space-between;align-items:center;padding:21px 22px 13px;display:flex}.panel-head span{color:#8c9a93}.panel-head h3{margin:4px 0;font:750 16px Manrope}.panel-head button{color:var(--green);background:0 0;border:0;align-items:center;font-size:11px;font-weight:700;display:flex}.panel-head button svg{width:15px}.quick-grid{grid-template-columns:1fr 1fr;gap:8px;padding:0 15px 15px;display:grid}.quick-grid button{text-align:left;background:#fafbf9;border:1px solid #e4e9e4;border-radius:12px;grid-template-columns:37px 1fr;column-gap:10px;padding:14px;display:grid}.quick-grid button>span{border-radius:10px;grid-row:1/3;place-items:center;width:37px;height:37px;display:grid}.quick-grid svg{width:18px}.q-green{color:var(--green);background:#e4f2e9}.q-amber{color:#b77615;background:#fff0d4}.q-blue{color:var(--blue);background:#e3eff7}.q-red{color:var(--red);background:#f8e5e2}.quick-grid strong{font-size:12px}.quick-grid small{color:var(--muted);margin-top:2px;font-size:10px}.alert-list{padding:0 20px 12px}.alert-row{border-top:1px solid #edf0ed;align-items:center;gap:12px;padding:12px 2px;display:flex}.alert-row>span{width:35px;height:35px;color:var(--green);background:#edf5f0;border-radius:10px;flex:none;place-items:center;display:grid}.alert-row>span.danger{color:var(--red);background:#f8e4e2}.alert-row svg{width:17px}.alert-row div{min-width:0}.alert-row strong{font-size:11px;display:block}.alert-row p{color:var(--muted);margin:2px 0;font-size:10px}.alert-row time{color:var(--muted);text-align:right;white-space:nowrap;margin-left:auto;font-size:9px}.finance-strip{justify-content:space-between;align-items:center;margin-top:18px;padding:22px;display:flex}.finance-strip strong{margin:3px 0;font:800 24px Manrope;display:block}.finance-strip small{color:var(--muted);font-size:10px}.soft{color:var(--green);background:#e8f1ec}.ghost{color:var(--muted);background:0 0}.page-title{justify-content:space-between;align-items:end;margin-bottom:23px;display:flex}.page-title h2{margin:5px 0;font:800 27px Manrope}.page-title p{color:var(--muted);margin:0;font-size:12px}.page-title .primary{background:var(--green);color:#fff}.toolbar{justify-content:space-between;gap:15px;margin-bottom:18px;display:flex}.search{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:9px;min-width:320px;height:43px;padding:0 12px;display:flex}.search svg{width:17px;color:var(--muted)}.search input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.filters{align-items:center;gap:5px;display:flex}.filters>svg{width:17px;color:var(--muted);margin-right:3px}.filters button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:9px;padding:8px 11px;font-size:10px}.filters button.active{background:var(--green);color:#fff;border-color:var(--green)}.animal-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.animal-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;padding:17px;transition:all .2s;position:relative}.animal-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.animal-card-top{justify-content:space-between;display:flex}.animal-avatar{width:48px;height:48px;color:var(--green);background:#edf3ef;border-radius:14px;place-items:center;display:grid}.animal-avatar svg{width:26px}.status{color:#6a786f;background:#eef1ef;border-radius:9px;align-items:center;height:22px;padding:0 8px;font-size:9px;font-weight:700;display:inline-flex}.status.green{color:#28734f;background:#e4f2e9}.status.amber{color:#a86f17;background:#fff0d4}.tag{color:var(--muted);letter-spacing:1px;margin-top:13px;font-size:9px;font-weight:700;display:block}.animal-card h3{margin:3px 0;font:750 17px Manrope}.animal-card p{color:var(--muted);margin:0;font-size:10px}.animal-meta{border-top:1px solid #edf0ed;gap:16px;margin-top:15px;padding-top:12px;display:flex}.animal-meta span{color:var(--muted);align-items:center;gap:4px;font-size:10px;display:flex}.animal-meta svg{width:13px}.card-arrow{color:var(--green);background:0 0;border:0;position:absolute;bottom:10px;right:12px}.card-arrow svg{width:17px}.delete-mini{color:#b6beb9;opacity:0;background:0 0;border:0;position:absolute;top:48px;right:10px}.animal-card:hover .delete-mini{opacity:1}.delete-mini svg{width:15px}.table-wrap{overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:720px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;background:#fafbf9;padding:13px 18px;font-size:9px}td{border-top:1px solid #edf0ed;padding:13px 18px;font-size:11px}td small{color:var(--muted);margin-top:2px;font-size:9px;display:block}.table-animal{align-items:center;gap:9px;display:flex}.table-animal>span{width:31px;height:31px;color:var(--green);background:#edf3ef;border-radius:9px;place-items:center;display:grid}.table-animal svg{width:17px}.big-number{font:700 15px Manrope}.icon-btn{color:#9ba79f;background:0 0;border:0}.icon-btn svg{width:16px}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.money-grid .kpi{min-height:94px}.empty{text-align:center;color:var(--muted);padding:35px}.empty>svg{width:32px}.empty h3{color:var(--ink);margin:8px 0 3px;font:700 14px Manrope}.empty p{margin:0;font-size:10px}.profile-head{border:1px solid var(--line);background:#fff;border-radius:17px;align-items:center;gap:15px;margin:12px 0 17px;padding:20px;display:flex}.profile-head h2{margin:2px 0;font:800 24px Manrope}.profile-head p,.profile-head span{color:var(--muted);margin:0;font-size:10px}.profile-head>.status{color:#28734f;margin-left:auto}.back-link{color:var(--green);background:0 0;border:0;font-size:11px;font-weight:700}.profile-grid{grid-template-columns:.8fr 1.2fr;gap:17px;display:grid}.info-card{padding:21px}.info-card h3{margin:0 0 13px;font:700 16px Manrope}.info-card dl{grid-template-columns:1fr 1fr;gap:13px;margin:0;display:grid}.info-card dt{color:var(--muted);font-size:9px}.info-card dd{margin:3px 0;font-size:12px;font-weight:700}.note{color:var(--muted);background:#f5f7f4;border-radius:10px;padding:11px;font-size:10px}.timeline{border-top:1px solid #edf0ed;align-items:center;gap:11px;margin:0 20px;padding:13px 0;display:flex}.timeline>span{width:33px;height:33px;color:var(--green);background:#edf3ef;border-radius:10px;place-items:center;display:grid}.timeline svg{width:16px}.timeline strong{font-size:11px}.timeline p{color:var(--muted);margin:2px 0;font-size:10px}.timeline time{color:var(--muted);margin-left:auto;font-size:9px}.alert-page{padding:5px 22px}.alert-row.large{padding:16px 2px}.alert-row.large>span{width:42px;height:42px}.alert-row.large strong{font-size:13px}.alert-row.large time small{color:var(--red);margin-top:3px;font-weight:700;display:block}.settings-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.setting-card{padding:25px}.setting-icon{width:46px;height:46px;color:var(--green);background:#e4f2e9;border-radius:13px;place-items:center;display:grid}.setting-icon.amber{color:#a86f17;background:#fff0d4}.setting-card h3{margin:14px 0 5px;font:700 17px Manrope}.setting-card p{color:var(--muted);max-width:430px;font-size:11px;line-height:1.6}.setting-card .primary{background:var(--green);color:#fff;margin-top:9px}.file-button{margin-top:9px}.file-button input{display:none}.about{align-items:center;gap:14px;margin-top:18px;padding:20px;display:flex}.about h3{margin:0;font:700 15px Manrope}.about p,.about small{color:var(--muted);font-size:10px}.modal-bg{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0719129e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#f8f9f6;border-radius:20px;width:min(720px,100%);max-height:92vh;overflow:auto;box-shadow:0 25px 70px #0000004d}.modal-head{background:var(--green);color:#fff;z-index:1;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.modal-head span{color:#f3c869;letter-spacing:1.5px;font-size:9px;font-weight:700}.modal-head h2{margin:4px 0;font:750 20px Manrope}.modal-head button{color:#fff;background:#ffffff1f;border:0;border-radius:10px;width:35px;height:35px}.modal-head button svg{width:18px}.modal form{padding:22px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid label{display:block}.form-grid label.wide{grid-column:1/-1}.form-grid label>span{margin-bottom:6px;font-size:10px;font-weight:700;display:block}.form-grid input,.form-grid select,.form-grid textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #d8dfd9;border-radius:10px;outline:none;padding:11px 12px;font-size:12px}.form-grid textarea{resize:vertical;min-height:75px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #1d5c3f1a}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.form-actions .primary{background:var(--green);color:#fff}.backdrop{display:none}@media (width<=1050px){.kpi-grid,.animal-grid{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}.filters{overflow:auto}}@media (width<=760px){.app{display:block}aside{width:270px;transition:all .25s;transform:translate(-100%)}aside.open{transform:translate(0)}.backdrop{z-index:15;background:#0006;display:block;position:fixed;inset:0}.mobile-close{color:#fff;background:0 0;border:0;margin-left:auto;display:block}.menu-btn{margin-right:9px;display:block}main{display:block}header{height:62px;padding:0 16px}.content{padding:20px 14px 95px}.hero{padding:25px 21px;display:block}.hero h1{font-size:23px}.hero p{max-width:270px}.hero .primary{width:100%;margin-top:19px}.kpi-grid,.money-grid{grid-template-columns:1fr 1fr;gap:10px;margin:13px 0}.kpi{align-items:flex-start;padding:13px}.kpi-icon{width:36px;height:36px}.kpi strong{font-size:17px}.kpi small{font-size:8px}.quick-grid{grid-template-columns:1fr 1fr}.finance-strip{align-items:flex-end}.page-title{display:block}.page-title h2{font-size:23px}.page-title .primary{width:100%;margin-top:15px}.toolbar{display:block}.search{width:100%;min-width:0;margin-bottom:10px}.filters{padding-bottom:5px}.animal-grid,.profile-grid,.settings-grid,.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.modal-bg{place-items:end center;padding:0}.modal{border-radius:20px 20px 0 0;max-height:94vh}.modal form{padding:18px}.modal-head{padding:17px 19px}.alert-row time{font-size:8px}.finance-strip{padding:17px}.finance-strip strong{font-size:20px}}@media (width<=420px){.kpi-grid,.money-grid,.quick-grid{grid-template-columns:1fr}.kpi{align-items:center}.hero h1{font-size:21px}.profile-head{flex-wrap:wrap}.profile-head>.status{margin-left:0}.info-card dl{grid-template-columns:1fr 1fr}}.demo-banner{background:#fff6df;border:1px solid #edd6a0;border-radius:13px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;padding:11px 14px;display:flex}.demo-banner>div{align-items:center;gap:10px;display:flex}.demo-banner svg{color:#a86f17;width:19px}.demo-banner p{margin:0}.demo-banner strong,.demo-banner span{font-size:10px;display:block}.demo-banner span{color:#7d7053;margin-top:2px}.demo-banner button{color:#fff;white-space:nowrap;background:#a86f17;border:0;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:700}@media (width<=420px){.demo-banner{display:block}.demo-banner button{width:100%;margin-top:10px}}.form-actions .primary:disabled{opacity:.65;cursor:wait}.animal-avatar.has-photo{background:#dfe9e3;overflow:hidden}.animal-avatar.has-photo img{object-fit:cover;width:100%;height:100%;display:block}.photo-editor{align-items:center;gap:12px;display:flex}.profile-photo{border-radius:18px;flex:none;width:82px;height:82px}.photo-actions{gap:6px;display:grid}.photo-button,.photo-actions button{color:var(--green);cursor:pointer;background:#e8f1ec;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:10px;font-weight:700;display:inline-flex}.photo-button svg,.photo-actions button svg{width:15px}.photo-button input{display:none}.photo-actions button{color:var(--red);background:#f8e5e2}.new-photo{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:14px;margin-bottom:16px;padding:13px;display:flex}.new-photo .preview{width:82px;height:82px;color:var(--green);background:#edf3ef;border-radius:13px;flex:none;place-items:center;display:grid;overflow:hidden}.new-photo .preview svg{width:28px}.new-photo .preview img{object-fit:cover;width:100%;height:100%}.new-photo strong{font:700 13px Manrope}.new-photo p{color:var(--muted);margin:3px 0 8px;font-size:10px}.cloud-user{background:#edf5f0;border-radius:11px;grid-template-columns:20px auto;align-items:center;column-gap:7px;margin-left:auto;padding:5px 12px;display:grid}.cloud-user svg{width:18px;color:var(--green);grid-row:1/3}.cloud-user span{text-transform:none!important;font-size:8px!important}.cloud-user strong{font-size:10px!important}.logout-mini{color:var(--muted);background:0 0;border:0;margin-left:7px}.logout-mini svg{width:18px}.access-page{background:linear-gradient(145deg,#113927,#2a7453);place-items:center;min-height:100vh;padding:20px;display:grid}.access-card{background:#f8f7f1;border-radius:24px;width:min(430px,100%);padding:30px;box-shadow:0 25px 70px #00000040}.access-brand{align-items:center;gap:11px;display:flex}.access-brand>span,.access-icon{color:#183d2c;background:#f3c869;border-radius:13px;place-items:center;width:45px;height:45px;display:grid}.access-brand svg,.access-icon svg{width:24px}.access-brand strong,.access-brand small{display:block}.access-brand strong{font:800 16px Manrope}.access-brand small{color:var(--muted);font-size:10px}.access-icon{color:var(--green);background:#e4f2e9;margin:28px 0 13px}.access-icon.warning{color:#a86f17;background:#fff0d4}.access-card h1{margin:0 0 8px;font:800 25px Manrope}.access-card>p{color:var(--muted);font-size:12px;line-height:1.6}.access-card form{gap:12px;margin-top:20px;display:grid}.access-card label,.users-card label{font-size:10px;font-weight:700}.access-card input,.users-card input{background:#fff;border:1px solid #d8dfd9;border-radius:10px;outline:none;width:100%;margin-top:5px;padding:12px;display:block}.access-card .primary{background:var(--green);color:#fff;width:100%;margin-top:5px}.access-error{color:var(--red);background:#f8e5e2;border-radius:9px;align-items:center;gap:7px;padding:10px;font-size:10px;display:flex}.access-error svg{width:16px}.access-note{color:var(--muted);text-align:center;margin-top:17px;font-size:9px;display:block}.resource-list{gap:8px;margin-top:18px;display:grid}.resource-list span{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px;font-size:11px}.resource-list strong{min-width:70px;color:var(--green);display:inline-block}.loader{color:#fff;font-weight:700}.session-card{justify-content:space-between;align-items:center;margin-top:18px;padding:18px;display:flex}.session-card>div{align-items:center;gap:10px;display:flex}.session-card svg{width:22px}.session-card span strong,.session-card span small{display:block}.session-card small{color:var(--muted);margin-top:2px;font-size:9px}.users-card{margin-top:18px}.users-card .panel-head>svg{width:22px;color:var(--green)}.users-layout{grid-template-columns:320px 1fr;gap:20px;padding:0 22px 22px;display:grid}.users-layout form{background:#f7f8f5;border-radius:12px;gap:10px;padding:16px;display:grid}.users-layout h4{margin:0;font:700 13px Manrope}.users-layout form .primary{background:var(--green);color:#fff}.users-layout form p{color:var(--green);margin:0;font-size:10px}.user-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 2px;display:flex}.user-row strong,.user-row small{display:block}.user-row strong{font-size:11px}.user-row small{color:var(--muted);margin-top:2px;font-size:9px}.user-row button{color:var(--red);background:#f8e5e2;border:0;border-radius:8px;padding:7px 9px;font-size:9px}@media (width<=760px){.cloud-user{margin-left:auto;padding:4px 7px}.cloud-user strong{display:none}.cloud-user span{max-width:88px}.users-layout{grid-template-columns:1fr}.session-card{align-items:flex-start;gap:12px}.session-card .soft{padding:0 10px}.access-card{padding:24px}}