/* Web presentation only: shared Android and ledger behavior remain unchanged. */
:root{--ink:#203b35;--muted:#64766f;--paper:#f4f7f6;--line:#dfe8e3;--accent:#176b55}
body{background:var(--paper);color:var(--ink);font-size:15px;line-height:1.65}
header{background:#fff;color:var(--ink);padding:18px 32px;border-bottom:1px solid var(--line);height:82px}
.wordmark strong{font-size:20px;letter-spacing:-.6px}.wordmark small{color:var(--muted)}
.logo{border-radius:12px;background:#176b55;box-shadow:0 4px 10px #176b5518}
.header-tools select{background:#f5f8f6;color:var(--ink);border:1px solid var(--line);border-radius:8px}
.offline{background:#edf5f0;color:#275641;border:1px solid #d4e4d9;max-width:230px}
.web-notice{background:transparent!important;color:var(--muted);font-size:12px!important;padding:12px 32px!important;border-bottom:1px solid var(--line)}
main{max-width:1280px;padding:30px 32px 110px}h1{font-size:30px;letter-spacing:-1px;line-height:1.35}h2{font-size:20px}p.muted{line-height:1.7}
.topline{margin-bottom:22px}.topline p{margin:5px 0 0}.context-bar{border-radius:12px;padding:14px 18px;box-shadow:0 2px 5px #203b3503;margin-bottom:20px}.context-bar label{max-width:440px}.context-bar>div{margin-left:auto;max-width:200px}.context-bar select{background:#f4f7f5;border-radius:6px;padding:8px 10px}.context-bar .small{border:1px solid var(--line)}
button{border-radius:9px;transition:background .18s,box-shadow .18s,transform .18s;line-height:1.5}button:hover:not(:disabled){filter:brightness(.97);box-shadow:0 3px 9px #203b3510}button:active:not(:disabled){transform:translateY(1px)}button.secondary{background:#edf3ef}
.panel,.record,.metric{border-radius:12px;border:1px solid var(--line);box-shadow:0 2px 6px #203b3504}.panel{padding:24px}.record{padding:20px;border-left:3px solid #9ab7a7}.record-modified{font-size:12px}.record .actions{padding-top:10px;border-top:1px solid #eef2ef}
.grid{gap:16px}.grid .metric{border-radius:12px;box-shadow:none;padding:20px}.metric .label{font-size:12px;font-weight:600}.metric strong{font-size:27px;font-variant-numeric:tabular-nums;font-weight:700;margin:10px 0 5px}.metric small{line-height:1.5}.metric.negative strong{color:var(--red)}
.hero{border-radius:14px;background:#164d3d;box-shadow:none;padding:28px 32px}.hero .muted{color:#d0e5da}.hero>span.muted{font-size:11px;letter-spacing:1.4px;font-weight:650}.hero strong.big{font-size:42px;font-variant-numeric:tabular-nums}.hero-footer{padding-top:18px}.hero-footer strong{font-variant-numeric:tabular-nums}.quick{gap:12px;margin:18px 0 24px}.quick button{background:white;border:1px solid #cfddd4;border-radius:10px;padding:16px;color:#24543f}
.period{padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:12px;max-width:620px;gap:20px}.period input{background:#f8faf9;border-color:var(--line)}
input,select,textarea{border-color:#cedbd3;border-radius:8px;background:#fff}label.field{font-size:13px;font-weight:550}.field small{font-weight:400}.form-grid{gap:0 20px}.field-icon{color:#527564;font-size:14px}
.menu-item{padding:18px 20px;border-radius:10px;margin:10px 0}.menu-item small{margin-top:5px;font-size:13px;font-weight:400}.notice{line-height:1.7;border-radius:8px}.row{padding:12px 0}.row strong{font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere}
.guide-welcome{border-radius:14px;background:#eaf1eb;color:var(--ink);padding:20px 24px;gap:20px}.guide-welcome h2{font-size:21px;color:var(--ink);margin:4px 0}.guide-welcome p{color:#587063;margin-bottom:0}.guide-welcome small{color:#52745f;font-size:10px}.guide-welcome img{width:100px;max-height:115px}.guide-categories button{border-radius:10px;box-shadow:none;padding:16px;flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.guide-categories strong{font-size:13px}.guide-category-icon{margin:0;border-radius:9px;width:32px;height:32px;font-size:19px}.guide-launch{margin-bottom:22px}.vax-launch{background:#f0f5e9;border:1px solid #dce6cf;border-radius:10px;padding:14px 18px;font-size:14px}.vax-counts{border:1px solid #dce6d6}.vax-counts b{font-variant-numeric:tabular-nums}
.login-card{max-width:500px;margin:45px auto;padding:40px;border-radius:18px;box-shadow:0 12px 45px #183b2908}.login-card h1{font-size:32px;margin-top:12px}.login-card p{font-size:14px;color:var(--muted);margin:16px 0}.login-card hr{border:0;border-top:1px solid var(--line);margin:26px 0}.login-card button{margin-bottom:8px;min-height:48px}.login-emblem{border-radius:14px;width:56px;height:56px}
dialog{background:#fff;padding:28px;box-shadow:0 24px 90px #102e3526;border:1px solid #e0e8e3;border-radius:16px;max-width:680px;left:50%;transform:translateX(-50%);bottom:auto;top:50%;translate:0 -50%;max-height:88dvh}dialog::backdrop{background:#132d2966;backdrop-filter:blur(3px)}dialog .topline{background:#fff;top:-28px;padding:15px 0;border-bottom:1px solid var(--line)}dialog .actions{gap:10px}dialog button+button{margin-top:4px}
.motion-icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:inline-block;transform-origin:center}.quick .motion-icon,.vax-launch .motion-icon{margin-right:8px}button:hover .motion-icon,button:focus-visible .motion-icon{animation:icon-lift .65s ease both}nav .active .motion-icon{animation:icon-reveal .55s ease both}
@keyframes icon-lift{0%,100%{transform:translateY(0)}45%{transform:translateY(-3px) rotate(-7deg)}75%{transform:translateY(-1px) rotate(4deg)}}@keyframes icon-reveal{from{transform:scale(.8);opacity:.6}to{transform:scale(1);opacity:1}}
nav:empty{display:none}nav{gap:3px;padding:8px;background:white}nav button{font-size:11px;min-width:0;flex:1}nav button.active{background:#e6f1e9;color:#176b55}
@media(min-width:1000px){body:has(#nav:not(:empty)){padding-left:218px}header{padding:18px 32px}.web-notice{padding-left:32px!important}nav:not(:empty){top:0;bottom:0;right:auto;width:218px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:116px 16px 24px;border:0;border-right:1px solid #dce6de;background:#153f32;gap:8px;box-shadow:none}nav:before{content:'LAYER FARM';position:absolute;top:32px;left:28px;color:#eff9f2;font-size:14px;letter-spacing:2px;font-weight:750}nav button{flex:0 0 auto;min-height:50px;flex-direction:row;justify-content:flex-start;gap:13px;padding:14px 16px;font-size:14px;color:#c3d7cb;border-radius:9px}nav button.active{background:#edf5ee;color:#174c37}nav button:hover:not(.active){background:#ffffff0f;color:white}nav:after{content:'Farm workspace';color:#acc5b7;margin-top:auto;padding:20px 12px;font-size:12px;border-top:1px solid #ffffff20}html[lang=bn] nav:after{content:'খামার ব্যবস্থাপনা'}main{padding-bottom:50px}.guide-launch{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-categories{margin:0;gap:8px;grid-template-columns:1fr}.guide-categories button{padding:10px 15px}.guide-welcome img{width:90px}.guide-categories small{display:none}.context-bar{margin-bottom:20px}#toast{bottom:32px}.chart{height:230px}}
@media(max-width:600px){header{height:auto;min-height:76px;padding:14px 18px;gap:10px}.header-tools{width:auto;flex:1;justify-content:flex-end;flex-wrap:wrap;gap:5px}.header-tools .language-switch{flex:0 1 auto}.header-tools .offline{max-width:140px;font-size:10px}.wordmark strong{font-size:17px}.wordmark small{max-width:135px;font-size:10px}.logo{width:35px;height:35px}.web-notice{padding:9px 18px!important;font-size:11px!important}main{padding:20px 16px 110px}h1{font-size:25px}.panel{padding:18px}.grid{gap:10px}.grid .metric{padding:16px}.metric strong{font-size:23px}.hero{padding:24px}.hero strong.big{font-size:34px}.context-bar{padding:12px;gap:8px}.context-bar>div{max-width:90px}.guide-welcome{padding:18px}.guide-welcome img{width:78px}.guide-categories button{padding:12px 8px;gap:6px}.guide-categories small{display:none}.guide-categories strong{font-size:12px}.login-card{margin:20px auto;padding:26px}.login-card h1{font-size:28px}.quick button{font-size:12px;padding:12px 5px;gap:3px}.quick .motion-icon{margin-right:0}.topline{gap:10px;align-items:flex-start}.period{gap:12px;padding:12px}.form-grid{gap:0 12px}dialog{width:calc(100% - 20px);padding:20px;border-radius:16px}dialog .topline{top:-20px}.vax-counts{gap:8px;padding:10px;font-size:12px}.vax-counts b{font-size:21px}nav button{padding:8px 2px}.hero-footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{padding:0!important}nav,.web-notice,header{display:none!important}main{max-width:none;padding:0}.hero{print-color-adjust:exact}button{display:none}}

@media(min-width:1000px){.guide-launch:not(:has(.guide-welcome)){display:block}.guide-launch:not(:has(.guide-welcome)) .guide-categories{grid-template-columns:repeat(3,minmax(0,1fr))}}

.grid+.guide-launch{margin-top:24px}