@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";html,body,#root{height:100%}*{box-sizing:border-box}body{color:#18181b;background:#f4f4f5;margin:0;font-family:Outfit,system-ui,-apple-system,sans-serif}.modal-scroll-modern{scrollbar-width:thin;scrollbar-color:#8c1c2e #eef2f7;overscroll-behavior:contain}.modal-scroll-modern::-webkit-scrollbar{width:10px;height:10px}.modal-scroll-modern::-webkit-scrollbar-track{background:#eef2f7;border-radius:999px}.modal-scroll-modern::-webkit-scrollbar-thumb{background:linear-gradient(#8c1c2e 0%,#b3485f 100%);border:2px solid #eef2f7;border-radius:999px}.modal-scroll-modern::-webkit-scrollbar-thumb:hover{background:linear-gradient(#741626 0%,#9a3e53 100%)}.data-table-shell{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1rem 1.25rem 1.125rem;overflow-x:auto;box-shadow:0 10px 15px -3px #0f172a0f}.data-table-shell--compact{border-radius:12px;padding:.75rem .875rem .875rem;box-shadow:0 4px 6px -1px #0f172a0d}.section-card .data-table-shell{box-shadow:none}table.data-table-standard{border-collapse:collapse;width:100%;min-width:0}table.data-table-standard--scroll{min-width:720px}table.data-table-standard thead th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 10px;font-size:.75rem;font-weight:700}table.data-table-standard thead th.data-table-standard__actions{text-align:right}table.data-table-standard tbody td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 10px;font-size:.875rem}table.data-table-standard tbody tr:last-child td{border-bottom:none}.login-page{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;flex-direction:column;justify-content:flex-end;align-items:center;min-height:100vh;padding:0;display:flex;position:relative}.login-overlay-container{z-index:10;width:100%;max-width:460px;margin-bottom:6vh}.login-card-transparent{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:2.5rem;flex-direction:column;gap:1.25rem;width:100%;padding:2rem 2.5rem;display:flex;box-shadow:0 25px 50px -12px #00000040}.login-subtitle{text-align:center;color:#1e293b;letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.4rem;font-weight:700}.login-form-fields{flex-direction:column;gap:1.25rem;display:flex}.login-field-label{color:#64748b;flex-direction:column;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.login-input-custom{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:.85rem 1rem;font-size:1rem;transition:all .2s}.login-input-custom:focus{background:#fff;border-color:#8c1c2e;outline:none;box-shadow:0 0 0 4px #8c1c2e1a}.login-btn-grana{color:#fff;cursor:pointer;background:#8c1c2e;border:none;border-radius:12px;margin-top:1rem;padding:1rem;font-size:1.05rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #8c1c2e4d}.login-btn-grana:hover:not(:disabled){background:#741626;transform:translateY(-2px);box-shadow:0 10px 15px -3px #8c1c2e66}.login-btn-grana:active{transform:translateY(0)}.login-btn-grana:disabled{opacity:.6;cursor:not-allowed}.login-error-msg{color:#ef4444;text-align:center;background:#fef2f2;border-radius:8px;margin:0;padding:.5rem;font-size:.85rem}.login-version-badge{color:#ffffffeb;letter-spacing:.02em;text-shadow:0 1px 3px #00000059;font-size:.83rem;font-weight:700;position:absolute;bottom:10px;right:14px}.password-field{align-items:center;display:flex;position:relative}.password-field-input{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:.85rem 3.5rem .85rem 1rem;font-size:1rem;transition:all .2s}.password-field-input:focus{background:#fff;border-color:#8c1c2e;outline:none;box-shadow:0 0 0 4px #8c1c2e1a}.password-field-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;place-items:center;width:2.5rem;height:2.5rem;padding:0;transition:all .2s;display:grid;position:absolute;right:.5rem}.password-field-toggle:hover:not(:disabled){color:#1e293b;background:#f1f5f9}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:#fff;border-bottom:1px solid #e4e4e7;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.topbar-actions{gap:.5rem;display:flex}.topbar button{cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:8px;padding:.45rem .85rem}.topbar button.ghost{color:#2563eb;border-color:#0000}.main-grid{flex:1;grid-template-columns:minmax(280px,360px) 1fr;gap:0;min-height:0;display:grid}@media (width<=900px){.main-grid{grid-template-rows:auto minmax(320px,50vh);grid-template-columns:1fr}}.stats{background:#fafafa;border-right:1px solid #e4e4e7;padding:1rem 1.25rem;overflow:auto}.stat-cards{flex-direction:column;gap:.75rem;display:flex}.stat-card{background:#fff;border:1px solid #e4e4e7;border-radius:10px;padding:1rem}.stat-card h3{color:#52525b;margin:0 0 .5rem;font-size:.85rem;font-weight:600}.stat-number{margin:0;font-size:1.75rem;font-weight:700}.mini-list{margin:0;padding:0;font-size:.9rem;list-style:none}.mini-list li{border-bottom:1px solid #f4f4f5;justify-content:space-between;gap:.5rem;padding:.25rem 0;display:flex}.map-panel{min-height:420px;position:relative}.map-wrap{position:absolute;inset:0}.map-load-overlay{z-index:1200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a4d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.map-load-card{background:#fffffff2;border:1px solid #e2e8f0;border-radius:14px;min-width:260px;max-width:320px;padding:1rem 1.1rem .9rem;box-shadow:0 20px 45px #0f172a33}.map-load-title{color:#1e293b;margin:0 0 .55rem;font-size:.92rem;font-weight:700}.map-load-progress-track{background:#e2e8f0;border-radius:999px;width:100%;height:10px;overflow:hidden}.map-load-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#8c1c2e 0%,#b3485f 100%);height:100%;transition:width .25s}.map-load-percent{color:#475569;text-align:right;margin:.5rem 0 0;font-size:.85rem;font-weight:700}.app-map-loading-screen{z-index:9999;position:fixed;inset:0}.map-fallback{text-align:center;background:#e4e4e7;place-items:center;height:100%;padding:1rem;display:grid}.map-banner{z-index:2;background:#fff7ed;border-radius:8px;margin:0;padding:.35rem .75rem;font-size:.85rem;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}.muted{color:#71717a}.small{font-size:.8rem}.error{color:#b91c1c;margin:.25rem 0}.dashboard-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.dashboard-header{color:#fff;z-index:10;background-color:#8c1c2e;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;box-shadow:0 2px 4px #0000001a}.logo-area h3{align-items:center;gap:.5rem;margin:0;font-size:1.25rem;display:flex}.sidebar-toggle-btn{color:#fff;cursor:pointer;background:#8c1c2e;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-left:auto;display:inline-flex}.sidebar-toggle-btn:hover{background:#741626}.hamburger-icon{flex-direction:column;justify-content:space-between;width:16px;height:12px;display:inline-flex}.hamburger-icon span{background:#fff;border-radius:999px;width:16px;height:2.75px;display:block}.user-area{align-items:center;display:flex}.user-info{align-items:center;gap:1rem;font-size:.9rem;display:flex}.dashboard-container{flex:1;min-height:0;display:flex;overflow:hidden}.sidebar-rail{z-index:20;background-color:#fff;border-right:1px solid #e4e4e7;flex-direction:row;flex-shrink:0;align-self:stretch;width:72px;min-width:72px;transition:width .22s,box-shadow .22s,background-color .22s;display:flex;position:relative;overflow:hidden}.sidebar-rail.expanded{background-color:#8c1c2e0a;width:250px;min-width:250px;box-shadow:6px 0 32px #8c1c2e38,2px 0 14px #8c1c2e24}.sidebar{background-color:#fff;border-right:none;flex-direction:column;flex-grow:0;flex-shrink:0;justify-content:space-between;align-self:stretch;width:250px;min-width:250px;display:flex}.sidebar-section{flex-direction:column;display:flex}.sidebar-head-row{justify-content:space-between;align-items:center;padding:1rem .85rem .5rem 1rem;display:flex}.sidebar-title{color:#a1a1aa;font-size:.75rem;display:block}.sidebar-nav{flex-direction:column;display:flex}.nav-item{color:#52525b;text-align:left;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:.75rem;width:100%;padding:.85rem 1.25rem;font-size:.95rem;text-decoration:none;display:flex;position:relative}.sidebar .nav-item svg,.sidebar .sidebar-footer .btn-logout svg{stroke:currentColor;width:20px;min-width:20px;height:20px;min-height:20px;color:inherit;flex-shrink:0;display:block}.nav-item:hover{color:#18181b;background-color:#f4f4f5}.nav-item.active{color:#8c1c2e;background:#8c1c2e1a;border-left:3px solid #8c1c2e8c;font-weight:600}.sidebar-footer{border-top:1px solid #e4e4e7;padding-bottom:1rem}.btn-logout{color:#b91c1c}.sidebar-rail:not(.expanded) .sidebar-title,.sidebar-rail:not(.expanded) .nav-label{display:none}.sidebar-rail:not(.expanded) .sidebar-head-row{justify-content:flex-start;padding-left:21px;padding-right:.5rem}.sidebar-rail:not(.expanded) .sidebar-toggle-btn{margin-left:0}.sidebar-rail:not(.expanded) .nav-item{border-left-width:0;justify-content:flex-start;padding-left:26px;padding-right:.5rem}.sidebar-rail:not(.expanded) .nav-item:hover{color:#18181b;background-color:#f4f4f5}.sidebar-rail:not(.expanded) .nav-item.active{color:#8c1c2e;background:#8c1c2e1f;border-left-width:0;border-right:3px solid #8c1c2e8c}.sidebar-rail:not(.expanded) .btn-logout{color:#b91c1c}@media (hover:none){.sidebar-rail{width:250px;min-width:250px;box-shadow:none;background-color:#fff}.sidebar-rail .sidebar-title,.sidebar-rail .nav-label{display:block}.sidebar-rail .sidebar-head-row{justify-content:flex-start;padding-left:1rem;padding-right:.85rem}.sidebar-rail .nav-item{border-left-width:3px;justify-content:flex-start;padding-left:1.25rem;padding-right:1.25rem}.sidebar-rail .nav-item.active{background:#8c1c2e1a;border-left:3px solid #8c1c2e8c;border-right:none}}.dashboard-content{background-color:#f4f4f5;flex:1;min-width:0;padding:1rem 2rem 2rem;overflow-y:auto}.page-title{color:#18181b;margin:0 0 1.5rem;font-size:1.75rem}.page-header-row{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#4b82f6;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600}.stats-layout{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.warning-banner{color:#854d0e;background:#fef08a;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem;display:flex}.map-container-large{border:1px solid #e4e4e7;border-radius:12px;height:60vh;min-height:400px;margin-top:1rem;overflow:hidden}.dashboard-pie-static .recharts-pie-sector,.dashboard-pie-static .recharts-pie-sector *{pointer-events:none!important;outline:none!important}.map-tooltip-content{min-width:140px;padding:.25rem;font-family:inherit}.map-tooltip-title{color:#18181b;border-bottom:1px solid #f4f4f5;margin-bottom:.4rem;padding-bottom:.25rem;font-size:1rem;font-weight:700;display:block}.map-tooltip-data{color:#18181b;align-items:center;gap:.65rem;font-size:1rem;font-weight:600;display:flex}.status-circle{border:1.5px solid #0000001a;border-radius:50%;width:12px;height:12px}.status-red{background-color:#ef4444}.status-orange{background-color:#f97316}.status-yellow{background-color:#eab308}.status-green{background-color:#22c55e}.mapboxgl-popup-content{border:1px solid #e4e4e7!important;border-radius:10px!important;padding:10px 14px!important;box-shadow:0 4px 20px #0000001f!important}.mapboxgl-popup-tip{border-top-color:#fff!important}.map-full-screen{height:calc(100vh - 56px);padding:0!important}.info-general-layout{background-color:#f8fafc;flex-direction:column;height:100vh;min-height:100vh;font-family:inherit;display:flex;position:relative;overflow:hidden}.portal-header{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:1.25rem;padding:.75rem 2.5rem;display:grid;box-shadow:0 1px 3px #0000000d}.portal-logo{align-items:center;gap:12px;display:flex}.portal-logo-icon{font-size:1.8rem}.portal-logo-text{flex-direction:column;line-height:1.2;display:flex}.portal-logo-text span{color:#64748b;letter-spacing:.1em;font-size:.7rem;font-weight:700}.portal-logo-text strong{color:#8c1c2e;font-size:1.1rem;font-weight:800}.portal-user-actions{justify-self:end;align-items:center;gap:1.5rem;display:flex}.portal-header-center{justify-self:center}.portal-header-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.55rem;font-weight:800}.user-profile-badge{background:#f1f5f9;border-radius:30px;align-items:center;gap:10px;padding:4px 12px 4px 4px;display:flex}.avatar-circle{color:#fff;background:#8c1c2e;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.user-profile-badge span{color:#334155;font-size:.9rem;font-weight:600}.portal-btn-logout{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px;transition:all .2s}.portal-btn-logout:hover{color:#ef4444;background:#fee2e2}.info-general-container{-webkit-overflow-scrolling:touch;flex:1;width:100%;max-width:1680px;min-height:0;margin:0 auto;padding:1.25rem 2.25rem 1.5rem;overflow-y:auto}.modules-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;animation:.6s ease-out slideUp;display:grid}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.module-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:220px;padding:1.25rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #0000000d}.module-card:hover:not(.disabled){border-color:#8c1c2e;transform:translateY(-10px);box-shadow:0 25px 50px -12px #00000026}.module-card.disabled{opacity:.65;cursor:default;background:#fdfdfd}.module-card-body{flex:1}.module-icon-box{border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:.9rem;display:flex}.module-title{color:#1e293b;letter-spacing:-.01em;margin:0 0 .65rem;font-size:1.25rem;font-weight:800}.module-description{color:#64748b;margin:0;font-size:.85rem;line-height:1.4}.module-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.8rem;display:flex}.module-action{color:#8c1c2e;font-size:.85rem;font-weight:700}.disabled .module-action{color:#94a3b8;font-weight:600}.portal-footer{text-align:center;color:#94a3b8;border-top:1px solid #f1f5f9;flex-shrink:0;padding:.9rem;font-size:.8rem}.panel-version-badge{color:#64748b;letter-spacing:.02em;font-size:.83rem;font-weight:700;position:absolute;bottom:10px;right:14px}.panel-requirements-bell{z-index:5;color:#94a3b8;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:6px;transition:color .2s,background .2s;display:flex;position:absolute;bottom:8px;left:12px}.panel-requirements-bell:hover{color:#8c1c2e;background:#8c1c2e12}.panel-requirements-bell:focus-visible{outline-offset:2px;outline:2px solid #8c1c2e}.panel-requirements-bell:active{color:#6f1628;background:#8c1c2e1a}.requirements-modal-overlay{z-index:10050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a7a;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.requirements-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:min(520px,100%);max-height:min(90vh,640px);padding:1.25rem 1.35rem 1.2rem;overflow-y:auto;box-shadow:0 24px 50px #0f172a59}.requirements-modal-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:800}.requirements-modal-intro{color:#64748b;margin:.55rem 0 0;font-size:.9rem;line-height:1.45}.requirements-section{margin-top:1.1rem}.requirements-section-title{color:#8c1c2e;margin:0 0 .45rem;font-size:.95rem;font-weight:800}.requirements-list{color:#334155;margin:0;padding-left:1.15rem;font-size:.9rem;line-height:1.55}.requirements-list li{margin-bottom:.35rem}.requirements-modal-actions{justify-content:flex-end;margin-top:1.25rem;display:flex}.requirements-modal-btn{color:#fff;cursor:pointer;background:#8c1c2e;border:1px solid #8c1c2e;border-radius:10px;padding:.5rem 1.05rem;font-size:.92rem;font-weight:700}.requirements-modal-btn:hover{filter:brightness(1.05)}@media (width<=1400px){.modules-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1024px){.modules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.modules-grid{grid-template-columns:1fr}}