:root,[data-theme=light]{color-scheme:light;--bg: #f4f4f5;--bg-subtle: #fafafa;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-hover: #f4f4f5;--surface: #ffffff;--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .14);--text: #171717;--text-secondary: #52525b;--text-muted: #a1a1aa;--accent: #171717;--accent-hover: #404040;--accent-muted: rgba(0, 0, 0, .06);--accent-glow: rgba(0, 0, 0, .08);--accent-text: #ffffff;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--info: #0284c7;--radius: 16px;--radius-sm: 12px;--radius-lg: 22px;--radius-pill: 999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow: 0 8px 30px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .12);--header-bg: rgba(255, 255, 255, .92);--drawer-bg: rgba(255, 255, 255, .98);--nav-backdrop: rgba(0, 0, 0, .35);--card-border: none;--btn-primary-bg: #171717;--btn-primary-text: #ffffff;--btn-primary-hover: #404040;--bottom-nav-bg: #171717;--bottom-nav-text: #71717a;--bottom-nav-active: #ffffff;--font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--header-height: 68px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--header-total: calc(var(--header-height) + var(--safe-top));--z-nav-backdrop: 130;--z-nav-drawer: 140;--z-bottom-nav: 110;--z-modal: 10000;--z-toast: 10001}[data-theme=dark]{color-scheme:dark;--bg: #09090b;--bg-subtle: #0c0c0f;--bg-card: #121214;--bg-elevated: #1a1a1f;--bg-hover: #222228;--surface: #121214;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #3b82f6;--accent-hover: #2563eb;--accent-muted: rgba(59, 130, 246, .12);--accent-glow: rgba(59, 130, 246, .2);--accent-text: #fafafa;--success: #60a5fa;--warning: #f59e0b;--danger: #ef4444;--info: #38bdf8;--radius: 14px;--radius-sm: 10px;--radius-lg: 18px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 8px 32px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 48px rgba(0, 0, 0, .5);--header-bg: rgba(12, 12, 15, .92);--drawer-bg: rgba(12, 12, 15, .98);--nav-backdrop: rgba(0, 0, 0, .55);--card-border: 1px solid var(--border);--btn-primary-bg: #fafafa;--btn-primary-text: #171717;--btn-primary-hover: #e4e4e7;--bottom-nav-bg: #27272a;--bottom-nav-text: #71717a;--bottom-nav-active: #fafafa}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.55;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;touch-action:manipulation}::selection{background:var(--accent-muted);color:var(--text)}.app-shell{display:flex;min-height:100vh;background:var(--bg)}[data-theme=dark] .app-shell{background:radial-gradient(ellipse 80% 60% at 100% 0%,rgba(59,130,246,.06) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 0% 100%,rgba(255,255,255,.02) 0%,transparent 50%),var(--bg)}.app-header{position:fixed;top:0;left:0;right:0;z-index:120;min-height:var(--header-total);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:var(--safe-top) max(1rem,var(--safe-right)) 0 max(1.25rem,var(--safe-left));background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.app-header-left{display:flex;flex-direction:column;gap:.125rem;min-width:0}.app-header-greeting{font-size:.8125rem;color:var(--text-muted);line-height:1.2}.app-header-greeting strong{font-size:1.125rem;font-weight:700;color:var(--text);letter-spacing:-.03em}.app-header-page{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.header-avatar{width:40px;height:40px;border-radius:50%;background:var(--btn-primary-bg);color:var(--btn-primary-text);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;flex-shrink:0;text-decoration:none;transition:transform .15s ease,opacity .15s ease}.header-avatar:hover{transform:scale(1.04);opacity:.9}.app-header-brand{display:flex;align-items:center;gap:.75rem;min-width:0}.app-header-title{font-size:1rem;font-weight:700;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:50%;background:var(--bg-elevated);color:var(--text);cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.menu-toggle:hover{background:var(--bg-hover);border-color:var(--border-strong)}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-nav-backdrop);border:none;background:var(--nav-backdrop);cursor:pointer}.nav-drawer{position:fixed;top:var(--header-total);right:0;bottom:0;z-index:var(--z-nav-drawer);width:min(300px,100vw);display:flex;flex-direction:column;padding:1rem max(.875rem,var(--safe-right)) max(1rem,var(--safe-bottom)) .875rem;background:var(--drawer-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--border);transform:translate(100%);transition:transform .22s ease;pointer-events:none}.nav-drawer.open{transform:translate(0);pointer-events:auto}.nav-drawer-footer{border-top:1px solid var(--border);padding-top:1rem;margin-top:auto}.nav-logout{width:100%}.brand-icon{width:42px;height:42px;background:linear-gradient(145deg,#fafafa,#d4d4d8);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#09090b;box-shadow:var(--shadow-sm)}.brand-text h1{font-size:1.0625rem;font-weight:700;letter-spacing:-.03em}.brand-text span{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.nav-list{list-style:none;flex:1;display:flex;flex-direction:column;gap:.125rem;padding:0 .25rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.6875rem .875rem;border-radius:var(--radius-pill);color:var(--text-secondary);transition:background .15s ease,color .15s ease;font-weight:500;font-size:.875rem}.nav-link:hover{background:var(--bg-hover);color:var(--text)}.nav-link.active{background:var(--accent);color:var(--accent-text);box-shadow:none}[data-theme=dark] .nav-link.active{background:var(--accent-muted);color:var(--text);box-shadow:inset 0 0 0 1px #3b82f633}.user-badge{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;margin-bottom:.625rem;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border)}.user-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#6366f1);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;color:#fff;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:.8125rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.6875rem;color:var(--text-muted)}.main-content{flex:1;width:100%;margin:0 auto;padding:calc(var(--header-total) + 2rem) max(2.5rem,var(--safe-right)) max(2rem,var(--safe-bottom)) max(2.5rem,var(--safe-left));max-width:1280px}.page-header{margin-bottom:2rem}.page-header h2{font-size:1.875rem;font-weight:700;letter-spacing:-.04em;margin-bottom:.375rem}.page-header p{color:var(--text-secondary);font-size:.9375rem;max-width:540px}.page-header-actions{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.page-header-actions>div{flex:1;min-width:200px}.card-header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.modal-wide{max-width:720px}.chemical-stock-panel{margin-bottom:1.25rem}.chemical-stock-alert{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;margin-bottom:1rem;border-radius:var(--radius-sm);border:1px solid rgba(245,158,11,.35);background:#f59e0b14;color:var(--warning);font-size:.875rem}.chemical-stock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.875rem}.chemical-stock-card{padding:.875rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-subtle)}.chemical-stock-card-low{border-color:#f59e0b73;background:#f59e0b0f}.chemical-stock-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.chemical-stock-card-top strong{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem}.chemical-stock-card-actions{display:flex;gap:.125rem;flex-shrink:0}.chemical-stock-remaining{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.chemical-stock-bar-wrap{height:.375rem;border-radius:999px;background:var(--border);overflow:hidden;margin-bottom:.375rem}.chemical-stock-bar{height:100%;border-radius:999px;background:var(--accent);transition:width .2s ease}.chemical-stock-bar-low{background:var(--warning)}.quantity-input-row{display:flex;gap:.5rem;align-items:stretch}.quantity-input-row input{flex:1;min-width:0}.quantity-input-row select{flex:0 0 auto;min-width:9rem}.chemical-stock-preview{margin-top:.375rem}.chemical-stock-preview-low{color:var(--warning)}.coshh-register-embedded .card{border:none;box-shadow:none;background:transparent}.coshh-register-embedded .card-header,.coshh-register-embedded .card-body{padding-left:0;padding-right:0}.page-loader{padding:2rem 0;text-align:center;color:var(--text-muted);font-size:.9375rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stats-grid .stat-card,.two-col .card,.dashboard-jobs-card,.dashboard-alerts{content-visibility:auto;contain-intrinsic-size:auto 220px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.375rem 1.5rem;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.stat-card-link{display:block;text-decoration:none;color:inherit;cursor:pointer;position:relative}.stat-card-link:hover{box-shadow:var(--shadow);transform:translateY(-1px)}[data-theme=dark] .stat-card-link:hover{border-color:#3b82f659}.stat-card-go{display:inline-flex;align-items:center;gap:.125rem;margin-top:.625rem;font-size:.75rem;font-weight:500;color:var(--accent)}.stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.stat-card .label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.625rem}.stat-card .value{font-size:2.125rem;font-weight:700;letter-spacing:-.04em;line-height:1}.stat-card .sub{font-size:.8125rem;color:var(--text-muted);margin-top:.5rem}.card{background:var(--bg-card);border:var(--card-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.card-link{display:block;text-decoration:none;color:inherit;transition:border-color .2s ease,box-shadow .2s ease}.card-link:hover{box-shadow:var(--shadow);transform:translateY(-1px)}[data-theme=dark] .card-link:hover{border-color:#3b82f659}.card-header-link{display:inline-flex;align-items:center;gap:.125rem;font-size:.8125rem;font-weight:500;color:var(--accent);flex-shrink:0}.dashboard-jobs-card{margin-top:1.5rem}.dashboard-date{color:var(--text-muted)}.dashboard-alerts{margin-bottom:1.25rem;border-color:#f59e0b59}.dashboard-alert-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.dashboard-alert-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .875rem;border-radius:var(--radius-sm);background:var(--bg-subtle);color:inherit;text-decoration:none}.dashboard-alert-item:hover{background:var(--bg-hover)}.dashboard-quick-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.dashboard-quick-link{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;box-shadow:var(--shadow-sm);transition:background .15s ease,color .15s ease,box-shadow .15s ease}.dashboard-quick-link:hover{background:var(--bg-hover);color:var(--text)}.stat-card-warn{border-color:#f59e0b59}.stat-card-danger{border-color:#ef444459}.dashboard-status-ok{color:#22c55e}.dashboard-status-due_soon,.dashboard-status-unknown{color:var(--warning)}.dashboard-status-overdue{color:var(--danger)}.dashboard-map-card{margin-top:1.25rem}.dashboard-map-promo{display:flex;align-items:center;gap:1rem}.dashboard-map-promo svg:last-child{margin-left:auto;color:var(--text-muted)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);background:#ffffff03}.card-header h3{font-size:.9375rem;font-weight:600;letter-spacing:-.01em}.card-body{padding:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-pill);border:none;font-weight:600;font-size:.8125rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.btn-danger{background:transparent;color:var(--danger);border:1px solid rgba(239,68,68,.35)}.btn-danger:hover:not(:disabled){background:#ef444414}.btn-ghost{background:transparent;color:var(--text-muted);padding:.5rem}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--bg-hover)}.btn-sm{padding:.4375rem .875rem;font-size:.8125rem}.btn-icon{padding:.5rem;width:36px;height:36px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4375rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6875rem .875rem;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 3px var(--accent-muted)}.form-group textarea{resize:vertical;min-height:88px}.form-actions{display:flex;gap:.75rem;margin-top:1.25rem;grid-column:1 / -1}.error-msg{color:var(--danger);font-size:.8125rem;margin-top:.5rem}.info-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.25rem;font-size:.875rem;color:var(--text-secondary);text-align:left;margin-top:1rem}.info-box p{margin-bottom:.5rem}.info-box ol{margin:.5rem 0 0 1.25rem;display:flex;flex-direction:column;gap:.375rem}.info-box strong{color:var(--text)}.icon-success{color:var(--success)}.text-link{color:var(--accent);font-weight:600}.text-link:hover{color:var(--accent-hover)}.access-list{display:flex;flex-direction:column;gap:1rem}.access-row{border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.375rem;background:var(--bg-subtle)}.access-row-role{align-items:flex-start}.access-role-picker{flex:1;min-width:220px}.access-role-picker label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.375rem}.access-role-picker select{width:100%;margin-bottom:.5rem}.access-role-summary,.access-role-pages{font-size:.8125rem;color:var(--text-muted);line-height:1.45;margin:0}.access-role-pages{margin-top:.375rem}.access-member-name{font-weight:600;margin-bottom:.125rem}.access-member-email{font-size:.8125rem;color:var(--text-muted)}.access-toggles{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin:1rem 0}.access-toggle{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-secondary)}.access-toggle input{width:1rem;height:1rem;accent-color:var(--accent)}.access-actions{display:flex;flex-wrap:wrap;gap:.5rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.875rem 1.125rem;border-bottom:1px solid var(--border);font-size:.875rem}th{font-weight:600;color:var(--text-muted);font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;background:#ffffff05}tr:last-child td{border-bottom:none}tbody tr{transition:background .12s ease}tbody tr:hover td{background:#ffffff05}.td-actions{display:flex;gap:.25rem;justify-content:flex-end}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:999px;font-size:.6875rem;font-weight:600;letter-spacing:.02em}.badge-pending{background:#f59e0b1f;color:#fbbf24}.badge-progress{background:#38bdf81f;color:#38bdf8}.badge-completed{background:#3b82f61f;color:#60a5fa}.badge-high{background:#ef44441f;color:#f87171}.badge-medium{background:#f59e0b1f;color:#fbbf24}.badge-low{background:#a1a1aa1f;color:#a1a1aa}.badge-owner{background:#6366f11f;color:#818cf8}.auth-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(2rem,var(--safe-top)) max(2rem,var(--safe-right)) max(2rem,var(--safe-bottom)) max(2rem,var(--safe-left));background:radial-gradient(ellipse 70% 60% at 50% -10%,rgba(59,130,246,.12) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 100% 100%,rgba(99,102,241,.08) 0%,transparent 50%),var(--bg)}.auth-card{width:100%;max-width:420px;background:#121214e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-lg)}.auth-card .brand-icon{margin:0 auto 1.5rem;width:56px;height:56px;border-radius:16px}.auth-card h2{text-align:center;font-size:1.5rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.5rem}.auth-card .subtitle{text-align:center;color:var(--text-secondary);font-size:.9375rem;margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-muted)}.empty-state svg{opacity:.35;margin-bottom:1rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:max(1rem,var(--safe-top)) max(1rem,var(--safe-right)) max(1rem,var(--safe-bottom)) max(1rem,var(--safe-left))}.modal{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:640px;max-height:min(90vh,90dvh);overflow-y:auto;box-shadow:var(--shadow-lg);position:relative;z-index:calc(var(--z-modal) + 1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header h3{font-size:1.0625rem;font-weight:600;letter-spacing:-.02em}.modal-body{padding:1.5rem}.tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}.tab{padding:.75rem 1.125rem;background:none;border:none;color:var(--text-muted);font-weight:500;font-size:.8125rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s ease,border-color .15s ease}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.recent-list{list-style:none}.recent-item{display:flex;align-items:center;gap:1rem;padding:.875rem 0;border-bottom:1px solid var(--border)}.recent-item:last-child{border-bottom:none}.recent-icon{width:38px;height:38px;border-radius:10px;background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.recent-content{flex:1;min-width:0}.recent-title{font-weight:500;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-meta{font-size:.75rem;color:var(--text-muted);margin-top:.125rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width: 900px){.two-col{grid-template-columns:1fr}}@media (max-width: 768px){.main-content{padding:calc(var(--header-total) + 1.25rem) max(1.25rem,var(--safe-right)) calc(max(1.25rem,var(--safe-bottom)) + 5rem) max(1.25rem,var(--safe-left))}.nav-drawer{width:min(320px,100vw)}input,select,textarea{font-size:max(16px,1em)}.modal{max-height:min(92vh,92dvh)}}@media (min-width: 768px){.main-content{max-width:960px}.heatmap-map{height:min(65vh,720px)}.estate-map-canvas{min-height:28rem}}@media (min-width: 1024px){.main-content{max-width:1280px}.heatmap-map{height:min(70vh,780px)}.estate-map-canvas{min-height:34rem}}.pest-tracker{max-width:640px}.pest-tracker-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.pest-import-btn{display:inline-flex;align-items:center;gap:.375rem;flex-shrink:0}.pest-import-success{margin-top:.75rem}.pest-tracker-header h2{font-size:1.875rem;font-weight:700;letter-spacing:-.04em;margin-bottom:.25rem}.pest-tracker-header p{color:var(--text-secondary);font-size:.9375rem}.pest-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:1.5rem 0 1rem}.pest-sort-group{display:flex;gap:.5rem;flex-wrap:wrap}.pest-sort-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.4375rem .875rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.pest-sort-btn:hover{border-color:var(--border-strong);color:var(--text)}.pest-sort-btn.active{background:var(--text);color:var(--bg);border-color:var(--text)}.pest-search-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s ease}.pest-search-btn:hover,.pest-search-btn.active{border-color:var(--accent);color:var(--accent)}.pest-search-bar{margin-bottom:1rem}.pest-search-bar input{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem 1rem;color:var(--text)}.pest-search-bar input:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 3px var(--accent-muted)}.pest-list{list-style:none;display:flex;flex-direction:column;gap:.625rem;margin-bottom:5rem}.pest-empty{text-align:center;color:var(--text-muted);padding:2rem}.pest-row{width:100%;display:flex;align-items:center;gap:1rem;padding:1rem 1.125rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;color:inherit;transition:border-color .15s ease,background .15s ease}.pest-row:hover{border-color:var(--border-strong);background:var(--bg-elevated)}.pest-row-icon{width:48px;height:48px;border-radius:50%;background:var(--accent-muted);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pest-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.pest-row-name{font-weight:600;font-size:1rem}.pest-row-meta{font-size:.8125rem;color:var(--text-muted)}.pest-row-chevron{color:var(--text-muted);flex-shrink:0}.pest-heatmap-preview{display:block;margin:1.25rem 0 5.5rem;padding:0;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease}.pest-heatmap-preview:hover{border-color:var(--accent);transform:translateY(-1px)}.pest-heatmap-preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.125rem .75rem}.pest-heatmap-preview-header h3{font-size:1rem;margin-bottom:.25rem}.pest-heatmap-preview-header p{font-size:.8125rem;color:var(--text-muted);margin:0}.pest-heatmap-preview-open{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;color:var(--accent);white-space:nowrap}.pest-heatmap-preview-map-wrap{position:relative;height:10.5rem;border-top:1px solid var(--border)}.pest-heatmap-preview-map{width:100%;height:100%}.pest-heatmap-preview-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#09090b8c;color:var(--text-muted);font-size:.8125rem;pointer-events:none}.pest-heatmap-preview-loading{margin:1.25rem 0 5.5rem;padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.875rem}.map-pin-picker-map{height:14rem;border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden}.map-pin-picker-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.map-pin-picker-actions{display:flex;flex-wrap:wrap;gap:.375rem}.map-pin-marker span{display:block;width:24px;height:24px;background:var(--accent);border:2px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 2px 6px #00000059}.pest-fab-wrap{position:fixed;bottom:max(2rem,calc(1rem + var(--safe-bottom)));left:max(2.5rem,var(--safe-left));right:max(2.5rem,var(--safe-right));display:flex;justify-content:center;pointer-events:none;z-index:50}.pest-fab{pointer-events:auto;display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text);font-weight:600;font-size:.9375rem;cursor:pointer;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.pest-fab:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.pest-history-toggle{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-muted);font-size:.8125rem;cursor:pointer;padding:.5rem 0;margin-top:.5rem}.pest-history-toggle:hover{color:var(--text)}.pest-recent-list{list-style:none;font-size:.8125rem;color:var(--text-muted);display:flex;flex-direction:column;gap:.375rem;padding:.75rem;background:var(--bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--border)}@media (max-width: 768px){.pest-fab-wrap{left:1.25rem;right:1.25rem;bottom:1.25rem}}.pest-detail{max-width:640px;padding-bottom:2rem}.pest-back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem;font-weight:500;margin-bottom:1.25rem;transition:color .15s ease}.pest-back-link:hover{color:var(--text)}.pest-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.pest-detail-icon{width:56px;height:56px;border-radius:50%;background:var(--accent-muted);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pest-detail-header h2{font-size:1.75rem;font-weight:700;letter-spacing:-.03em}.pest-detail-header p{color:var(--text-muted);font-size:.875rem;margin-top:.125rem}.pest-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;margin-bottom:1.25rem}.pest-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.125rem 1.25rem}.pest-stat-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.375rem}.pest-stat-value{font-size:2rem;font-weight:700;letter-spacing:-.03em;line-height:1}.pest-stat-sub{font-size:.8125rem;color:var(--text-muted);margin-top:.375rem}.pest-detail-actions{margin-bottom:1.5rem}.pest-sighting-list{list-style:none}.pest-sighting-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.pest-sighting-item:last-child{border-bottom:none}.pest-sighting-date{font-weight:600;font-size:.9375rem;margin-bottom:.25rem}.pest-sighting-meta{font-size:.875rem;color:var(--text-secondary)}.pest-sighting-by{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.sighting-form{display:flex;flex-direction:column;gap:1rem}.sighting-form-offline{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem .875rem;border-radius:var(--radius-sm);border:1px solid rgba(245,158,11,.35);background:#f59e0b14;color:var(--text-secondary);font-size:.8125rem;line-height:1.45}.sighting-form-offline svg{flex-shrink:0;margin-top:.1rem;color:var(--warning)}.sighting-form-row{display:flex;flex-direction:column;gap:.375rem}.sighting-form-row label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.sighting-form-row input,.sighting-form-row textarea{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6875rem .875rem;color:var(--text);width:100%}.sighting-form-row input:focus,.sighting-form-row textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.sighting-form-row-count input{max-width:6rem;font-size:1.25rem;font-weight:600;text-align:center;letter-spacing:.02em}.sighting-form-actions{display:flex;flex-wrap:wrap;gap:.625rem;padding-top:.25rem}.badge-pending{background:#f59e0b26;color:var(--warning)}.heatmap-page{display:flex;flex-direction:column;gap:1.25rem;height:100%;min-height:calc(100vh - 3rem)}.heatmap-toolbar{padding:1rem 1.25rem}.heatmap-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.heatmap-filter{display:flex;flex-direction:column;gap:.375rem;font-size:.8125rem;color:var(--text-muted)}.heatmap-filter select{min-width:180px;padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font:inherit}.heatmap-stats{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;font-size:.875rem;color:var(--text-secondary)}.heatmap-legend{display:flex;align-items:center;gap:.75rem;margin-top:1rem;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.heatmap-legend-bar{flex:1;height:10px;border-radius:999px;background:linear-gradient(90deg,#440154,#31688e,#35b779,#90d743,#fde725,#fb9a06,#f97316 90%,#dc2626)}.heatmap-map-wrap{position:relative;flex:1;min-height:420px;overflow:hidden;padding:0}.heatmap-map{width:100%;height:min(70vh,640px);min-height:420px;background:#0f172a;z-index:0}.heatmap-empty{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;text-align:center;background:#09090be0;color:var(--text-secondary)}.heatmap-empty h3{color:var(--text);font-size:1.125rem}.heatmap-empty p{max-width:28rem;font-size:.9375rem;line-height:1.6}.heatmap-empty svg{color:var(--accent);opacity:.85}.leaflet-container{font-family:var(--font);background:#0f172a}.map-surface{position:relative;isolation:isolate;z-index:0;overflow:hidden}.map-surface .leaflet-pane,.map-surface .leaflet-map-pane{z-index:auto}.map-surface .leaflet-tile-pane{z-index:1!important}.map-surface .leaflet-overlay-pane{z-index:2!important}.map-surface .leaflet-shadow-pane{z-index:3!important}.map-surface .leaflet-marker-pane{z-index:4!important}.map-surface .leaflet-tooltip-pane{z-index:5!important}.map-surface .leaflet-popup-pane{z-index:6!important}.map-surface .leaflet-top,.map-surface .leaflet-bottom{z-index:7!important}.map-layer-switcher{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.map-layer-switcher-label{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-muted);white-space:nowrap}.map-layer-switcher-buttons{display:inline-flex;flex-wrap:wrap;gap:.375rem}.map-layer-switcher-compact .map-layer-switcher-buttons{gap:.25rem}.map-layer-btn{padding:.4375rem .75rem;min-height:2.25rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer}.map-layer-btn.active{border-color:var(--accent);color:var(--text);background:var(--accent-muted)}.map-layer-switcher-compact .map-layer-btn{padding:.375rem .625rem;min-height:2rem;font-size:.75rem}.leaflet-control-attribution{background:#09090bd9!important;color:var(--text-muted)!important;font-size:.6875rem!important}.leaflet-control-attribution a{color:var(--text-secondary)!important}.date-range-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem}.date-range-fields{display:flex;flex-wrap:wrap;gap:1rem}.date-range-fields label{display:flex;flex-direction:column;gap:.375rem;font-size:.8125rem;color:var(--text-muted)}.date-range-fields input[type=date]{padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font:inherit}.date-range-actions{display:flex;flex-wrap:wrap;gap:.5rem}.record-meta{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.record-meta-compact{margin-top:.125rem}.info-msg{color:var(--info);font-size:.875rem}.success-msg{color:var(--success, #15803d);font-size:.875rem}.import-hint{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem;line-height:1.5}.import-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.import-tab{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);font-size:.8125rem;cursor:pointer}.import-tab.active{border-color:var(--accent);color:var(--text);background:color-mix(in srgb,var(--accent) 12%,var(--bg-elevated))}.import-panel{display:flex;flex-direction:column;gap:.75rem}.import-panel p{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.import-note{font-size:.8125rem!important}.import-paste-area{width:100%;min-height:10rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;resize:vertical}.import-upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);cursor:pointer;font-size:.875rem;width:fit-content}.import-upload-btn input{display:none}.import-preview-toolbar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.import-preview-scroll{overflow-x:auto;margin-bottom:1rem;border:1px solid var(--border);border-radius:var(--radius-sm)}.import-preview-table{width:100%;border-collapse:collapse;font-size:.8125rem}.import-preview-table th,.import-preview-table td{padding:.5rem .625rem;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.import-preview-table th{background:var(--bg-elevated);font-weight:600}.import-preview-table tr.import-row-error td{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent)}.import-error-list{color:var(--danger);font-size:.8125rem;margin:0 0 1rem;padding-left:1.25rem}.reports-page{display:flex;flex-direction:column;gap:1.25rem}.reports-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.summary-list{list-style:none}.summary-list li{display:flex;justify-content:space-between;gap:1rem;padding:.625rem 0;border-bottom:1px solid var(--border)}.summary-list li:last-child{border-bottom:none}.empty-inline{color:var(--text-muted);font-size:.9375rem}.reports-footnote{font-size:.8125rem;color:var(--text-muted)}.print-report{display:none}@media print{body *{visibility:hidden}.print-report,.print-report *{visibility:visible}.print-report{display:block;position:absolute;left:0;top:0;width:100%;padding:1rem;color:#000;background:#fff}.print-report-header{margin-bottom:1rem}.print-report-header h1{font-size:1.25rem;margin-bottom:.25rem}.print-report table{width:100%;border-collapse:collapse;font-size:.75rem}.print-report th,.print-report td{border:1px solid #ccc;padding:.35rem .5rem;text-align:left}}@media (max-width: 768px){.reports-grid{grid-template-columns:1fr}.stats-grid[style*="repeat(4"]{grid-template-columns:repeat(2,1fr)!important;max-width:none!important}}.toast{position:fixed;bottom:max(1.25rem,calc(.75rem + var(--safe-bottom)));right:max(1.25rem,var(--safe-right));z-index:var(--z-toast);max-width:min(420px,calc(100vw - 2rem));padding:.875rem 1.125rem;border-radius:var(--radius-sm);font-size:.9375rem;box-shadow:var(--shadow-lg);animation:toast-in .2s ease}.toast-success{background:#22c55e26;border:1px solid rgba(34,197,94,.35);color:#86efac}.toast-error{background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#fca5a5}.toast-info{background:#3b82f626;border:1px solid rgba(59,130,246,.35);color:#93c5fd}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.install-prompt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--accent-muted)}.install-prompt-text{display:flex;align-items:center;gap:.625rem;font-size:.9375rem;color:var(--text-secondary)}.install-prompt-actions{display:flex;align-items:center;gap:.375rem}.install-prompt-ios .install-prompt-text{line-height:1.5}.load-more-btn,.load-more-wrap{width:100%;margin-top:.75rem}.load-more-wrap{padding:0 .5rem .5rem}.update-prompt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(59,130,246,.35);background:#3b82f61a}.update-prompt-text{display:flex;align-items:center;gap:.625rem;font-size:.9375rem;color:var(--text-secondary)}.update-prompt-actions{display:flex;align-items:center;gap:.375rem}.toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.filter-chips{display:flex;gap:.375rem}.chip{padding:.375rem .75rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font:inherit;font-size:.8125rem;cursor:pointer}.chip.active{background:var(--accent-muted);border-color:#3b82f659;color:var(--text)}.row-overdue{background:#ef44440f}.mobile-sub{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}@media (max-width: 768px){.data-table thead{display:none}.data-table tbody tr{display:block;margin-bottom:.875rem;padding:.875rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated)}.data-table tbody tr.row-overdue{border-color:#ef444459}.data-table td{display:flex;justify-content:space-between;gap:1rem;padding:.375rem 0;border:none;text-align:right}.data-table td:before{content:attr(data-label);font-weight:600;font-size:.75rem;color:var(--text-muted);text-align:left;flex-shrink:0}.data-table td[data-label=""]:before{display:none}.data-table .td-actions{justify-content:flex-end;width:100%}.toast{left:1rem;right:1rem;bottom:1rem}}.badge-work{background:#6366f11f;color:#a5b4fc}.badge-report{background:#f59e0b1f;color:#fbbf24}.job-workflow-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.job-workflow-card{display:flex;flex-direction:column;gap:.875rem;padding:1rem 1.125rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card)}.job-workflow-card svg{color:var(--accent);flex-shrink:0}.job-workflow-card strong{display:block;font-size:.9375rem;margin-bottom:.25rem}.job-workflow-card span{display:block;font-size:.8125rem;color:var(--text-muted);line-height:1.45}.job-share-link{font-size:.75rem;color:var(--accent);text-decoration:underline;text-underline-offset:2px}.job-stats-grid{grid-template-columns:repeat(4,1fr);max-width:720px;margin-bottom:1.5rem}.job-board-header{flex-wrap:wrap;gap:1rem}.job-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.job-card{display:flex;flex-direction:column;gap:.75rem;padding:1.125rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);transition:border-color .15s ease}.job-card-overdue{border-color:#ef444459;background:#ef44440a}.job-card-report{border-left:3px solid rgba(245,158,11,.6)}.job-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.job-card-badges{display:flex;flex-wrap:wrap;gap:.375rem}.job-card-admin{display:flex;gap:.125rem;flex-shrink:0}.job-card-title{font-size:1.0625rem;font-weight:600;letter-spacing:-.02em;line-height:1.35}.job-card-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.job-card-meta{display:flex;flex-direction:column;gap:.375rem;font-size:.8125rem;color:var(--text-muted)}.job-card-meta span{display:inline-flex;align-items:center;gap:.375rem}.job-card-unassigned{color:var(--warning);font-weight:500}.job-card-notes{padding:.75rem;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.job-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem;padding-top:.75rem;border-top:1px solid var(--border)}.form-hint{font-size:.875rem;color:var(--text-muted);line-height:1.5;margin:0}.auth-footer{margin-top:1.25rem;text-align:center;font-size:.875rem;color:var(--text-muted)}.auth-footer a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.report-card{max-width:480px}.report-success{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.report-success h2{font-size:1.375rem}.report-success p{color:var(--text-secondary);margin-bottom:.5rem}@media (max-width: 900px){.job-workflow-cards{grid-template-columns:1fr}.job-stats-grid{grid-template-columns:repeat(2,1fr)}}.settings-info{display:flex;align-items:flex-start;gap:1rem}.settings-info svg{color:var(--accent);flex-shrink:0;margin-top:.125rem}.settings-info p{margin-top:.25rem;font-size:.875rem;color:var(--text-muted);line-height:1.5}.settings-shell{max-width:720px}.settings-back-link{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:1rem;color:var(--text-muted);font-size:.875rem;font-weight:500;text-decoration:none}.settings-back-link:hover{color:var(--accent)}.settings-hub-group{margin-bottom:1.5rem}.settings-hub-group-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 .65rem .15rem}.settings-hub-list{display:flex;flex-direction:column;gap:.5rem}.settings-hub-item{display:flex;align-items:center;gap:.875rem;padding:.95rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);text-decoration:none;color:inherit;transition:border-color .15s ease,background .15s ease}.settings-hub-item:hover{border-color:var(--accent);background:var(--bg-elevated)}.settings-hub-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--accent);flex-shrink:0}.settings-hub-copy{flex:1;min-width:0}.settings-hub-copy strong{display:block;font-size:.9375rem;margin-bottom:.15rem}.settings-hub-copy span{display:block;font-size:.8125rem;color:var(--text-muted);line-height:1.45}.settings-hub-chevron{color:var(--text-muted);flex-shrink:0}.settings-form{display:flex;flex-direction:column;gap:.875rem}.settings-section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-top:.25rem}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);cursor:pointer}.settings-toggle-row strong{display:block;font-size:.9375rem;margin-bottom:.2rem}.settings-toggle-copy{flex:1;cursor:pointer}.settings-toggle-copy strong{display:block;font-size:.9375rem;margin-bottom:.2rem}.settings-toggle-copy span{display:block;font-size:.8125rem;color:var(--text-muted);line-height:1.45}.water-area-setup{display:flex;flex-direction:column;gap:.5rem}.water-area-test-toggle{margin-left:0}.settings-toggle-row span{display:block;font-size:.8125rem;color:var(--text-muted);line-height:1.45}.settings-toggle-row input{width:18px;height:18px;flex-shrink:0;accent-color:var(--accent)}.settings-divider{height:1px;background:var(--border);margin:.25rem 0}.settings-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.settings-blocker{display:flex;align-items:flex-start;gap:.625rem;padding:.875rem 1rem;margin-bottom:1.25rem;border-radius:var(--radius-sm);border:1px solid #f59e0b;background:#f59e0b1f;color:var(--text);font-size:.875rem;line-height:1.5}.settings-blocker svg{flex-shrink:0;color:#f59e0b;margin-top:.125rem}.photo-upload{display:flex;flex-wrap:wrap;gap:.75rem}.photo-thumb{position:relative;width:88px;height:88px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border:none;border-radius:999px;background:#000000a6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.photo-add{width:88px;height:88px;border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;cursor:pointer;font-size:.75rem}.photo-add:hover{border-color:var(--accent);color:var(--accent)}.offline-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:#7c2d12;color:#fff;font-size:.8125rem;position:sticky;top:0;z-index:200}.offline-banner-sync{background:#854d0e}.job-card-ref{font-size:.8125rem;color:var(--text-muted);margin-bottom:.35rem}.job-card-photos{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 .75rem}.job-card-photos a{display:block;width:72px;height:72px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.job-card-photos img{width:100%;height:100%;object-fit:cover}.report-reference{font-size:1rem;margin:.75rem 0}.access-permissions{margin-top:.875rem;padding-top:.875rem;border-top:1px solid var(--border)}.access-permissions-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.access-permissions-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.role-template-table-wrap{overflow-x:auto}.role-template-table{width:100%;border-collapse:collapse;font-size:.875rem}.role-template-table th,.role-template-table td{padding:.75rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.role-template-table th:not(:first-child),.role-template-table td.role-template-check{text-align:center;width:6rem}.role-template-check input{width:18px;height:18px;accent-color:var(--accent)}.access-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.access-permission-toggle{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer}.access-permission-toggle input{accent-color:var(--accent)}.analytics-bars{display:flex;flex-direction:column;gap:.75rem}.analytics-row{display:grid;grid-template-columns:minmax(80px,1fr) 2fr auto;gap:.75rem;align-items:center}.analytics-label{font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-bar-wrap{height:10px;background:var(--bg-elevated);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.analytics-bar{height:100%;border-radius:999px;min-width:4px}.analytics-bar-species{background:var(--accent)}.analytics-bar-spray{background:#22c55e}.analytics-value{font-weight:600;font-size:.875rem;min-width:2rem;text-align:right}@media (max-width: 640px){.analytics-row{grid-template-columns:1fr auto;grid-template-rows:auto auto}.analytics-bar-wrap{grid-column:1 / -1}.access-permission-grid{grid-template-columns:1fr}}.water-stream-tabs,.water-supply-tabs,.water-category-tabs,.water-section-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.water-stream-tab,.water-supply-tab,.water-category-tab,.water-section-tabs button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer}.water-stream-tab.active,.water-supply-tab.active,.water-category-tab.active,.water-section-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.water-section-tabs button{display:inline-flex;align-items:center;gap:.4rem}.water-compliance{display:flex;flex-direction:column;gap:.25rem;padding:.875rem 1rem;border-radius:var(--radius);margin-bottom:1rem;border:1px solid var(--border);background:var(--surface)}.water-compliance-ok{border-color:#22c55e55}.water-compliance-due_soon{border-color:#f59e0b55}.water-compliance-overdue,.water-compliance-unknown{border-color:#ef444455}.water-entry-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.water-entry-card{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;background:var(--surface)}.water-entry-header{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.water-entry-actions{display:flex;gap:.25rem}.water-attachments{display:flex;flex-wrap:wrap;gap:.75rem;margin:.5rem 0}.water-attachments a{font-size:.875rem}.file-thumb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;width:100%;height:100%;padding:.5rem;text-align:center;font-size:.75rem;color:var(--text-muted)}.edit-history{margin-top:.5rem}.edit-history-toggle{display:inline-flex;align-items:center;gap:.35rem;border:none;background:none;color:var(--text-muted);font-size:.8125rem;cursor:pointer;padding:0}.edit-history-list{margin-top:.5rem;padding-left:.75rem;border-left:2px solid var(--border)}.edit-history-item{font-size:.8125rem;color:var(--text-muted);margin-bottom:.5rem}.edit-history-detail{margin-top:.15rem}.input-with-action{display:flex;gap:.35rem;align-items:center}.input-with-action input{flex:1}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}.fencing-map-card{overflow:hidden}.fencing-map-body{padding:0}.fencing-map-embed{display:block;width:100%;height:min(70vh,640px);min-height:360px;border:0}.location-capture{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.field-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.25rem}.field-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;font-size:.875rem;font-weight:500;transition:border-color .15s,background .15s}.estate-map-page{display:flex;flex-direction:column;gap:1.25rem}.estate-map-toolbar{padding:1rem}.estate-map-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.estate-map-toggle{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer}.estate-map-count{margin-left:auto;display:inline-flex;align-items:center;gap:.35rem}.estate-map-container{overflow:hidden;padding:0}.estate-map-canvas{width:100%;height:min(70vh,640px);min-height:360px}.estate-map-page.estate-map-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);gap:.75rem;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));background:var(--bg)}.estate-map-fullscreen-title{display:flex;align-items:center}.estate-map-fullscreen-title strong{font-size:1rem}.estate-map-page.estate-map-fullscreen .estate-map-container{flex:1;min-height:0;display:flex;flex-direction:column}.estate-map-page.estate-map-fullscreen .estate-map-canvas{flex:1;height:auto;min-height:0}.estate-map-fullscreen-btn{margin-left:auto}.estate-map-toolbar-compact{padding:.75rem}.estate-map-toolbar-compact .estate-map-count{margin-left:0}.leaflet-container .estate-map-popup .leaflet-popup-content{margin:.75rem .9rem;font-size:.875rem;line-height:1.45}.leaflet-container .estate-map-popup .leaflet-popup-content-wrapper{border-radius:var(--radius-md);box-shadow:var(--shadow)}.leaflet-container .estate-map-popup .leaflet-popup-content a{color:var(--accent);word-break:break-word}.estate-map-popup-meta{display:block;color:var(--text-muted);font-size:.8125rem}.estate-map-popup-notes{display:block;margin-top:.35rem;font-size:.8125rem}.estate-map-page.estate-map-fullscreen .leaflet-popup,.estate-map-page.estate-map-fullscreen .leaflet-control{z-index:calc(var(--z-modal) + 2)}.water-system-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.water-system-tab{padding:.5rem .875rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.8125rem;cursor:pointer}.water-system-tab.active{border-color:var(--accent);color:var(--text);background:#22c55e1a}.water-system-card,.water-stream-intro{margin-bottom:1rem}.water-system-card .card-body{padding-top:0}.bottom-nav{display:none}@media (max-width: 768px){.bottom-nav{display:flex;position:fixed;bottom:calc(.75rem + var(--safe-bottom));left:max(1rem,var(--safe-left));right:max(1rem,var(--safe-right));z-index:var(--z-bottom-nav);align-items:center;justify-content:space-around;gap:.25rem;padding:.5rem .625rem;background:var(--bottom-nav-bg);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg)}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;min-width:3.5rem;padding:.375rem .5rem;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--bottom-nav-text);font-size:.625rem;font-weight:600;text-decoration:none;cursor:pointer;transition:color .15s ease,background .15s ease}.bottom-nav-link.active{color:var(--bottom-nav-active)}.bottom-nav-link svg{flex-shrink:0}}.theme-options{display:flex;flex-wrap:wrap;gap:.5rem}.theme-option{display:inline-flex;align-items:center;gap:.45rem;padding:.625rem 1rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;box-shadow:var(--shadow-sm)}.theme-option:hover{background:var(--bg-hover);color:var(--text)}.theme-option.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}[data-theme=dark] .theme-option.active{background:var(--accent-muted);border-color:#3b82f659;color:var(--text)}.field-action-btn{border:var(--card-border);box-shadow:var(--shadow-sm);border-radius:var(--radius-lg)}.field-action-btn:hover{border-color:var(--border-strong);background:var(--bg-hover);box-shadow:var(--shadow)}.page-header h2{letter-spacing:-.04em}.access-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.access-toolbar h3{font-size:1.125rem}.role-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.role-card{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:var(--bg-card);border:var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.role-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.role-card-top h4{font-size:1.0625rem;margin-bottom:.35rem}.role-card-badge{display:inline-block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.role-card-badge.custom{color:var(--info)}.role-card-count{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap}.role-card-summary{font-size:.875rem;color:var(--text-secondary);line-height:1.45}.role-card-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--text-muted)}.role-card-people{display:flex;flex-wrap:wrap;gap:.375rem}.role-person-chip{display:inline-flex;padding:.25rem .625rem;border-radius:var(--radius-pill);background:var(--bg-hover);font-size:.75rem;color:var(--text-secondary)}.role-editor-section{display:flex;flex-direction:column;gap:.625rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.role-editor-section h4{font-size:.9375rem}.role-editor-summary{font-size:.8125rem;color:var(--text-muted)}.permission-pills{display:flex;flex-wrap:wrap;gap:.5rem}.permission-pill{padding:.5rem .875rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.permission-pill.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}[data-theme=dark] .permission-pill.active{background:var(--accent-muted);border-color:#3b82f659;color:var(--text)}.role-member-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.role-member-list li{padding:.625rem .75rem;border-radius:var(--radius-sm);background:var(--bg-hover)}.role-assign-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.role-assign-row select{flex:1;min-width:12rem}.access-row-simple{align-items:center}.access-row-actions{display:flex;gap:.35rem;flex-shrink:0}.access-row-simple input{flex:1;min-width:0}.access-row-simple .access-role-picker{min-width:14rem}.access-awaiting-card{border-color:#f59e0b59}.access-row-awaiting{border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-sm);padding:.75rem;background:#f59e0b0f}