@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap");@import url("https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.min.css");@import url("https://unpkg.com/leaflet.markercluster@1.5.3/dist/MarkerCluster.css");@import url("https://unpkg.com/leaflet.markercluster@1.5.3/dist/MarkerCluster.Default.css");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-app:#f0f3f1;--bg-sidebar:#043016;--bg-panel:#fff;--bg-card:#fff;--bg-card-hover:rgba(0,102,51,.04);--bg-active:rgba(0,102,51,.08);--border-color:rgba(0,102,51,.12);--border-color-active:#063;--text-primary:#122218;--text-muted:#5a6e62;--text-green:#063;--text-white:#fff;--accent-green:#063;--accent-gold:#c0ff00;--accent-amber:#d97706;--accent-blue:#1d4ed8;--accent-rose:#dc2626;--radius-lg:12px;--radius-md:8px;--radius-sm:4px;--font-title:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--bg-header:#004d26;--bg-header-brand:#043016;--bg-header-banner:#004d26;--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,50,20,.06),0 2px 4px rgba(0,50,20,.03);--shadow-lg:0 10px 25px rgba(0,50,20,.1),0 4px 10px rgba(0,50,20,.04);--shadow-glow:0 0 15px rgba(192,255,0,.15);--transition:all 0.25s cubic-bezier(0.4,0,0.2,1)}body,html{height:100%;font-family:var(--font-body);color:var(--text-primary)}.app-layout,body,html{background:var(--bg-app);overflow:hidden}.app-layout{display:flex;flex-direction:column;height:100vh;width:100vw}.app-body{flex:1 1;height:calc(100vh - 93px);overflow:hidden}.app-body,.global-header{display:flex;width:100%;position:relative}.global-header{height:65px;border-bottom:3px solid var(--accent-gold);flex-shrink:0;z-index:10000;background:var(--bg-header);box-shadow:var(--shadow-md)}.header-brand-zone{width:240px;background:var(--bg-header-brand);display:flex;align-items:center;padding:0 16px;gap:12px;flex-shrink:0;border-right:1px solid hsla(0,0%,100%,.08);transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.header-brand-zone.collapsed{width:68px;justify-content:center;padding:0;gap:0}.header-logo-badge{width:36px;height:36px;border-radius:var(--radius-md);background:hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center;font-size:20px}.header-brand-text{display:flex;flex-direction:column;white-space:nowrap}.brand-name{color:#fff;font-family:var(--font-title);font-weight:800;font-size:15px;letter-spacing:.5px}.brand-sub{color:var(--accent-gold);font-size:8px;font-weight:700;letter-spacing:.8px}.header-banner-zone{flex:1 1;background:var(--bg-header-banner);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.header-left{display:flex;align-items:center;gap:16px}.sidebar-toggle-btn{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);color:#fff;width:32px;height:32px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:var(--shadow-sm)}.sidebar-toggle-btn:hover{background:hsla(0,0%,100%,.2);color:var(--accent-gold);border-color:var(--accent-gold);transform:scale(1.05)}.header-system-title{display:flex;flex-direction:column}.system-title-text{font-size:15px;font-weight:800;color:#fff;margin:0;line-height:1.2;letter-spacing:.2px}.system-subtitle-text{font-size:11px;color:var(--accent-gold);margin:0;font-weight:600;letter-spacing:.4px}.header-right{display:flex;align-items:center;gap:20px}.header-notif-btn{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:var(--transition);font-size:16px}.header-notif-btn:hover{background:hsla(0,0%,100%,.2);color:var(--accent-gold);border-color:var(--accent-gold);transform:translateY(-1px)}.notif-badge{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:var(--accent-rose);border:1.5px solid var(--bg-header-banner)}.header-user-block{display:flex;align-items:center;gap:10px}.user-text-info{display:flex;flex-direction:column;text-align:right}.user-name{font-size:13px;font-weight:700;color:#fff;line-height:1.2}.user-role{font-size:10px;color:hsla(0,0%,100%,.7);font-weight:500}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-gold);color:#043016;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;border:2px solid hsla(0,0%,100%,.3)}.global-sidebar{width:240px;background:var(--bg-sidebar);border-right:1px solid hsla(0,0%,100%,.08);display:flex;flex-direction:column;padding:16px 0;flex-shrink:0;z-index:100;transition:width .3s cubic-bezier(.4,0,.2,1);height:100%}.global-sidebar.collapsed{width:68px}.sidebar-menu{display:flex;flex-direction:column;gap:20px;flex:1 1;overflow-y:auto;padding:0 12px}.sidebar-section{display:flex;flex-direction:column;gap:4px}.sidebar-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:hsla(0,0%,100%,.4);margin-bottom:6px;padding-left:8px;white-space:nowrap;transition:opacity .2s ease}.global-sidebar.collapsed .brand-subtitle,.global-sidebar.collapsed .footer-text,.global-sidebar.collapsed .nav-label,.global-sidebar.collapsed .sidebar-section-title{opacity:0;pointer-events:none;width:0;display:none}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);color:hsla(0,0%,100%,.65);text-decoration:none;font-size:13px;font-weight:500;transition:var(--transition);border-left:3px solid transparent;white-space:nowrap}.nav-item:hover{background:hsla(0,0%,100%,.08);color:#fff}.nav-item.active{background:var(--accent-gold);color:#043016;font-weight:700;border-left-color:var(--accent-gold)}.nav-icon{font-size:18px;width:24px;justify-content:center}.nav-icon,.sidebar-footer{display:flex;align-items:center}.sidebar-footer{padding:16px 20px 0;border-top:1px solid hsla(0,0%,100%,.08);justify-content:space-between;overflow:hidden;white-space:nowrap}.footer-text{font-size:10px;color:hsla(0,0%,100%,.4);font-weight:600}.sidebar-export-container{padding:16px 16px 8px;border-top:1px solid hsla(0,0%,100%,.08);margin-top:auto;width:100%}.global-sidebar.collapsed .sidebar-export-container{display:none}.sidebar-export-panel{display:flex;flex-direction:column;gap:12px}.sidebar-export-panel-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:hsla(0,0%,100%,.5)}.sidebar-export-field{display:flex;flex-direction:column;gap:4px}.sidebar-export-label{font-size:11px;font-weight:500;color:hsla(0,0%,100%,.6)}.sidebar-export-select{width:100%;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);color:#fff;border-radius:var(--radius-md);padding:8px 10px;font-size:12px;outline:none;font-family:var(--font-body);transition:border-color .2s ease;cursor:pointer}.sidebar-export-select option{background:#043016;color:#fff}.sidebar-export-select:focus{border-color:var(--accent-gold)}.sidebar-export-btn{background:var(--accent-gold)!important;border:none;color:#043016!important;padding:10px 14px;border-radius:var(--radius-md);font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition);box-shadow:0 2px 6px rgba(0,0,0,.3)}.sidebar-export-btn:hover{background:#e0b800!important;transform:translateY(-1.5px);box-shadow:0 4px 10px rgba(0,0,0,.4)}.sidebar-export-btn:active{transform:translateY(0)}.app-content{flex:1 1;display:flex;min-width:0;height:100%}.buims-container{width:100%;position:relative}.buims-container,.buims-list-panel{display:flex;height:100%;overflow:hidden}.buims-list-panel{width:320px;background:var(--bg-panel);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1)}.buims-list-panel.collapsed{width:0;border-right:none}.panel-header{padding:16px;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px;min-width:0;box-sizing:border-box}.panel-title{font-family:var(--font-title);font-size:14px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.search-box{position:relative;width:100%}.search-box input{width:100%;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 12px;color:var(--text-primary);font-size:12px;outline:none;transition:all .2s ease}.search-box input:focus{border-color:var(--border-color-active);box-shadow:0 0 0 2px rgba(6,75,34,.1)}.quick-filters{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;width:100%}.quick-filters.cols-3>:nth-child(3){grid-column:1/-1}.quick-filters.cols-4{grid-template-columns:1fr 1fr}.quick-filters select{width:100%;min-width:0;box-sizing:border-box;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:7px 8px;color:var(--text-primary);font-size:11px;outline:none;cursor:pointer}.quick-filters select:focus{border-color:var(--border-color-active);box-shadow:0 0 0 2px rgba(6,75,34,.08)}.list-scroll{flex:1 1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;min-width:0}.site-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;cursor:pointer;transition:var(--transition)}.site-card:hover{background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.site-card.active,.site-card:hover{border-color:var(--border-color-active)}.site-card.active{background:var(--bg-active);border-left:3px solid var(--border-color-active);box-shadow:inset 0 0 8px rgba(6,75,34,.05)}.site-card-title{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.site-card-subtitle{margin-bottom:6px}.site-card-meta,.site-card-subtitle{font-size:10px;color:var(--text-muted)}.site-card-meta{display:flex;justify-content:space-between;align-items:center}.site-badge{padding:2px 6px;border-radius:12px;font-size:9px;font-weight:700;text-transform:uppercase}.site-badge.active-status{background:#eafbf1;color:#15803d;border:1px solid #bbf7d0}.site-badge.warning-status{background:#fffbeb;color:#b45309;border:1px solid #fef3c7}.site-badge.danger-status{background:#fef2f2;color:#b91c1c;border:1px solid #fee2e2}.list-pagination{padding:10px 16px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-muted);min-width:320px}.pagination-btn{background:hsla(0,0%,100%,.05);border:1px solid var(--border-color);color:var(--text-primary);padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:10px}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.buims-map-panel{flex:1 1;height:100%;position:relative;min-width:0;background:#000}.panel-toggle-btn{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid var(--border-color);color:var(--accent-green);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;box-shadow:var(--shadow-md);transition:var(--transition);font-size:14px;font-weight:700}.panel-toggle-btn:hover{background:var(--bg-active);color:var(--accent-gold);border-color:var(--accent-gold)}.panel-toggle-btn.left-toggle{left:308px}.panel-toggle-btn.left-toggle.collapsed{left:12px}.panel-toggle-btn.right-toggle{right:288px}.panel-toggle-btn.right-toggle.collapsed{right:12px}.map-legend-overlay{position:absolute;bottom:24px;left:24px;background:hsla(0,0%,100%,.92);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:14px;z-index:998;width:200px;box-shadow:0 10px 25px rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.legend-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:10px}.legend-list{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-primary);font-weight:600}.legend-footnote{margin-top:10px;padding-top:8px;border-top:1px solid var(--border-color);font-size:9px;color:var(--text-muted);font-weight:600}.legend-color{width:10px;height:10px;border-radius:50%}.legend-icon-pin{width:18px;height:18px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.25);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.legend-icon-pin span{transform:rotate(45deg);font-size:9px;line-height:1;color:#fff;font-weight:700}.custom-data-marker-wrap{background:transparent!important;border:none!important}.data-marker{position:relative;width:38px;height:46px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));transition:transform .2s ease}.data-marker:hover{transform:translateY(-2px) scale(1.06);z-index:1000!important}.data-marker-ring{position:absolute;inset:2px 2px 12px;border-radius:50%;border:2px solid hsla(0,0%,100%,.35);pointer-events:none}.data-marker-body{position:absolute;top:0;left:3px;width:32px;height:32px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);background:linear-gradient(145deg,var(--m-color),color-mix(in srgb,var(--m-color) 75%,#000));border:2.5px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.35)}.data-marker-icon{transform:rotate(45deg);font-size:13px;line-height:1;color:#fff;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.35)}.data-marker-pointer{position:absolute;bottom:0;left:50%;width:0;height:0;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid var(--m-color);filter:brightness(.85)}.data-marker-active .data-marker-body{animation:marker-pulse 1.6s ease-in-out infinite;box-shadow:0 0 0 3px var(--m-glow),0 0 14px var(--m-glow),inset 0 1px 0 hsla(0,0%,100%,.35)}@keyframes marker-pulse{0%,to{transform:rotate(-45deg) scale(1)}50%{transform:rotate(-45deg) scale(1.08)}}.marker-cluster-custom-wrap{background:transparent!important;border:none!important}.marker-cluster-bubble{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;border:3px solid hsla(0,0%,100%,.95);background:radial-gradient(circle at 30% 30%,#059669,#004d26 70%);box-shadow:0 4px 14px rgba(0,77,38,.45)}.marker-cluster-bubble span{line-height:1}.marker-cluster-medium .marker-cluster-bubble{font-size:14px;background:radial-gradient(circle at 30% 30%,#d97706,#92400e 70%);box-shadow:0 4px 14px rgba(146,64,14,.45)}.marker-cluster-large .marker-cluster-bubble{font-size:15px;background:radial-gradient(circle at 30% 30%,#dc2626,#7f1d1d 70%);box-shadow:0 4px 16px rgba(127,29,29,.5)}.leaflet-cluster-anim .leaflet-marker-icon,.leaflet-cluster-anim .leaflet-marker-shadow{transition:transform .25s ease-out,opacity .25s ease-out}.buims-detail-panel{width:300px;background:var(--bg-panel);border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.buims-detail-panel.collapsed{width:0;border-left:none}.detail-section{padding:20px 16px;border-bottom:1px solid var(--border-color);min-width:300px}.detail-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:12px}.detail-site-name{font-family:var(--font-title);font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.snapshot-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:12px}.snapshot-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px;text-align:center}.snapshot-lbl{font-size:9px;color:var(--text-muted);text-transform:uppercase}.snapshot-val{font-size:14px;font-weight:800;color:var(--text-primary);margin-top:4px}.trend-panel{flex:1 1;display:flex;flex-direction:column;min-height:0}.trend-container{flex:1 1;min-height:120px;position:relative;display:flex;align-items:center;justify-content:center}.action-btn-danger{width:100%;background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.2);color:var(--accent-rose);padding:10px;border-radius:var(--radius-md);font-size:11px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.action-btn-danger:hover{background:var(--accent-rose);color:#fff}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--bg-app);gap:16px}.spinner{width:32px;height:32px;border:2px solid hsla(0,0%,100%,.05);border-top:2px solid var(--accent-gold);border-radius:50%;animation:spin .8s linear infinite}.leaflet-container{background:#eaf4ee!important}.leaflet-popup-content-wrapper{background:#fff!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 16px rgba(0,0,0,.08)!important}.leaflet-popup-tip{background:#fff!important}.popup-title{font-family:var(--font-title);font-size:13px;font-weight:700;color:var(--accent-green)!important;margin-bottom:8px}.popup-row{display:flex;justify-content:space-between;font-size:11px;margin-bottom:4px;border-bottom:1px solid rgba(6,75,34,.05)!important;padding-bottom:2px}.popup-key{color:var(--text-muted)}.popup-val{font-weight:600}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,102,51,.18);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-green)}.home-container{padding:40px;width:100%;overflow-y:auto;display:flex;flex-direction:column;gap:30px}.home-header{border-bottom:1px solid var(--border-color);padding-bottom:20px}.home-title{font-family:var(--font-title);font-size:28px;font-weight:800}.home-subtitle{font-size:14px;color:var(--text-muted);margin-top:6px}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.home-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:16px}.home-card:hover{border-color:var(--border-color-active);transform:translateY(-2px);box-shadow:0 8px 24px rgba(6,75,34,.08)}.home-card-header{display:flex;align-items:center;gap:12px}.home-card-icon{font-size:24px}.home-card-title{font-family:var(--font-title);font-size:18px;font-weight:700}.home-card-desc{font-size:12px;color:var(--text-muted);line-height:1.5}.home-kpis{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.home-kpi{background:rgba(6,75,34,.03);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px}.home-kpi-val{font-size:16px;font-weight:800}.home-kpi-lbl{font-size:10px;color:var(--text-muted);margin-top:2px}.sync-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;font-family:var(--font-body);font-size:13px;font-weight:700;color:#003319;background-color:var(--accent-gold);border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);margin-right:16px;box-shadow:0 2px 6px rgba(0,0,0,.15)}.sync-btn:hover:not(:disabled){background-color:#e0b800;transform:translateY(-1.5px);box-shadow:0 4px 10px rgba(0,0,0,.25)}.sync-btn:active:not(:disabled){transform:translateY(0)}.download-action-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;font-family:var(--font-body);font-size:13px;font-weight:700;color:#003319;background-color:var(--accent-gold);border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);box-shadow:0 2px 6px rgba(0,0,0,.15)}.download-action-btn:hover{background-color:#e0b800;transform:translateY(-1.5px);box-shadow:0 4px 10px rgba(0,0,0,.25)}.download-action-btn:active{transform:translateY(0)}.download-action-btn.green-btn{background-color:var(--accent-green);color:#fff}.download-action-btn.green-btn:hover{background-color:#004d26;color:#fff}.sync-btn:disabled{background-color:#5a6e62;color:hsla(0,0%,100%,.5);cursor:not-allowed;opacity:.7;box-shadow:none}.sync-icon-spin{display:inline-block;animation:spin 1.2s linear infinite}.home-banner{background:linear-gradient(135deg,var(--bg-header-brand) 0,#004d26 50%,#063 100%);border-left:6px solid var(--accent-gold);border-radius:var(--radius-lg);padding:30px;color:#fff;display:flex;align-items:center;gap:24px;box-shadow:var(--shadow-lg)}.home-banner-badge{font-size:40px;background:hsla(0,0%,100%,.1);width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid rgba(245,158,11,.4);flex-shrink:0;box-shadow:0 8px 16px rgba(0,0,0,.1)}.home-banner-content{display:flex;flex-direction:column;gap:8px}.home-banner-tag{background:var(--accent-gold);color:#043016;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:3px 8px;border-radius:4px;width:-moz-fit-content;width:fit-content}.home-banner-title{font-family:var(--font-title);font-size:24px;font-weight:800;margin:0;letter-spacing:.5px}.home-banner-desc{font-size:13px;line-height:1.6;opacity:.9;max-width:850px}.home-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.home-kpi-card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;gap:4px;transition:var(--transition);box-shadow:var(--shadow-sm)}.home-kpi-card:hover{border-color:var(--border-color-active);transform:translateY(-3px);box-shadow:var(--shadow-md)}.home-kpi-card-num{font-size:24px;font-weight:800;font-family:var(--font-title);line-height:1.2}.home-kpi-card-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.home-section-divider{display:flex;align-items:center;gap:16px;margin-top:10px}.home-section-line{flex:1 1;height:1px;background:var(--border-color)}.home-section-title{font-family:var(--font-title);font-size:14px;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:.8px}.home-guide-container{display:grid;grid-template-columns:3fr 2fr;grid-gap:20px;gap:20px;margin-top:10px}.home-guide-block{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:20px}.home-guide-heading{font-family:var(--font-title);font-size:15px;font-weight:700;color:var(--text-green);border-bottom:1px solid var(--border-color);padding-bottom:10px;margin:0;display:flex;align-items:center;gap:8px}.home-guide-list{display:flex;flex-direction:column;gap:16px}.home-guide-item{display:flex;gap:12px}.home-guide-number{background:rgba(6,75,34,.08);color:var(--text-green);font-size:12px;font-weight:700;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-guide-content{display:flex;flex-direction:column;gap:4px}.home-guide-title{font-size:13px;font-weight:700;color:var(--text-primary)}.home-guide-desc{font-size:12px;color:var(--text-muted);line-height:1.5}.glossary-grid{gap:12px}.glossary-grid,.glossary-item{display:flex;flex-direction:column}.glossary-item{border-left:3px solid var(--border-color);padding-left:12px;gap:4px}.glossary-term{font-size:12px;font-weight:700;color:var(--text-primary)}.glossary-definition{font-size:11px;color:var(--text-muted);line-height:1.4}.toast-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:9999;pointer-events:none}.toast-item{pointer-events:auto;min-width:320px;background:#fff;border-left:5px solid var(--accent-green);box-shadow:0 10px 25px rgba(0,0,0,.15);border-radius:var(--radius-md);padding:14px 18px;display:flex;align-items:flex-start;gap:12px;animation:slideInRight .3s cubic-bezier(.16,1,.3,1) forwards;transition:all .3s ease}.toast-item.success{border-left-color:var(--accent-green)}.toast-item.error{border-left-color:var(--accent-rose)}.toast-item.info{border-left-color:var(--accent-gold)}.toast-icon{font-size:18px;display:flex;align-items:center;justify-content:center;margin-top:1px}.toast-content{flex:1 1}.toast-title{font-family:var(--font-title);font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.toast-message{font-size:11px;color:var(--text-muted);line-height:1.4}.toast-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;padding:0;margin-left:8px;opacity:.5;transition:opacity .2s ease}.toast-close:hover{opacity:1}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.header-emblem-svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .3s ease}.header-brand-zone:hover .header-emblem-svg{transform:rotate(5deg) scale(1.05)}.detail-item-list{display:flex;flex-direction:column;gap:8px}.detail-item-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:hsla(0,0%,100%,.6);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease}.detail-item-row:hover{background:#fff;border-color:var(--border-color-active);transform:translateX(2px);box-shadow:0 2px 8px rgba(6,75,34,.04)}.detail-item-label{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted);font-weight:500}.detail-item-icon{font-size:13px;width:16px;text-align:center}.detail-item-value{font-size:11px;font-weight:700;color:var(--text-primary)}.detail-explanation-card{margin-top:12px;padding:12px;background:#fff;border:1px solid var(--border-color);border-left:4px solid var(--accent-gold);border-radius:var(--radius-md);font-size:10px;line-height:1.5;color:var(--text-muted);box-shadow:0 2px 6px rgba(0,0,0,.02)}.detail-explanation-title{font-family:var(--font-title);font-weight:700;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:6px}.soil-texture-dictionary{margin-bottom:14px;background:rgba(6,75,34,.03);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px;width:100%;box-sizing:border-box}.dictionary-main{width:100%}.dictionary-main-summary{font-family:var(--font-title);font-size:12px;font-weight:700;color:var(--text-green);padding:8px 10px;cursor:pointer;list-style:none;display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.dictionary-main-summary::-webkit-details-marker{display:none}.dictionary-main-summary:before{content:"▶";display:inline-block;margin-right:6px;font-size:8px;transition:transform .2s ease}.dictionary-main[open]>.dictionary-main-summary:before{transform:rotate(90deg)}.dictionary-grid{display:flex;flex-direction:column;gap:6px;padding:6px 10px 10px;margin-top:4px;border-top:1px dashed var(--border-color);box-sizing:border-box}.dictionary-item{border:1px solid rgba(6,75,34,.1);border-radius:var(--radius-sm);background:#fff;box-sizing:border-box}.dictionary-item-summary{font-size:11px;font-weight:600;padding:6px 8px;cursor:pointer;list-style:none;display:flex;align-items:center;color:var(--text-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.dictionary-item-summary::-webkit-details-marker{display:none}.dictionary-item-summary:before{content:"＋";display:inline-block;margin-right:6px;font-size:10px;font-weight:700}.dictionary-item[open]>.dictionary-item-summary:before{content:"－"}.dictionary-item-details{padding:8px;font-size:10px;border-top:1px solid rgba(6,75,34,.05);background:rgba(244,251,247,.5);color:var(--text-muted);line-height:1.4;display:flex;flex-direction:column;gap:4px;box-sizing:border-box}.dictionary-item-details strong{color:var(--text-primary)}.dictionary-item-details p{margin:0;padding:0}.unccd-timeline-banner{background:linear-gradient(135deg,#0f341d,#03180b);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px 20px;margin:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#e2f8eb;box-shadow:0 4px 15px rgba(0,0,0,.1);flex-wrap:wrap}.timeline-badge{background:var(--accent-gold);color:#0b2214;font-size:10px;font-weight:800;text-transform:uppercase;padding:4px 10px;border-radius:20px;letter-spacing:.5px;white-space:nowrap}.timeline-content{font-size:13px;line-height:1.5;flex:1 1}.timeline-content strong{color:#fff}.deadline-date{color:var(--accent-gold);font-weight:700}.timeline-link a{color:#a2c49e;text-decoration:none;font-size:12px;font-weight:600;transition:color .2s ease;white-space:nowrap}.timeline-link a:hover{color:#fff}.targets-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;padding:0 24px 24px;box-sizing:border-box}@media (max-width:1024px){.targets-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.targets-grid{grid-template-columns:1fr}}.target-progress-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:8px;transition:var(--transition);box-shadow:var(--shadow-sm)}.target-progress-card:hover{border-color:var(--border-color-active);transform:translateY(-3px);box-shadow:var(--shadow-md)}.target-card-top{display:flex;justify-content:space-between;align-items:center}.target-badge-num{font-size:9px;font-weight:800;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.target-card-icon-small{font-size:18px}.target-card-title{font-family:var(--font-title);font-size:14px;font-weight:700;color:var(--text-primary);margin:0}.target-card-desc{font-size:11px;color:var(--text-muted);line-height:1.4;flex:1 1}.target-progress-bar-container{display:flex;flex-direction:column;gap:4px;margin-top:4px}.target-progress-bar-bg{height:6px;background:rgba(6,75,34,.08);border-radius:3px;overflow:hidden;position:relative}.target-progress-bar-fill{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1)}.target-progress-text{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--text-muted)}.target-progress-ha{font-size:9px}.target-progress-pct{font-weight:700;color:var(--text-primary)}.popup-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:800;text-transform:uppercase;margin-bottom:8px}.popup-badge.hotspot{background:#fef2f2;color:#b91c1c;border:1px solid #fee2e2}.popup-badge.brightspot{background:#eafbf1;color:#15803d;border:1px solid #bbf7d0}.hover-row:hover{background-color:var(--bg-card-hover)!important}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}@media (max-width:900px){.global-header{height:auto;flex-wrap:wrap}.header-brand-zone{width:100%!important;border-right:none;border-bottom:1px solid hsla(0,0%,100%,.08);justify-content:center;padding:10px 0}.header-banner-zone{padding:10px 16px;gap:12px}.system-title-text{font-size:13px}.system-subtitle-text{font-size:9.5px}.user-text-info{display:none}.app-body{height:calc(100vh - 133px)}.global-sidebar{position:absolute;left:0;top:0;height:100%;z-index:1005;box-shadow:var(--shadow-lg);background:var(--bg-sidebar);transition:transform .3s cubic-bezier(.4,0,.2,1)}.global-sidebar.collapsed{transform:translateX(-100%);width:240px}.buims-list-panel{position:absolute;left:0;top:0;height:100%;z-index:998;background:#fff;box-shadow:var(--shadow-lg);transition:transform .3s cubic-bezier(.4,0,.2,1);width:320px}.buims-list-panel.collapsed{transform:translateX(-100%);width:320px}.buims-detail-panel{position:absolute;right:0;top:0;height:100%;z-index:998;background:#fff;box-shadow:var(--shadow-lg);transition:transform .3s cubic-bezier(.4,0,.2,1);width:300px}.buims-detail-panel.collapsed{transform:translateX(100%);width:300px}.panel-toggle-btn.left-toggle{left:320px;box-shadow:var(--shadow-lg)}.panel-toggle-btn.left-toggle.collapsed{left:12px}.panel-toggle-btn.right-toggle{right:300px;box-shadow:var(--shadow-lg)}.panel-toggle-btn.right-toggle.collapsed{right:12px}.home-grid{grid-template-columns:1fr!important}.home-kpi-strip{grid-template-columns:repeat(2,1fr)!important}.home-guide-container{grid-template-columns:1fr!important}}@media (max-width:600px){.home-container{padding:20px}.home-kpi-strip{grid-template-columns:1fr!important}.sync-btn{padding:6px 12px;font-size:11px;margin-right:8px}.header-banner-zone{padding:10px}.header-right{gap:10px}.buims-list-panel,.buims-list-panel.collapsed{width:280px}.panel-toggle-btn.left-toggle{left:280px}.buims-detail-panel,.buims-detail-panel.collapsed{width:280px}.panel-toggle-btn.right-toggle{right:280px}}.global-footer{height:28px;background:#003319;border-top:1px solid hsla(0,0%,100%,.08);display:flex;align-items:center;padding:0 16px;font-size:10.5px;color:hsla(0,0%,100%,.65);font-weight:500;z-index:110;flex-shrink:0}.header-mobile-brand{display:none}@media (max-width:992px){.app-body{height:calc(100vh - 65px - 28px)}.buims-list-panel{left:0}.buims-detail-panel,.buims-list-panel{position:absolute!important;top:0;z-index:95;height:100%;width:320px!important;box-shadow:var(--shadow-lg);background:#fff}.buims-detail-panel{right:0}.panel-toggle-btn.left-toggle{left:308px!important}.panel-toggle-btn.left-toggle.collapsed{left:12px!important}.panel-toggle-btn.right-toggle{right:288px!important}.panel-toggle-btn.right-toggle.collapsed{right:12px!important}}@media (max-width:768px){.app-body{height:calc(100vh - 65px - 28px);position:relative}.sidebar-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:9995!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .3s ease}.global-sidebar{position:absolute!important;top:0;left:0;bottom:0;height:100%;z-index:9999!important;width:240px!important;transform:translateX(0);box-shadow:var(--shadow-lg);transition:transform .3s cubic-bezier(.4,0,.2,1)!important}.global-sidebar.collapsed{transform:translateX(-100%);width:240px!important}.header-brand-zone{display:none!important}.header-mobile-brand{display:flex;align-items:center;gap:8px;margin-right:12px}.mobile-brand-name{color:#fff;font-family:var(--font-title);font-weight:800;font-size:14px;letter-spacing:.5px}.system-title-text{font-size:11.5px;letter-spacing:.1px}.system-subtitle-text,.user-text-info{display:none!important}.header-right{gap:10px}.sync-btn{padding:8px!important;margin-right:4px!important;border-radius:50%!important;width:34px!important;height:34px!important;justify-content:center!important}.sync-btn-text{display:none!important}.home-container{padding:16px;gap:20px}.home-banner{flex-direction:column;text-align:center;padding:20px;gap:12px}.home-banner-badge{width:60px;height:60px;font-size:30px}.home-kpi-strip{grid-template-columns:repeat(2,1fr);gap:12px}.home-grid{grid-template-columns:1fr!important;gap:16px}.buims-detail-panel,.buims-list-panel{width:85%!important}.panel-toggle-btn.left-toggle{left:calc(85% - 12px)!important}.panel-toggle-btn.right-toggle{right:calc(85% - 12px)!important}.database-explorer-container{overflow-y:auto!important;height:auto!important;min-height:100%!important;display:block!important}.database-search-container{flex:none!important;width:100%!important}.database-kpi-bar{gap:10px;padding:8px}.database-filter-bar{flex-direction:column;align-items:stretch!important;gap:8px;padding:10px}.database-filter-bar>*{width:100%!important;margin-left:0!important}.database-export-actions{margin-left:0!important;margin-top:4px;width:100%;display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-gap:6px!important;gap:6px!important}.database-export-actions button{width:100%!important;justify-content:center!important}.database-table-grid td,.database-table-grid th{white-space:nowrap!important;padding:8px 10px!important}.database-table-wrapper{border-radius:var(--radius-sm);min-height:450px!important;margin-top:15px}div[style*="width: 400px"]{width:100%!important}div[style*="width: 500px"],div[style*="width: 600px"],div[style*="width: 650px"],div[style*="width: 800px"]{width:95%!important;max-height:90vh!important;overflow-y:auto!important}.global-footer{justify-content:center;font-size:9px}.global-footer span:last-child{display:none!important}}@media (max-width:480px){.system-title-text{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-kpi-strip{grid-template-columns:1fr}.header-mobile-brand{margin-right:6px}.mobile-brand-name{display:none!important}}