:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f261d;background:#f5f2ea;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#eff5ed,#f7f2e8)}.login-panel{width:min(420px,100%);background:#fff;border:1px solid #d8dfd0;border-radius:8px;padding:32px;box-shadow:0 24px 60px #1f261d1f}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#3f6f45;margin-bottom:18px}.login-panel h1,.topbar h1,.map-head h2,.point-title h2{margin:0;letter-spacing:0}.login-panel p{margin:6px 0 24px;color:#65705f}form,.form-grid{display:grid;gap:14px}label{display:grid;gap:6px;color:#55604f;font-size:13px;font-weight:700}input,select,textarea{width:100%;border:1px solid #cbd5c4;border-radius:7px;color:#1f261d;background:#fff;padding:10px 12px}textarea{resize:vertical}button{border:0;border-radius:7px;font-weight:800}form button,.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;color:#fff;background:#315d39}.error{color:#a13a33;font-weight:700}.app-shell{min-height:100vh;padding:18px}.topbar,.topbar-actions,.farm-tabs,.map-head,.point-title,.summary,.bottom-grid{display:flex;align-items:center}.form-grid.compact{gap:10px}.color-input-row{display:grid;grid-template-columns:46px minmax(0,1fr);gap:8px}.color-input-row input[type=color]{height:41px;padding:3px}.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.button-row.end{justify-content:flex-end}.danger-action{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;color:#94372f;background:#fff5f3;border:1px solid #f0c9c3}.confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:grid;place-items:center;padding:18px;background:#0d110c9e}.confirm-modal{width:min(520px,100%);display:grid;gap:14px;padding:18px;color:#1f261d;background:#fff;border:1px solid #d8dfd0;border-radius:8px;box-shadow:0 28px 90px #1f261d47}.confirm-modal h3,.confirm-modal p{margin:0}.confirm-modal p{color:#4e5948;line-height:1.45}.confirm-modal dl{display:grid;gap:8px;margin:0}.confirm-modal dl div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid #eef2ea}.confirm-modal dt{color:#65705f;font-weight:800}.confirm-modal dd{margin:0}.topbar{justify-content:space-between;gap:18px;margin-bottom:14px}.brand-area{flex:1;min-width:0}.topbar-actions{gap:10px;justify-content:flex-end;flex-wrap:wrap}.topbar-status{min-height:34px;display:inline-flex;align-items:center;padding:0 10px;color:#315d39;background:#edf3e9;border:1px solid #d8dfd0;border-radius:7px;font-size:13px;font-weight:800}.topbar span,.map-head span{color:#66725d}.icon-button{width:40px;height:40px;display:grid;place-items:center;color:#315d39;background:#fff;border:1px solid #d8dfd0}.farm-tabs{gap:8px;margin-bottom:0;flex-wrap:wrap;justify-content:flex-end}.farm-tabs button{min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;color:#40503a;background:#fff;border:1px solid #d8dfd0}.farm-tabs button.active{color:#fff;background:#315d39;border-color:#315d39}.farm-tabs strong{min-width:24px;padding:2px 7px;border-radius:999px;color:inherit;background:#ffffff38}.content-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:stretch}.map-area,.inventory-panel,.bottom-grid>div{background:#fff;border:1px solid #d8dfd0;border-radius:8px}.map-area{overflow:hidden}.inventory-panel{height:100%;min-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);padding:16px}.map-head{justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid #e5eadf}.summary{gap:8px;flex-wrap:wrap;justify-content:flex-end}.summary span,.status-pill{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#edf3e9;color:#3f5d38}.plot-wrap{width:100%;height:min(62vh,680px);display:grid;place-items:center;overflow:hidden;background:#fbfaf5}.plot-wrap svg{display:block;width:100%;height:100%;min-width:0;object-fit:contain}.axis{font-size:22px;font-weight:800}.axis.top{fill:#fff}.axis.bottom{fill:#604d25}.grid-line{stroke:#dfe7d8;stroke-width:1}.point{outline:none}.point circle{stroke:#fff;stroke-width:2}.point.empty circle{fill:#c9d2c1;stroke:#f8fbf4}.point.empty text{fill:#798575;font-size:11px;text-anchor:middle;font-weight:700}.point .plant-code{fill:#fff;font-size:13px;text-anchor:middle;font-weight:900}.point .hover-label{display:none;fill:#1f261d;font-size:15px;font-weight:900;text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round}.point:hover .hover-label,.point:focus .hover-label{display:block}.point.selected circle:last-of-type,.point:hover circle:last-of-type{stroke:#1f261d;stroke-width:4}.planned-ring{fill:none;stroke:#3f5d38;stroke-dasharray:4 4;stroke-width:2}.warn{fill:#b84a39;stroke:#fff;stroke-width:1}.point-title{justify-content:space-between;gap:12px;width:100%}.point-title span:first-child{color:#65705f;font-weight:900}.status-pill.thriving{background:#e1f1df;color:#24572f}.status-pill.okay{background:#e9f3dc;color:#4c662b}.status-pill.planned{background:#f4ecd4;color:#77591c}.status-pill.attention{background:#f7dfda;color:#94372f}.status-pill.lost{background:#f2d9d7;color:#8b2f2b}.status-pill.removed{background:#ececec;color:#555}.timeline{border-top:1px solid #e5eadf;padding-top:16px;display:grid;gap:12px}h3{margin:0}.upload-box{min-height:46px;border:1px dashed #aeb9a7;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;color:#315d39;background:#f8fbf4}.upload-box input{display:none}.save-state{color:#315d39;font-weight:800}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;overflow-y:auto;padding:18px;background:#1f261d6b}.point-modal{width:min(820px,100%);min-height:calc(100vh - 36px);max-height:calc(100vh - 36px);display:grid;grid-template-rows:auto auto minmax(0,1fr);background:#fff;border:1px solid #d8dfd0;border-radius:8px;box-shadow:0 28px 90px #1f261d47;overflow:hidden;margin:0 auto}.modal-head{display:flex;align-items:center;gap:16px;padding:16px;border-bottom:1px solid #e5eadf}.modal-actions{display:grid;gap:10px;padding:12px 16px;border-bottom:1px solid #e5eadf;background:#fbfcf8}.collapse-trigger{min-height:42px;display:flex;align-items:center;gap:10px;width:100%;padding:0 12px;color:#315d39;background:#fff;border:1px solid #d8dfd0;text-align:left}.collapse-trigger svg:last-child{margin-left:auto;transition:transform .16s ease}.collapse-trigger.open svg:last-child{transform:rotate(180deg)}.collapse-panel{display:grid;gap:12px;padding:12px;border:1px solid #e1e7db;border-radius:8px;background:#fff}.modal-timeline{min-height:0;max-height:none;overflow-y:auto;padding:16px;border-top:0}.timeline article{display:grid;gap:8px;padding:14px;border:1px solid #e1e7db;border-radius:8px;background:#fbfcf8}.timeline-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}.timeline-head h3{flex:1}.secondary-action{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;color:#315d39;background:#fff;border:1px solid #d8dfd0;flex:none;white-space:nowrap}.secondary-action:disabled{cursor:not-allowed;color:#93a08c;background:#f3f5f0}.timeline article>div:first-child{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.timeline article>div:first-child>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.timeline p{margin:0;color:#4e5948;line-height:1.45}.empty-timeline{margin:0;padding:18px;color:#65705f;border:1px dashed #cbd5c4;border-radius:8px;background:#fbfcf8}.danger-button{width:34px;height:34px;display:grid;place-items:center;flex:none;color:#94372f;background:#fff5f3;border:1px solid #f0c9c3}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photo-button{display:block;width:100%;padding:0;overflow:hidden;background:transparent;border:0;border-radius:7px}.photos img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.photo-button:hover img,.photo-button:focus img{filter:brightness(.9)}.photo-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:18px;background:#0d110cc7}.photo-modal{position:relative;max-width:min(1100px,100%);max-height:calc(100vh - 36px);display:grid;place-items:center}.photo-modal img{max-width:100%;max-height:calc(100vh - 36px);object-fit:contain;border-radius:8px;box-shadow:0 28px 90px #0000006b}.slideshow-modal img{max-height:calc(100vh - 72px)}.slideshow-caption{position:absolute;left:14px;top:14px;z-index:2;display:flex;align-items:center;gap:10px;min-height:36px;padding:7px 12px;color:#fff;background:#0d110cb8;border:1px solid rgba(255,255,255,.24);border-radius:7px}.slideshow-caption span{color:#ffffffc7;font-weight:800}.slideshow-playback{position:absolute;left:50%;bottom:14px;z-index:2;width:48px;height:48px;display:grid;place-items:center;color:#fff;background:#0d110cb8;border:1px solid rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%)}.slideshow-nav{position:absolute;top:50%;z-index:2;width:48px;height:64px;display:grid;place-items:center;color:#fff;background:#0d110c94;border:1px solid rgba(255,255,255,.24);transform:translateY(-50%)}.slideshow-nav.prev{left:14px}.slideshow-nav.next{right:14px}.photo-close{position:absolute;top:10px;right:10px;z-index:1;width:40px;height:40px;display:grid;place-items:center;color:#fff;background:#0d110cb8;border:1px solid rgba(255,255,255,.3)}.bottom-grid{align-items:stretch;gap:16px;margin-top:16px}.bottom-grid>div{width:100%;padding:16px}.inventory,.recent{display:grid;gap:8px;margin-top:12px}.inventory{align-content:start;overflow-y:auto}.inventory span,.recent span{min-height:34px;display:flex;align-items:center;gap:8px;color:#4f5d49}.inventory i{width:13px;height:13px;border-radius:50%;flex:none}.inventory strong{margin-left:auto;color:#1f261d}.loading{padding:40px}@media(max-width:980px){.plot-wrap{height:auto;overflow:auto;place-items:stretch}.plot-wrap svg{min-width:720px;height:auto}.bottom-grid{display:grid}}@media(min-width:1180px){.content-grid{grid-template-columns:minmax(0,1fr) 270px}.inventory-panel{position:sticky;top:18px;align-self:stretch}}@media(max-width:640px){.app-shell{padding:12px}.topbar,.map-head,.bottom-grid{align-items:flex-start;flex-direction:column}.farm-tabs{width:100%;margin-left:0;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}.farm-tabs button{flex:none}.modal-backdrop{padding:8px}.point-modal{width:min(820px,100%);min-height:calc(100vh - 16px);max-height:calc(100vh - 16px);grid-template-rows:auto auto minmax(0,1fr)}.modal-timeline{min-height:0;max-height:none}.modal-head{align-items:flex-start}}