:root{--fp-green-950: #10251d;--fp-green-900: #163429;--fp-green-800: #1c4938;--fp-green-700: #226047;--fp-green-600: #287958;--fp-green-500: #35966c;--fp-green-400: #5cb48b;--fp-green-300: #91cfaf;--fp-green-200: #c6e7d5;--fp-green-100: #e5f4eb;--fp-green-50: #f2f9f5;--fp-gold-600: #a46c16;--fp-gold-500: #c58a2a;--fp-gold-100: #fbf0d9;--fp-blue-600: #3676a9;--fp-blue-100: #e6f1f8;--fp-violet-600: #7258a7;--fp-violet-100: #eee9f8;--fp-red-600: #b84e4e;--fp-red-100: #f9e7e5;--fp-ink-950: #18201c;--fp-ink-900: #222c27;--fp-ink-800: #34413b;--fp-ink-700: #4a5751;--fp-ink-600: #65716b;--fp-ink-500: #7c8781;--fp-ink-400: #9ca59f;--fp-ink-300: #bdc4c0;--fp-surface: #ffffff;--fp-canvas: #f6f8f6;--fp-canvas-warm: #fafbf9;--fp-border: #e4e9e5;--fp-border-strong: #d6ddd8;--fp-shadow-sm: 0 1px 2px rgba(16, 37, 29, .025), 0 2px 8px rgba(16, 37, 29, .025);--fp-shadow-md: 0 8px 28px rgba(16, 37, 29, .07), 0 2px 8px rgba(16, 37, 29, .035);--fp-shadow-float: 0 18px 42px rgba(16, 37, 29, .18), 0 5px 14px rgba(16, 37, 29, .1);--fp-radius-sm: 10px;--fp-radius-md: 14px;--fp-radius-lg: 18px;--fp-radius-xl: 24px;--fp-sidebar: 258px;--fp-topbar: 72px;--fp-font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-family:var(--fp-font);color:var(--fp-ink-900);background:var(--fp-canvas);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px;background:var(--fp-canvas);color-scheme:light}html,body,#root{margin:0;min-height:100%}body{min-width:320px;min-height:100vh;min-height:100dvh;background:var(--fp-canvas);color:var(--fp-ink-900)}button,input{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,input:focus-visible{outline:3px solid rgba(53,150,108,.2);outline-offset:2px}svg{display:block}::selection{color:var(--fp-green-950);background:var(--fp-green-200)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:20px;background:var(--fp-ink-300);background-clip:padding-box}.app-shell{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 72% 0%,rgba(198,231,213,.2),transparent 26rem),var(--fp-canvas)}.brand{display:flex;align-items:center;min-width:0;gap:11px}.brand-mark{position:relative;flex:0 0 36px;width:36px;height:36px;border-radius:11px;overflow:hidden;background:linear-gradient(145deg,var(--fp-green-700),var(--fp-green-900));box-shadow:inset 0 0 0 1px #ffffff14,0 5px 14px #16342924}.brand-leaf{position:absolute;display:block;background:#bde4ca}.brand-leaf-a{width:14px;height:8px;left:8px;top:10px;border-radius:12px 2px;transform:rotate(24deg)}.brand-leaf-b{width:13px;height:8px;right:7px;top:15px;border-radius:2px 12px;transform:rotate(-23deg)}.brand-stem{position:absolute;left:17px;top:14px;width:2px;height:14px;border-radius:4px;background:#d9eedf;transform:rotate(-7deg)}.brand-copy{display:grid;min-width:0;line-height:1}.brand-copy strong{color:var(--fp-green-950);font-size:19px;font-weight:750;letter-spacing:-.55px}.brand-copy span{margin-top:5px;color:var(--fp-ink-500);font-size:9.5px;font-weight:650;letter-spacing:.55px;text-transform:uppercase}.sidebar{position:fixed;z-index:40;inset:0 auto 0 0;display:flex;width:var(--fp-sidebar);flex-direction:column;border-right:1px solid var(--fp-border);background:#fafbf9f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-head{display:flex;height:var(--fp-topbar);flex:0 0 var(--fp-topbar);align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid transparent}.workspace{padding:13px 15px 18px}.workspace-label,.nav-section-label{display:block;padding:0 10px;color:var(--fp-ink-400);font-size:10px;font-weight:750;letter-spacing:.8px;text-transform:uppercase}.workspace-selector{display:flex;width:100%;min-height:60px;margin-top:8px;padding:9px 10px;cursor:pointer;align-items:center;gap:10px;border:1px solid var(--fp-border);border-radius:var(--fp-radius-md);background:var(--fp-surface);text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.workspace-selector:hover{border-color:var(--fp-green-200);box-shadow:var(--fp-shadow-sm);transform:translateY(-1px)}.workspace-avatar{display:grid;width:35px;height:35px;flex:0 0 35px;place-items:center;border-radius:10px;color:var(--fp-green-800);background:var(--fp-green-100);font-size:11px;font-weight:800}.workspace-copy{display:grid;min-width:0;flex:1;gap:4px}.workspace-copy strong,.workspace-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-copy strong{color:var(--fp-ink-900);font-size:11.5px;font-weight:700}.workspace-copy small{color:var(--fp-ink-500);font-size:10px}.workspace-selector>.icon{flex:0 0 auto;color:var(--fp-ink-400);transform:rotate(90deg)}.sidebar-nav{display:grid;padding:0 15px;gap:3px}.nav-section-label{margin-bottom:7px}.nav-item{position:relative;display:flex;width:100%;min-height:43px;padding:0 12px;cursor:pointer;align-items:center;gap:12px;border-radius:11px;color:var(--fp-ink-600);background:transparent;font-size:13px;font-weight:600;text-align:left;transition:color .16s ease,background .16s ease,transform .16s ease}.nav-item:hover{color:var(--fp-green-800);background:var(--fp-green-50)}.nav-item-active{color:var(--fp-green-800);background:var(--fp-green-100)}.nav-item-active:before{position:absolute;left:-15px;width:3px;height:22px;border-radius:0 4px 4px 0;background:var(--fp-green-600);content:""}.nav-item .icon{flex:0 0 auto}.nav-badge{min-width:20px;margin-left:auto;padding:3px 6px;border-radius:20px;color:var(--fp-green-800);background:#ffffffb3;font-size:9px;font-weight:800;text-align:center}.sidebar-footer{display:grid;margin-top:auto;padding:12px 15px 18px;gap:10px;border-top:1px solid var(--fp-border)}.profile-card{display:flex;min-width:0;padding:11px 10px 2px;align-items:center;gap:10px}.profile-avatar,.top-avatar{display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--fp-green-600),var(--fp-green-900));font-weight:750}.profile-avatar{width:34px;height:34px;flex:0 0 34px;font-size:10px}.profile-copy{display:grid;min-width:0;flex:1;gap:3px}.profile-copy strong{overflow:hidden;color:var(--fp-ink-800);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.profile-copy span{color:var(--fp-ink-500);font-size:9.5px}.profile-more{padding:5px;cursor:pointer;color:var(--fp-ink-400);background:transparent;letter-spacing:1px}.mobile-close,.mobile-menu,.mobile-brand,.sidebar-overlay,.bottom-nav,.mobile-fab{display:none}.main{min-height:100vh;min-height:100dvh;margin-left:var(--fp-sidebar)}.topbar{position:sticky;z-index:25;top:0;display:flex;height:var(--fp-topbar);padding:0 34px;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(228,233,229,.88);background:#f6f8f6e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-left,.topbar-actions{display:flex;align-items:center}.page-context{display:grid;gap:3px}.page-context span{color:var(--fp-ink-500);font-size:10px;font-weight:600}.page-context strong{color:var(--fp-ink-900);font-size:14px;font-weight:720}.topbar-actions{gap:9px}.search{display:flex;width:265px;height:39px;padding:0 11px;align-items:center;gap:8px;border:1px solid var(--fp-border);border-radius:11px;color:var(--fp-ink-400);background:#fffc}.search input{width:100%;min-width:0;border:0;outline:0;color:var(--fp-ink-800);background:transparent;font-size:11px}.search input::placeholder{color:var(--fp-ink-400)}.search kbd{padding:3px 5px;border:1px solid var(--fp-border);border-radius:5px;color:var(--fp-ink-400);background:var(--fp-canvas-warm);font-family:inherit;font-size:8px;white-space:nowrap}.icon-button{display:grid;width:39px;height:39px;padding:0;cursor:pointer;place-items:center;border:1px solid var(--fp-border);border-radius:11px;color:var(--fp-ink-600);background:#fffc}.notification-button{position:relative}.notification-dot{position:absolute;top:8px;right:8px;width:6px;height:6px;border:2px solid var(--fp-surface);border-radius:50%;background:#d96d55;box-sizing:content-box}.top-avatar{width:37px;height:37px;margin-left:2px;cursor:pointer;border:0;font-size:10px}.content{width:min(100%,1480px);margin:0 auto;padding:31px 34px 48px}.welcome-row{display:flex;margin-bottom:24px;align-items:flex-end;justify-content:space-between;gap:24px}.eyebrow{display:flex;margin-bottom:9px;align-items:center;gap:7px;color:var(--fp-green-700);font-size:10px;font-weight:750;letter-spacing:.45px;text-transform:uppercase}.live-dot{width:7px;height:7px;border:2px solid var(--fp-green-200);border-radius:50%;background:var(--fp-green-600);box-sizing:content-box}.welcome-row h1{margin:0;color:var(--fp-ink-950);font-size:clamp(25px,2.35vw,35px);font-weight:730;letter-spacing:-1.15px;line-height:1.12}.welcome-row h1 span{color:var(--fp-ink-500);font-weight:500}.welcome-row p{margin:9px 0 0;color:var(--fp-ink-500);font-size:11.5px}.primary-action{display:flex;min-height:42px;padding:0 17px;cursor:pointer;align-items:center;justify-content:center;gap:8px;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--fp-green-600),var(--fp-green-800));box-shadow:0 8px 18px #22604726;font-size:11px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease}.primary-action:hover{transform:translateY(-1px);box-shadow:0 11px 22px #22604733}.weather-strip{display:grid;min-height:70px;margin-bottom:17px;padding:11px 15px;grid-template-columns:1.2fr repeat(3,.7fr) 1.55fr;align-items:center;gap:0;border:1px solid var(--fp-border);border-radius:var(--fp-radius-lg);background:linear-gradient(100deg,#e5f4ebc7,#ffffffeb 38%,#ffffffeb);box-shadow:var(--fp-shadow-sm)}.weather-main,.weather-note{display:flex;align-items:center}.weather-main{gap:11px}.weather-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:var(--fp-green-700);background:#ffffffbf}.weather-main>div{display:grid;gap:2px}.weather-main strong{color:var(--fp-ink-950);font-size:20px;letter-spacing:-.5px}.weather-main span,.weather-detail span{color:var(--fp-ink-500);font-size:9.5px}.weather-detail{display:grid;min-height:36px;padding:0 14px;justify-content:center;gap:3px;border-left:1px solid var(--fp-border)}.weather-detail strong{color:var(--fp-ink-800);font-size:11px;font-weight:700}.weather-note{min-height:36px;padding-left:16px;gap:8px;border-left:1px solid var(--fp-border);color:var(--fp-green-700);font-size:9.5px;font-weight:650}.metrics-grid{display:grid;margin-bottom:17px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{position:relative;display:grid;min-height:132px;padding:16px;border:1px solid var(--fp-border);border-radius:var(--fp-radius-lg);background:#ffffffe6;box-shadow:var(--fp-shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.metric-card:hover{z-index:1;border-color:var(--fp-border-strong);box-shadow:var(--fp-shadow-md);transform:translateY(-2px)}.metric-icon{display:grid;width:34px;height:34px;margin-bottom:13px;place-items:center;border-radius:10px}.metric-icon .icon{width:17px;height:17px}.metric-green{color:var(--fp-green-700);background:var(--fp-green-100)}.metric-gold{color:var(--fp-gold-600);background:var(--fp-gold-100)}.metric-blue{color:var(--fp-blue-600);background:var(--fp-blue-100)}.metric-violet{color:var(--fp-violet-600);background:var(--fp-violet-100)}.metric-heading{position:absolute;top:17px;right:15px;left:60px;display:flex;align-items:center;justify-content:space-between;gap:5px;color:var(--fp-ink-400)}.metric-heading span{overflow:hidden;color:var(--fp-ink-500);font-size:9.5px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.metric-value{color:var(--fp-ink-950);font-size:21px;font-weight:740;letter-spacing:-.55px}.metric-detail{margin-top:3px;color:var(--fp-ink-500);font-size:9.5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:12px}.panel{min-width:0;padding:18px;border:1px solid var(--fp-border);border-radius:var(--fp-radius-lg);background:#ffffffeb;box-shadow:var(--fp-shadow-sm)}.panel-heading{display:flex;min-height:38px;margin-bottom:14px;align-items:flex-start;justify-content:space-between;gap:15px}.section-kicker{display:block;margin-bottom:3px;color:var(--fp-green-600);font-size:8.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.panel-heading h2{margin:0;color:var(--fp-ink-900);font-size:15px;font-weight:720;letter-spacing:-.25px}.text-action{display:flex;padding:5px 0;cursor:pointer;align-items:center;gap:5px;color:var(--fp-green-700);background:transparent;font-size:9.5px;font-weight:700}.round-action{display:grid;width:30px;height:30px;padding:0;cursor:pointer;place-items:center;border:1px solid var(--fp-border);border-radius:9px;color:var(--fp-ink-500);background:var(--fp-canvas-warm)}.campaign-list{display:grid;gap:9px}.campaign-card{padding:13px 14px;border:1px solid var(--fp-border);border-radius:13px;background:var(--fp-canvas-warm)}.campaign-top,.crop-identity,.campaign-data{display:flex;align-items:center}.campaign-top{justify-content:space-between;gap:12px}.crop-identity{min-width:0;gap:10px}.crop-symbol{display:grid;width:31px;height:31px;flex:0 0 31px;place-items:center;border-radius:9px;font-size:10px;font-weight:850}.crop-maize{color:#916314;background:#f8e9c3}.crop-soy{color:var(--fp-green-700);background:var(--fp-green-100)}.crop-cassava{color:#775d36;background:#eee5d7}.crop-identity>div{display:grid;gap:2px}.crop-identity strong{color:var(--fp-ink-900);font-size:11px}.crop-identity span{color:var(--fp-ink-500);font-size:8.5px}.status{padding:4px 7px;border-radius:20px;font-size:8px;font-weight:750;white-space:nowrap}.status-active{color:var(--fp-green-700);background:var(--fp-green-100)}.status-planned{color:var(--fp-blue-600);background:var(--fp-blue-100)}.campaign-data{margin:12px 0 9px;justify-content:space-between;gap:12px}.campaign-data>div{display:grid;gap:2px}.campaign-data span{color:var(--fp-ink-400);font-size:8px}.campaign-data strong{color:var(--fp-ink-700);font-size:9.5px;font-weight:650}.progress{height:4px;overflow:hidden;border-radius:10px;background:var(--fp-green-100)}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--fp-green-500),var(--fp-green-700))}.progress-blue{background:var(--fp-blue-100)}.progress-blue span{background:var(--fp-blue-600)}.activity-list{display:grid}.activity-item{display:grid;min-height:67px;grid-template-columns:34px minmax(0,1fr) auto;gap:9px}.activity-timeline{position:relative;display:flex;justify-content:center}.activity-icon{z-index:1;display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--fp-border);border-radius:9px;color:var(--fp-green-700);background:var(--fp-green-50)}.timeline-line{position:absolute;top:31px;bottom:0;left:50%;width:1px;background:var(--fp-border)}.activity-copy{display:grid;align-content:start;padding-top:1px;gap:3px}.activity-copy strong{color:var(--fp-ink-800);font-size:10px;font-weight:700}.activity-copy>span{color:var(--fp-ink-500);font-size:8.5px}.activity-status{display:flex;margin-top:2px;align-items:center;gap:3px;color:var(--fp-green-600);font-size:8px;font-weight:650}.activity-item time{padding-top:2px;color:var(--fp-ink-400);font-size:8px;white-space:nowrap}.stock-grid{display:grid;gap:8px}.stock-item{display:grid;min-height:54px;padding:10px 11px;grid-template-columns:4px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--fp-border);border-radius:11px;background:var(--fp-canvas-warm)}.stock-level{width:4px;height:30px;border-radius:10px}.stock-warning{background:var(--fp-gold-500)}.stock-ok{background:var(--fp-green-500)}.stock-danger{background:var(--fp-red-600)}.stock-item>div{display:grid;gap:2px}.stock-item strong{color:var(--fp-ink-800);font-size:9.5px}.stock-item span{color:var(--fp-ink-400);font-size:8px}.stock-quantity{text-align:right}.stock-quantity span{color:var(--fp-ink-500)}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-actions button{display:grid;min-height:92px;padding:11px 8px;cursor:pointer;justify-items:center;gap:3px;border:1px solid var(--fp-border);border-radius:12px;background:var(--fp-canvas-warm);transition:border-color .16s ease,background .16s ease,transform .16s ease}.quick-actions button:hover{border-color:var(--fp-green-200);background:var(--fp-green-50);transform:translateY(-1px)}.quick-actions button>span{display:grid;width:31px;height:31px;margin-bottom:3px;place-items:center;border-radius:9px;color:var(--fp-green-700);background:var(--fp-green-100)}.quick-actions button>span .icon{width:16px;height:16px}.quick-actions strong{color:var(--fp-ink-800);font-size:9px}.quick-actions small{color:var(--fp-ink-400);font-size:7.5px}@media(max-width:1180px){:root{--fp-sidebar: 218px}.brand-copy span{display:none}.sidebar-head{padding-inline:19px}.workspace,.sidebar-nav{padding-inline:11px}.nav-item-active:before{left:-11px}.sidebar-footer{padding-inline:11px}.content,.topbar{padding-inline:24px}.weather-strip{grid-template-columns:1.2fr repeat(3,.7fr)}.weather-note{display:none}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){:root{--fp-topbar: 64px}.sidebar{z-index:80;width:min(310px,86vw);padding-top:env(safe-area-inset-top);box-shadow:var(--fp-shadow-float);transform:translate(-105%);transition:transform .24s cubic-bezier(.2,.8,.2,1)}.sidebar-open{transform:translate(0)}.sidebar-overlay{position:fixed;z-index:70;inset:0;display:block;cursor:default;background:#0f1c1657;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-close{display:grid}.main{margin-left:0}.topbar{height:calc(var(--fp-topbar) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0}.topbar-left{gap:11px}.mobile-menu{display:grid}.mobile-brand{display:block}.mobile-brand .brand-mark{width:32px;height:32px;flex-basis:32px}.mobile-brand .brand-copy strong{font-size:16px}.mobile-brand .brand-copy span,.page-context,.search,.top-avatar{display:none}.content{padding:24px 18px calc(104px + env(safe-area-inset-bottom))}.dashboard-grid{grid-template-columns:1fr}.crop-panel,.activity-panel,.inventory-panel,.quick-panel{grid-column:1}.bottom-nav{position:fixed;z-index:60;right:0;bottom:0;left:0;display:grid;height:calc(67px + env(safe-area-inset-bottom));padding:7px 9px env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);border-top:1px solid var(--fp-border);background:#fffffff0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 -6px 24px #10251d0d}.bottom-nav button{position:relative;display:grid;padding:3px;cursor:pointer;place-items:center;align-content:center;gap:3px;color:var(--fp-ink-400);background:transparent;font-size:8px;font-weight:650}.bottom-nav button:nth-child(3){grid-column:4}.bottom-nav button:nth-child(4){grid-column:5}.bottom-nav button .icon{width:20px;height:20px}.bottom-nav-active{color:var(--fp-green-700)!important}.bottom-nav button i{position:absolute;top:2px;right:calc(50% - 13px);width:5px;height:5px;border:1.5px solid white;border-radius:50%;background:var(--fp-gold-500);box-sizing:content-box}.mobile-fab{position:fixed;z-index:65;bottom:calc(34px + env(safe-area-inset-bottom));left:50%;display:grid;width:54px;height:54px;padding:0;cursor:pointer;place-items:center;border:5px solid var(--fp-canvas);border-radius:18px;color:#fff;background:linear-gradient(145deg,var(--fp-green-500),var(--fp-green-800));box-shadow:0 10px 25px #2260474d;transform:translate(-50%)}}@media(max-width:620px){.notification-button{width:37px;height:37px}.content{padding-inline:14px}.welcome-row{margin-bottom:18px}.welcome-row h1{max-width:330px;font-size:26px;line-height:1.13}.welcome-row h1 span{display:block;margin-top:3px}.welcome-row p{max-width:340px;line-height:1.5}.desktop-action{display:none}.weather-strip{padding:11px 12px;grid-template-columns:1.3fr .7fr;border-radius:15px}.weather-detail{display:none}.weather-detail:nth-of-type(2){display:grid;padding-right:0}.weather-main strong{font-size:18px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{min-height:128px;padding:14px}.metric-heading{position:static;order:-1;margin-bottom:10px}.metric-heading .icon{display:none}.metric-icon{position:absolute;top:12px;right:12px;width:29px;height:29px;margin:0}.metric-heading{padding-right:30px}.metric-value{margin-top:auto;font-size:18px}.panel{padding:15px;border-radius:16px}.panel-heading h2{font-size:14px}.campaign-data{gap:7px}.campaign-data>div:nth-child(2){text-align:center}.campaign-data>div:last-child{text-align:right}.quick-actions{gap:6px}.quick-actions button{min-height:88px}}@media(max-width:390px){.mobile-brand .brand-copy{display:none}.metrics-grid{grid-template-columns:1fr}.metric-card{min-height:110px}.campaign-data strong{font-size:8.7px}.quick-actions small{display:none}}@media(min-width:1600px){:root{--fp-sidebar: 276px}.content{padding-top:38px}.metric-card{min-height:142px}}@media(hover:none)and (pointer:coarse){.nav-item,.primary-action,.workspace-selector{min-height:46px}.text-action{min-height:38px}.quick-actions button{min-height:96px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.weather-strip--locating,.weather-strip--loading{position:relative;overflow:hidden}.weather-strip--locating:after,.weather-strip--loading:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,rgba(47,126,83,.7),transparent);animation:fp-weather-loading 1.4s ease-in-out infinite}.weather-note>div{display:grid;gap:3px}.weather-note strong{font-size:.78rem;font-weight:700}.weather-note span{max-width:300px}.weather-retry{appearance:none;border:1px solid rgba(39,103,70,.18);background:#ffffffb8;color:var(--fp-color-primary, #276746);border-radius:999px;padding:8px 13px;font:inherit;font-size:.75rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .16s ease,background .16s ease,border-color .16s ease}.weather-retry:hover{background:#fffffff5;border-color:#2767464d}.weather-retry:active{transform:scale(.97)}@keyframes fp-weather-loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.weather-strip--locating:after,.weather-strip--loading:after{animation:none}}@media(max-width:720px){.weather-note{gap:10px}.weather-note span{max-width:220px}.weather-retry{padding:7px 11px}}.weather-primary{display:grid;min-width:0;gap:5px}.weather-temperature-row{display:flex;align-items:baseline;gap:7px}.weather-temperature-row>strong{color:var(--fp-ink-950);font-size:21px;line-height:1;letter-spacing:-.65px}.weather-temperature-row>span{overflow:hidden;color:var(--fp-ink-500);font-size:9.5px;white-space:nowrap;text-overflow:ellipsis}.weather-place{display:flex;min-width:0;align-items:center;gap:5px}.weather-pin{flex:0 0 auto;color:var(--fp-green-700);font-size:12px;line-height:1}.weather-place>div{display:grid;min-width:0;gap:1px}.weather-place strong{overflow:hidden;color:var(--fp-green-800, var(--fp-green-700));font-size:10px;font-weight:750;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.weather-place span{overflow:hidden;color:var(--fp-ink-500);font-size:8.5px;font-weight:500;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}@media(max-width:700px){.weather-strip{min-height:76px;grid-template-columns:minmax(0,1fr) auto;gap:8px}.weather-main{min-width:0}.weather-icon{width:40px;height:40px;border-radius:11px}.weather-temperature-row>strong{font-size:19px}.weather-temperature-row>span{font-size:9px}.weather-place strong{max-width:175px;font-size:9.5px}.weather-place span{font-size:8px}.weather-detail{display:none}.weather-detail.weather-humidity{display:grid;min-width:61px;padding:0 0 0 11px;justify-content:center}.weather-detail.weather-humidity span{font-size:8.5px}.weather-detail.weather-humidity strong{font-size:12px}.weather-note{grid-column:1 / -1;padding:7px 0 0;border-left:0;border-top:1px solid var(--fp-border)}}@media(min-width:701px){.weather-strip{grid-template-columns:minmax(220px,1.45fr) repeat(3,minmax(82px,.55fr))}.weather-main{min-width:0}.weather-note{grid-column:1 / -1;margin-top:8px;padding:8px 0 0;border-left:0;border-top:1px solid var(--fp-border)}}