@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f9;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:radial-gradient(circle at 100% 0,#496d8914,#0000 28rem),#f4f6f9;min-width:320px}button,input{font:inherit}button{border:0}.app{min-height:100vh;display:flex}.sidebar{z-index:20;color:#e8edf4;background:radial-gradient(circle at 0 0,#51749938,#0000 22rem),#111a2c;border-right:1px solid #ffffff0f;flex-direction:column;width:272px;padding:25px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;min-height:48px;padding:0 10px;display:flex}.brandIcon{color:#fff;background:linear-gradient(145deg,#5f83a6,#36546f);border-radius:14px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 12px 30px #203c5459}.brand strong{letter-spacing:-.025em;font-size:17px;display:block}.brand span{color:#8996aa;margin-top:3px;font-size:10px;display:block}.sidebarSection{flex:1;margin-top:36px}.sidebarLabel{color:#718096;letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px;padding:0 12px;font-size:10px;font-weight:700;display:block}.sidebarNav,.sidebarFooter{gap:5px;display:grid}.menuButton{color:#aab5c5;cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 13px;transition:all .16s;display:flex}.menuButton:hover{color:#fff;background:#ffffff0f}.menuButton.active{color:#fff;background:linear-gradient(90deg,#53799c52,#49678526);box-shadow:inset 3px 0 #7ba0c1}.logoutButton{color:#bd8990}.sidebarVersion{color:#647287;border-top:1px solid #ffffff12;justify-content:space-between;margin-top:16px;padding:14px 13px 5px;font-size:11px;display:flex}.sidebarVersion strong{color:#8390a3}.content{width:calc(100% - 272px);min-height:100vh;margin-left:272px}.header{z-index:15;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fafbfce6;border-bottom:1px solid #e4e8ee;justify-content:space-between;align-items:center;height:78px;padding:0 34px;display:flex;position:sticky;top:0}.headerCommunity,.headerActions,.profileButton{align-items:center;display:flex}.headerCommunity{color:#6d7888;gap:11px}.communityMark{color:#fff;background:#263b51;border-radius:12px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:grid}.headerCommunity strong,.headerCommunity span{display:block}.headerCommunity strong{color:#182234;font-size:13px}.headerCommunity span{color:#8993a1;margin-top:2px;font-size:11px}.headerActions{gap:10px}.globalSearch{color:#8c96a5;background:#fff;border:1px solid #e1e6ec;border-radius:13px;align-items:center;gap:9px;width:min(320px,25vw);height:42px;padding:0 13px;display:flex}.globalSearch input{color:#263244;background:0 0;border:0;outline:0;width:100%;font-size:12px}.iconButton{color:#667386;cursor:pointer;background:#fff;border:1px solid #e1e6ec;border-radius:13px;place-items:center;width:42px;height:42px;display:grid;position:relative}.notificationDot{background:#d35b60;border-radius:50%;width:6px;height:6px;position:absolute;top:9px;right:9px;box-shadow:0 0 0 3px #fff}.profileButton{color:#6e7989;cursor:pointer;background:0 0;gap:9px;min-height:42px;padding:4px 8px 4px 5px}.profileAvatar{color:#fff;background:linear-gradient(145deg,#496b88,#263d54);border-radius:11px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.profileText{text-align:left}.profileText strong,.profileText small{display:block}.profileText strong{color:#293447;font-size:11px}.profileText small{color:#919aa7;margin-top:2px;font-size:9px}.dashboard{gap:24px;width:min(1540px,100%);margin:0 auto;padding:36px;display:grid}.welcomeSection{justify-content:space-between;align-items:flex-end;display:flex}.welcomeEyebrow,.sectionEyebrow{color:#718aa0;letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.welcomeSection h1{color:#172033;letter-spacing:-.045em;margin-top:8px;font-size:clamp(27px,2.4vw,38px)}.welcomeSection p{color:#788393;margin-top:8px;font-size:13px}.systemStatus,.mapStatus{color:#557264;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.systemStatus{background:#edf5f0;border:1px solid #dcebe1;border-radius:999px;padding:9px 12px}.statusPulse{background:#54a16d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #54a16d21}.statsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.statCard,.mapCard,.activityCard{background:#fffffff7;border:1px solid #e3e7ec;box-shadow:0 14px 45px #2430440d}.statCard{border-radius:18px;gap:15px;min-height:122px;padding:20px;display:flex}.statIcon{border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.statIcon.success{color:#477b59;background:#eaf4ed}.statIcon.warning{color:#95713d;background:#faf2df}.statIcon.danger{color:#a75a5e;background:#f8e8e9}.statIcon.primary{color:#4f708d;background:#e7eff5}.statContent span,.statContent strong,.statContent small{display:block}.statContent span{color:#778292;font-size:11px;font-weight:600}.statContent strong{color:#1d2839;letter-spacing:-.04em;margin-top:7px;font-size:clamp(20px,2vw,28px)}.statContent small{color:#9ba3ae;margin-top:5px;font-size:9px}.mapCard,.activityCard{border-radius:21px;overflow:hidden}.mapHeader,.activityHeader{border-bottom:1px solid #e8ebef;justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.mapHeader h2,.activityHeader h2{color:#202b3c;letter-spacing:-.025em;margin-top:5px;font-size:18px}.mapHeader p{color:#8993a1;margin-top:5px;font-size:10px}.mapLegend{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.mapLegend span{color:#7b8695;align-items:center;gap:6px;font-size:9px;font-weight:600;display:flex}.mapStage{background:linear-gradient(#fbfcfd80,#fbfcfd80),#f8fafb;height:clamp(500px,60vh,760px);position:relative}.planDocument{border:0;width:100%;height:100%;display:block}.mapControls{background:#fffffff0;border:1px solid #dbe1e7f0;border-radius:14px;gap:5px;padding:5px;display:grid;position:absolute;top:18px;right:18px;box-shadow:0 14px 35px #202c3d1c}.mapControls button{color:#647286;cursor:pointer;background:0 0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.mapStatus{background:#fffffff0;border:1px solid #dde2e8f0;border-radius:999px;padding:9px 12px;position:absolute;bottom:18px;left:18px;box-shadow:0 12px 30px #25304014}.textButton{color:#58758f;cursor:pointer;background:0 0;font-size:10px;font-weight:700}.activityList{padding:0 24px}.activityItem{border-bottom:1px solid #edf0f3;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:76px;display:grid}.activityItem:last-child{border-bottom:0}.activityIcon{color:#5f7d97;background:#edf2f6;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.activityText strong{color:#344154;font-size:11px;display:block}.activityText p{color:#8a94a2;margin-top:4px;font-size:10px}.activityItem time{color:#9aa3ae;font-size:9px}@media (width<=1100px){.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.globalSearch{display:none}.mapHeader{align-items:flex-start;gap:18px}}@media (width<=800px){.sidebar{width:78px;padding-inline:12px}.brand{justify-content:center;padding:0}.brand>div:last-child,.sidebarLabel,.menuButton span,.sidebarVersion{display:none}.menuButton{justify-content:center;padding:0}.content{width:calc(100% - 78px);margin-left:78px}.header{padding:0 18px}.profileText,.profileButton>svg{display:none}.dashboard{padding:24px 18px}.systemStatus{display:none}.mapHeader{gap:18px;display:grid}}@media (width<=560px){.statsGrid{grid-template-columns:1fr}.headerCommunity span{display:none}.mapStage{height:520px}.activityItem{grid-template-columns:38px minmax(0,1fr);padding:14px 0}.activityItem time{grid-column:2}}.brand{color:inherit;text-decoration:none}.sidebarNav .menuButton,.sidebarFooter a.menuButton{text-decoration:none}.modulePage{background:radial-gradient(circle at 100% 0,#deeaf67a,#0000 34%),#f5f7fb;min-height:calc(100vh - 72px);padding:42px 38px}.modulePageHeader{margin-bottom:26px}.moduleEyebrow{color:#668097;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.modulePageHeader h1{color:#16223a;letter-spacing:-.04em;margin:0;font-size:clamp(30px,4vw,42px);line-height:1.08}.modulePageHeader p{color:#7b8799;max-width:680px;margin:10px 0 0;font-size:15px;line-height:1.6}.modulePlaceholder{background:#fff;border:1px solid #e3e8ef;border-radius:22px;justify-content:center;align-items:center;min-height:360px;padding:40px;display:flex;box-shadow:0 12px 30px #192a460d}.modulePlaceholderContent{text-align:center;max-width:540px}.moduleStatus{color:#4f8960;background:#f2faf4;border:1px solid #dbe9df;border-radius:999px;align-items:center;min-height:30px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.modulePlaceholder h2{color:#17233b;margin:18px 0 8px;font-size:26px}.modulePlaceholder p{color:#7b8799;margin:0;font-size:14px;line-height:1.65}@media (width<=900px){.modulePage{padding:28px 20px}.modulePlaceholder{min-height:300px;padding:28px 20px}}.sitesPage{background:radial-gradient(circle at 100% 0,#deeaf67a,#0000 34%),#f5f7fb;min-height:calc(100vh - 72px);padding:42px 38px 54px}.sitesHeader{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.sitesHeader h1{color:#16223a;letter-spacing:-.04em;margin:0;font-size:clamp(30px,4vw,42px);line-height:1.08}.sitesHeader p{color:#7b8799;max-width:720px;margin:10px 0 0;font-size:15px;line-height:1.6}.primaryButton{color:#fff;min-height:46px;font:inherit;cursor:pointer;background:#1e3654;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-size:14px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex;box-shadow:0 8px 18px #1e365429}.primaryButton:hover{background:#172e4b;transform:translateY(-1px);box-shadow:0 11px 24px #1e365433}.sitesPanel{background:#fffffff5;border:1px solid #e3e8ef;border-radius:22px;padding:22px;box-shadow:0 12px 30px #192a460d}.sitesToolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.sitesSearch{color:#8a96a7;background:#fff;border:1px solid #dde3eb;border-radius:12px;flex:1;align-items:center;gap:10px;min-height:46px;padding:0 14px;display:flex}.sitesSearch:focus-within{border-color:#9eb6cc;box-shadow:0 0 0 3px #81a1be1f}.sitesSearch input{color:#17233b;width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.sitesSearch input::placeholder{color:#a0a9b7}.sitesFilter{color:#7c8999;background:#fff;border:1px solid #dde3eb;border-radius:12px;align-items:center;gap:9px;min-height:46px;padding:0 13px;display:flex}.sitesFilter select{color:#38465a;min-width:155px;font:inherit;cursor:pointer;background:0 0;border:0;outline:0;font-size:13px;font-weight:600}.sitesSummary{color:#8a95a5;justify-content:space-between;align-items:center;gap:12px;margin:18px 2px;font-size:12px;display:flex}.sitesSummary strong{color:#344359}.sitesGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.siteCard{background:#fff;border:1px solid #e4e9ef;border-radius:17px;padding:20px;transition:transform .16s,border-color .16s,box-shadow .16s;box-shadow:0 7px 20px #192a4609}.siteCard:hover{border-color:#d5dfe9;transform:translateY(-2px);box-shadow:0 12px 28px #192a4613}.siteCardTop{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.siteIdentity{align-items:center;gap:13px;min-width:0;display:flex}.siteNumber{color:#28415e;background:#eef3f8;border-radius:14px;flex-direction:column;flex:0 0 54px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.siteNumber span{letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.siteNumber strong{margin-top:1px;font-size:18px}.siteIdentity h2{color:#1b2940;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;line-height:1.3;overflow:hidden}.siteIdentity p{color:#8a95a5;margin:5px 0 0;font-size:12px}.siteStatus{border-radius:999px;flex:none;align-items:center;gap:7px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.siteStatus i{background:currentColor;border-radius:50%;width:7px;height:7px}.siteStatus.paid{color:#519066;background:#f2faf4;border:1px solid #d9ebdf}.siteStatus.pending{color:#b5872f;background:#fff9eb;border:1px solid #f1e2bf}.siteStatus.overdue{color:#c15f6a;background:#fff2f4;border:1px solid #efdadd}.siteStatus.unknown{color:#87909d;background:#f5f6f8;border:1px solid #e0e4e9}.siteDetails{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.siteDetails>div{background:#f7f9fb;border-radius:11px;padding:12px 13px}.siteDetails span{color:#929cab;letter-spacing:.04em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.siteDetails strong{color:#26354a;font-size:14px}.siteDetails .balancePaid{color:#4e8b61}.siteDetails .balancePending{color:#bf6870}.siteActions{border-top:1px solid #edf0f4;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:15px;display:grid}.siteActions button{color:#647387;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 8px;font-size:11px;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.siteActions button:hover{color:#263c58;background:#f5f8fb;border-color:#dfe5ec}.sitesEmpty{color:#8a96a7;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.sitesEmpty h2{color:#26364d;margin:15px 0 6px;font-size:20px}.sitesEmpty p{margin:0;font-size:13px}@media (width<=1050px){.sitesGrid{grid-template-columns:1fr}}@media (width<=760px){.sitesPage{padding:28px 18px 40px}.sitesHeader{flex-direction:column;align-items:stretch}.primaryButton{width:100%}.sitesPanel{padding:16px}.sitesToolbar{flex-direction:column;align-items:stretch}.sitesFilter select{width:100%}.sitesSummary{flex-direction:column;align-items:flex-start}.siteCardTop{flex-direction:column}.siteStatus{margin-left:67px}.siteActions{grid-template-columns:1fr}}@media (width<=480px){.siteDetails{grid-template-columns:1fr}.siteStatus{margin-left:0}}.siteModalOverlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d192b85;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.siteModal{background:#fff;border:1px solid #e2e7ed;border-radius:22px;width:min(680px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 28px 70px #101f343d}.siteModalHeader{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 26px 20px;display:flex;position:sticky;top:0}.siteModalHeader h2{color:#18253b;letter-spacing:-.025em;margin:0;font-size:23px}.siteModalClose{color:#768396;cursor:pointer;background:#fff;border:1px solid #e1e6ec;border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.siteModalClose:hover{color:#263a55;background:#f4f7fa}.siteForm,.siteViewContent{padding:24px 26px 26px}.siteFormGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.siteForm label{flex-direction:column;gap:8px;display:flex}.siteForm label>span{color:#536176;font-size:12px;font-weight:700}.siteFormFull{grid-column:1/-1}.siteForm input,.siteForm select{color:#1e2d44;width:100%;min-height:46px;font:inherit;background:#fff;border:1px solid #dce3ea;border-radius:11px;outline:0;padding:0 13px;font-size:14px}.siteForm input:focus,.siteForm select:focus{border-color:#91abc3;box-shadow:0 0 0 3px #7094b41f}.siteModalFooter{border-top:1px solid #edf0f4;justify-content:flex-end;align-items:center;gap:10px;margin-top:26px;padding-top:20px;display:flex}.secondaryButton{color:#526177;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dbe2e9;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-size:13px;font-weight:700;display:inline-flex}.secondaryButton:hover{color:#263950;background:#f5f7fa}.siteViewHero{background:#f6f8fb;border-radius:15px;align-items:center;gap:15px;padding:18px;display:flex}.siteViewHero>div:nth-child(2){flex:1;min-width:0}.siteViewHero h3{color:#1b2940;margin:0;font-size:18px}.siteViewHero p{color:#8793a3;margin:5px 0 0;font-size:12px}.siteViewNumber{color:#29435f;background:#e6edf4;border-radius:15px;flex-direction:column;flex:0 0 62px;justify-content:center;align-items:center;width:62px;height:62px;display:flex}.siteViewNumber span{letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.siteViewNumber strong{font-size:21px}.siteViewGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.siteViewGrid>div{border:1px solid #e7ebf0;border-radius:12px;padding:15px}.siteViewGrid span{color:#8b96a5;letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.siteViewGrid strong{color:#29384d;font-size:14px}@media (width<=640px){.siteModalOverlay{align-items:flex-end;padding:0}.siteModal{border-radius:22px 22px 0 0;width:100%;max-height:92vh}.siteFormGrid,.siteViewGrid{grid-template-columns:1fr}.siteFormFull{grid-column:auto}.siteViewHero{flex-wrap:wrap;align-items:flex-start}.siteViewHero .siteStatus{margin-left:77px}.siteModalFooter{flex-direction:column-reverse;align-items:stretch}.siteModalFooter button{width:100%}}.mapViewport{background:#eef2f4;width:100%;height:100%;position:relative;overflow:auto}.mapZoomLayer{transform-origin:50%;width:100%;height:100%;transition:transform .18s;position:relative}.siteOverlayLayer{z-index:4;pointer-events:none;position:absolute;inset:0}.mapSiteShape{z-index:5;color:#fff;cursor:pointer;pointer-events:auto;opacity:.82;border:2px solid #ffffffeb;border-radius:8px;place-content:center;gap:1px;transition:opacity .16s,box-shadow .16s,filter .16s;display:grid;position:absolute;box-shadow:0 8px 20px #1a26352e,inset 0 0 0 1px #19243217}.mapSiteShape span{text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:700;line-height:1}.mapSiteShape strong{font-size:14px;line-height:1}.mapSiteShape.paid{background:#49915bd1}.mapSiteShape.pending{background:#ca912fdb}.mapSiteShape.overdue{background:#c7474cdb}.mapSiteShape.unknown{background:#707b89d1}.mapSiteShape:hover{z-index:8;opacity:1;filter:brightness(1.06);box-shadow:0 12px 26px #1a263540,0 0 0 4px #ffffffb3}.mapSiteShape.selected{z-index:9;opacity:1;box-shadow:0 15px 34px #16223052,0 0 0 5px #fffffff0,0 0 0 8px #37546c80}.mapSitePanel{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border:1px solid #dae0e6fa;border-radius:18px;width:min(320px,100% - 36px);padding:20px;position:absolute;top:18px;left:18px;box-shadow:0 22px 55px #1b273633}.mapSitePanelHeader{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.mapSitePanelHeader span{color:#8994a2;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:700}.mapSitePanelHeader h3{color:#202b3c;letter-spacing:-.035em;margin-top:5px;font-size:22px}.mapSitePanelHeader button{color:#6e7a89;cursor:pointer;background:#f1f4f6;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.mapSitePanelHeader button:hover{color:#24374b;background:#e8edf1}.mapSitePanelOwner{background:#f6f8f9;border:1px solid #e7ebee;border-radius:13px;align-items:center;gap:12px;margin-top:18px;padding:14px;display:flex}.mapSitePanelIcon{color:#58758f;background:#e8eef2;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;display:grid}.mapSitePanelOwner strong,.mapSitePanelOwner span{display:block}.mapSitePanelOwner strong{color:#263345;font-size:13px}.mapSitePanelOwner span{color:#8a94a1;margin-top:3px;font-size:10px}.mapSitePanelStatus{margin-top:14px}.mapSitePanelGrid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.mapSitePanelGrid>div{background:#fff;border:1px solid #e5e9ed;border-radius:12px;min-width:0;padding:13px}.mapSitePanelGrid span,.mapSitePanelGrid strong{display:block}.mapSitePanelGrid span{color:#9099a6;font-size:9px}.mapSitePanelGrid strong{color:#283548;overflow-wrap:anywhere;margin-top:5px;font-size:12px}.mapSitePanelButton{justify-content:center;width:100%;margin-top:16px}.mapStage:fullscreen{background:#eef2f4;width:100vw;height:100vh}.mapStage:fullscreen .mapViewport{height:100vh}.mapCardCompact .mapSitePanel{width:min(290px,100% - 36px)}@media (width<=700px){.mapSitePanel{width:auto;padding:16px;inset:auto 12px 12px}.mapSitePanelGrid{grid-template-columns:1fr 1fr}.mapSiteShape span{display:none}.mapSiteShape strong{font-size:10px}}.mapHeaderActions{align-items:center;gap:18px;display:flex}.mapEditToggle{color:#59697b;cursor:pointer;white-space:nowrap;background:#f4f6f8;border:1px solid #dde3e8;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:11px;font-weight:700;display:inline-flex}.mapEditToggle:hover{color:#26384b;background:#edf1f4}.mapEditToggle.active{color:#fff;background:#263f54;border-color:#263f54;box-shadow:0 10px 24px #263f5433}.mapStage.isEditing .mapViewport{cursor:default}.mapStage.isEditing .mapSitePanel{border-color:#496c8957}.mapSiteShape.editable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-style:dashed}.mapSiteShape.editable:active{cursor:grabbing}.mapSiteShape.editable:after{content:"";pointer-events:none;border:1px dashed #253e528c;border-radius:11px;position:absolute;inset:-5px}.mapSiteShape.saving{opacity:.68}.mapSiteMoveIndicator{color:#264156;pointer-events:none;background:#fff;border:1px solid #d6dee5;border-radius:7px;place-items:center;width:21px;height:21px;display:grid;position:absolute;top:-11px;right:-11px;box-shadow:0 7px 18px #1d2b3a2e}.mapSitePanelButton:disabled{opacity:.65;cursor:wait}@media (width<=1000px){.mapHeaderActions{flex-direction:column;align-items:flex-start;width:100%}}@media (width<=700px){.mapEditToggle{width:100%}}.mapStage.isEditing .mapSitePanel{display:none!important}.mapSiteEditorObject{pointer-events:none;transform-origin:50%;position:absolute}.mapSiteEditorObject .mapSiteShape{width:100%;height:100%;position:absolute;inset:0;transform:none}.mapSiteEditorObject.selected{z-index:40!important}.mapStage.isEditing .mapSiteEditorObject.selected:after{content:"";pointer-events:none;border:1.5px dashed #315570;border-radius:11px;position:absolute;inset:-5px}.mapTransformHandle{z-index:50;color:#315570;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #315570;place-items:center;display:grid;position:absolute;box-shadow:0 4px 12px #20314238}.mapTransformHandle.resize{border-radius:3px;width:13px;height:13px;padding:0}.mapTransformHandle.resize.nw{cursor:nwse-resize;top:-7px;left:-7px}.mapTransformHandle.resize.ne{cursor:nesw-resize;top:-7px;right:-7px}.mapTransformHandle.resize.sw{cursor:nesw-resize;bottom:-7px;left:-7px}.mapTransformHandle.resize.se{cursor:nwse-resize;bottom:-7px;right:-7px}.mapRotateLine{z-index:45;pointer-events:none;background:#315570;width:1px;height:26px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.mapTransformHandle.rotate{cursor:grab;border-radius:50%;width:27px;height:27px;padding:0;bottom:calc(100% + 24px);left:50%;transform:translate(-50%)}.mapTransformHandle.rotate:active{cursor:grabbing}.mapTransformHandle:hover{color:#fff;background:#315570}.mapStage.isEditing .mapSiteShape{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.mapStage.isEditing .mapSiteShape.editable{cursor:move}.mapStage.isEditing .mapSiteShape.editable:active{cursor:grabbing}.mapSitePolygon{stroke:#fffffff2;stroke-width:.35px;vector-effect:non-scaling-stroke;opacity:.82;pointer-events:auto;cursor:pointer;transition:opacity .16s,filter .16s}.mapSitePolygon.paid{fill:#49915bd1}.mapSitePolygon.pending{fill:#ca912fdb}.mapSitePolygon.overdue{fill:#c7474cdb}.mapSitePolygon.unknown{fill:#707b89d1}.mapSitePolygon:hover,.mapSitePolygon.selected{opacity:1;filter:brightness(1.06)}.mapSitePolygon.selected{stroke:#315570;stroke-width:.7px;stroke-dasharray:1.2 .7}.mapSitePolygon.saving{opacity:.58}.mapPolygonLabel{fill:#fff;pointer-events:none;paint-order:stroke;stroke:#1c2a385c;stroke-width:.25px;vector-effect:non-scaling-stroke;font-size:2.2px;font-weight:800}.mapStage.isEditing .mapSitePolygon{cursor:move;touch-action:none}.mapPolygonVertex{fill:#fff;stroke:#315570;stroke-width:2px;cursor:grab;pointer-events:auto;touch-action:none;filter:drop-shadow(0 2px 3px #18263440)}.mapPolygonVertex:hover{fill:#315570;stroke:#fff}.mapPolygonVertex:active{cursor:grabbing}.mapZoomLayer{aspect-ratio:6256/3048;transform-origin:50%;width:100%;height:auto;min-height:100%;position:relative}.planImage{object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.sitePolygonOverlay{z-index:8;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mapSiteLabelLayer{z-index:12;pointer-events:none;position:absolute;inset:0}.mapSiteHtmlLabel{color:#fff;opacity:.96;white-space:nowrap;border:2px solid #fffffff0;border-radius:9px;place-content:center;gap:2px;min-width:42px;min-height:38px;padding:6px 9px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 20px #1a263533,inset 0 0 0 1px #19243214}.mapSiteHtmlLabel span{text-align:center;text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:700;line-height:1;display:block}.mapSiteHtmlLabel strong{text-align:center;font-size:14px;line-height:1;display:block}.mapSiteHtmlLabel.paid{background:#49915beb}.mapSiteHtmlLabel.pending{background:#ca912ff0}.mapSiteHtmlLabel.overdue{background:#c7474cf0}.mapSiteHtmlLabel.unknown{background:#707b89eb}.mapPolygonLabel{display:none}.mapPolygonVertex{vector-effect:non-scaling-stroke}@media (width<=700px){.mapSiteHtmlLabel{min-width:30px;min-height:28px;padding:4px 6px}.mapSiteHtmlLabel span{display:none}.mapSiteHtmlLabel strong{font-size:10px}}.mapSitePolygon{opacity:.82;stroke:#fffffff2;stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 8px 10px #1a26352e)}.mapSitePolygon:hover{opacity:.94;filter:brightness(1.04)drop-shadow(0 10px 14px #1a26353b)}.mapSitePolygon.selected{opacity:1;stroke:#fff;stroke-width:3px;stroke-dasharray:none;filter:drop-shadow(0 10px 16px #1a263547)drop-shadow(0 0 4px #315570a6)}.mapSiteHtmlLabel{color:#fff;opacity:1;text-shadow:0 1px 3px #1826346b;border:0;border-radius:0;min-width:0;min-height:0;padding:0;display:block;transform:translate(-50%,-50%);box-shadow:none!important;background:0 0!important}.mapSiteHtmlLabel span{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:8px;font-weight:800;line-height:1;display:block}.mapSiteHtmlLabel strong{color:#fff;text-align:center;font-size:15px;font-weight:800;line-height:1;display:block}.mapSiteHtmlLabel.selected{box-shadow:none!important}.mapStage.isEditing .mapSitePolygon.selected{stroke:#315570;stroke-width:2px;stroke-dasharray:7 5}.mapStage.isEditing .mapSiteHtmlLabel{pointer-events:none}.paintBucketPlan{background:#f4f6f8;width:100%;min-width:0;position:relative;overflow:hidden}.paintBucketCanvasWrapper{background:#fff;width:100%;line-height:0;position:relative;overflow:hidden}.paintBucketBaseCanvas,.paintBucketOverlayCanvas{width:100%;height:auto;display:block}.paintBucketBaseCanvas{z-index:1;position:relative}.paintBucketOverlayCanvas{z-index:2;pointer-events:none;position:absolute;inset:0}.paintBucketToolbar{z-index:5;align-items:center;gap:12px;display:flex;position:absolute;bottom:18px;left:18px}.paintBucketToolbar>span{color:#334155;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border:1px solid #0f172a1f;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-size:13px;font-weight:650;line-height:1.2;display:flex;box-shadow:0 8px 24px #0f172a1f}.paintBucketToolbar>span i{background:#94a3b8;border-radius:50%;flex:none;width:8px;height:8px}.paintBucketToolbar>span i.ready{background:#22c55e;box-shadow:0 0 0 4px #22c55e24}.paintBucketToolbar button{color:#0f172a;min-height:38px;font:inherit;cursor:pointer;background:#fffffff0;border:1px solid #0f172a1f;border-radius:999px;padding:0 13px;font-size:13px;font-weight:700;box-shadow:0 8px 24px #0f172a1f}.paintBucketToolbar button:hover{background:#f8fafc}@media (width<=720px){.paintBucketToolbar{flex-direction:column;align-items:stretch;gap:7px;bottom:12px;left:12px;right:12px}.paintBucketToolbar>span,.paintBucketToolbar button{justify-content:center;width:100%}}.paintBucketPlan{isolation:isolate;z-index:20;position:relative!important}.paintBucketCanvasWrapper{z-index:1;position:relative!important}.paintBucketBaseCanvas{-webkit-user-select:none;user-select:none;z-index:1!important;pointer-events:none!important;position:relative!important}.paintBucketOverlayCanvas{touch-action:none;-webkit-user-select:none;user-select:none;z-index:50!important;pointer-events:none!important;position:absolute!important;inset:0!important}.paintBucketOverlayCanvas.isActive{pointer-events:auto!important;cursor:crosshair!important}.paintBucketPlan:has(.paintBucketOverlayCanvas.isActive){cursor:crosshair!important}.sitePolygonOverlay{z-index:5;pointer-events:auto}.mapPolygonGroup{pointer-events:auto}.mapSitePolygon,.mapSitePolygon.available,.mapSitePolygon.paid,.mapSitePolygon.pending,.mapSitePolygon.overdue,.mapSitePolygon.unknown{cursor:pointer;transition:fill .18s,stroke .18s,filter .18s;fill:#fff0!important;stroke:#0000!important;stroke-width:0!important;opacity:1!important;pointer-events:all!important}.mapSitePolygon:hover{fill:#2563eb1f!important;stroke:#2563eba6!important;stroke-width:.22px!important}.mapSitePolygon.selected,.mapPolygonGroup.selected .mapSitePolygon{filter:drop-shadow(0 0 .45px #2563ebbf);fill:#2563eb57!important;stroke:#2563eb!important;stroke-width:.32px!important}.mapStage.isEditing .sitePolygonOverlay,.mapStage.isEditing .mapSitePolygon{cursor:crosshair!important}.mapPolygonVertex{pointer-events:none!important;display:none!important}.mapZoomLayer{position:relative}.planImage{z-index:1;position:relative}.sitePaintCanvas{z-index:3;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.sitePolygonOverlay{z-index:5;position:absolute;inset:0}.mapSitePolygon,.mapSitePolygon:hover,.mapSitePolygon.selected,.mapPolygonGroup.selected .mapSitePolygon,.mapSitePolygon.available,.mapSitePolygon.paid,.mapSitePolygon.pending,.mapSitePolygon.overdue,.mapSitePolygon.unknown{fill:#fff0!important;stroke:#0000!important;stroke-width:0!important;filter:none!important;opacity:1!important;pointer-events:all!important}.mapZoomLayer{line-height:0;position:relative!important}.planImage{width:100%;height:auto;display:block;z-index:1!important;position:relative!important}.sitePaintCanvas{z-index:4!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;width:100%!important;height:100%!important;display:block!important;position:absolute!important;inset:0!important}.sitePolygonOverlay{z-index:10!important}.mapBuilderPage{width:min(1540px,100% - 40px);margin:0 auto;padding:30px 0 60px}.mapBuilderHeader{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.mapBuilderHeader h1{color:#0f172a;margin:6px 0 5px;font-size:clamp(30px,4vw,46px);line-height:1}.mapBuilderHeader p{color:#64748b;max-width:720px;margin:0;font-size:15px;line-height:1.6}.mapBuilderHeaderIcon{color:#2563eb;background:#eaf2ff;border-radius:18px;flex:none;place-items:center;width:58px;height:58px;display:grid}.mapBuilderBackButton{color:#475569;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-bottom:18px;padding:0;font-size:14px;font-weight:700;display:inline-flex}.builderProgress{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:20px;padding:18px 20px;box-shadow:0 14px 38px #0f172a0f}.builderProgressHeader{justify-content:space-between;align-items:center;gap:20px;margin-bottom:11px;display:flex}.builderProgressHeader div{flex-direction:column;gap:7px;display:flex}.builderProgressHeader span{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.builderProgressHeader strong{color:#0f172a}.builderProgressTrack{background:#e2e8f0;border-radius:999px;height:9px;overflow:hidden}.builderProgressBar{border-radius:inherit;background:#2563eb;height:100%;transition:width .24s}.mapBuilderWorkspace{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:20px;display:grid}.mapBuilderSidebar{position:sticky;top:18px}.mapBuilderPanel,.mapBuilderCanvasPanel{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 16px 45px #0f172a12}.mapBuilderPanel{padding:20px}.mapBuilderPanelLabel{color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.mapBuilderPanel select{color:#0f172a;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:11px;padding:0 12px;font-size:14px}.mapBuilderCurrentSite{background:#f1f5f9;border-radius:15px;flex-direction:column;align-items:center;margin:18px 0;padding:18px;display:flex}.mapBuilderCurrentSite span{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:700}.mapBuilderCurrentSite strong{color:#0f172a;margin:3px 0;font-size:38px;line-height:1}.mapBuilderCurrentSite small{color:#64748b;text-align:center}.mapBuilderMainButton{justify-content:center;width:100%}.mapBuilderInstruction{color:#1d4ed8;background:#eff6ff;border-radius:12px;align-items:center;gap:9px;padding:13px;font-size:13px;font-weight:700;line-height:1.45;display:flex}.mapBuilderPreviewActions{grid-template-columns:1fr 1.25fr;gap:8px;display:grid}.mapBuilderPreviewActions button{justify-content:center}.mapBuilderRepeatButton{color:#334155;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:7px;font-weight:700;display:inline-flex}.mapBuilderMessage{color:#9a3412;background:#fff7ed;border-radius:11px;align-items:flex-start;gap:8px;margin-top:13px;padding:11px 12px;font-size:13px;line-height:1.45;display:flex}.mapBuilderMessage.success{color:#166534;background:#f0fdf4}.mapBuilderCanvasPanel{min-width:0;padding:12px}.builderCanvas{background:#e2e8f0;border-radius:15px;position:relative;overflow:hidden}.builderImageCanvas,.builderPreviewCanvas{width:100%;height:auto;display:block}.builderImageCanvas{z-index:1;position:relative}.builderPreviewCanvas{z-index:2;pointer-events:none;position:absolute;inset:0}.builderCanvas.isDetecting .builderPreviewCanvas{pointer-events:auto;cursor:crosshair}.builderCanvasStatus{z-index:5;color:#334155;background:#fffffff0;border:1px solid #0f172a1f;border-radius:999px;align-items:center;gap:8px;min-height:35px;padding:0 12px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 8px 25px #0f172a21}.builderCanvasStatus span{background:#94a3b8;border-radius:50%;width:8px;height:8px}.builderCanvasStatus span.ready{background:#22c55e}.mapBuilderLoading{color:#64748b;place-items:center;min-height:60vh;font-weight:700;display:grid}@media (width<=900px){.mapBuilderWorkspace{grid-template-columns:1fr}.mapBuilderSidebar{position:static}}@media (width<=640px){.mapBuilderPage{width:min(100% - 22px,1540px);padding-top:18px}.mapBuilderHeaderIcon{display:none}.mapBuilderPreviewActions{grid-template-columns:1fr}}.mapBuilderOpenButton{color:#1d4ed8;min-height:38px;font:inherit;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:800;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.mapBuilderOpenButton:hover{background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}.mapCard{overflow:hidden;background:#fff!important;border:1px solid #e5eaf1!important;border-radius:24px!important;box-shadow:0 18px 60px #0f172a14,0 3px 12px #0f172a0a!important}.mapHeader{background:#fffffffa;min-height:112px;border-bottom:1px solid #e9edf3!important;padding:25px 30px!important}.mapHeader>div:first-child{min-width:240px}.mapHeader .sectionEyebrow{color:#2563eb!important;letter-spacing:.13em!important;font-size:11px!important;font-weight:900!important}.mapHeader h2{letter-spacing:-.035em;color:#0f1f3d!important;margin:5px 0 3px!important;font-size:clamp(24px,2vw,31px)!important;font-weight:850!important;line-height:1.05!important}.mapHeader p{color:#738096!important;margin:0!important;font-size:14px!important}.mapHeaderActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.mapLegend{flex-wrap:wrap;align-items:center;display:flex;gap:9px!important}.mapLegend>span{background:#fff;border:1px solid #dde3ec;border-radius:11px;align-items:center;min-height:40px;padding:0 14px;box-shadow:0 5px 14px #0f172a09;color:#263247!important;gap:8px!important;font-size:12px!important;font-weight:750!important;display:inline-flex!important}.legendDot{border-radius:50%!important;width:10px!important;height:10px!important}.legendDot.available{background:#42ad68!important}.legendDot.pending{background:#eaa008!important}.legendDot.overdue{background:#d94a4a!important}.legendDot.empty{background:#aeb7c5!important}.mapBuilderOpenButton{font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;transition:transform .16s,box-shadow .16s,filter .16s;box-shadow:0 9px 20px #071a3b33,inset 0 1px #ffffff1f;color:#fff!important;background:linear-gradient(135deg,#102b59 0%,#071a3b 100%)!important;border:1px solid #0b2149!important;border-radius:11px!important;min-height:43px!important;padding:0 17px!important;font-size:12px!important;font-weight:850!important;display:inline-flex!important}.mapBuilderOpenButton:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 12px 25px #071a3b42,inset 0 1px #ffffff1f}.mapEditToggle{display:none!important}.mapStage{background:radial-gradient(circle at 50% 15%,#fff 0%,#fbfcfe 60%,#f6f8fb 100%)!important}.mapViewport{background:#fbfcfe!important}.mapZoomLayer{background:#fff!important}.sitePolygonOverlay{overflow:visible;z-index:7!important}.mapSitePolygon,.mapSitePolygon.available,.mapSitePolygon.paid,.mapSitePolygon.pending,.mapSitePolygon.overdue,.mapSitePolygon.unknown{stroke-linejoin:round;opacity:1!important;pointer-events:all!important;cursor:pointer!important;transition:fill .17s,stroke .17s,filter .17s,opacity .17s!important}.mapSitePolygon.paid,.mapSitePolygon.available{fill:#4aae6229!important;stroke:#33954cd1!important;stroke-width:.16px!important}.mapSitePolygon.pending{fill:#eaa00824!important;stroke:#da8e00d1!important;stroke-width:.16px!important}.mapSitePolygon.overdue{fill:#d94a4a24!important;stroke:#ca3131d1!important;stroke-width:.16px!important}.mapSitePolygon.unknown{fill:#ffffff14!important;stroke:#747e8c42!important;stroke-width:.1px!important}.mapSitePolygon:hover{fill:#2563eb24!important;stroke:#2563eb!important;stroke-width:.24px!important;filter:drop-shadow(0 4px 5px #2563eb29)!important}.mapSitePolygon.selected,.mapPolygonGroup.selected .mapSitePolygon{fill:#3771e133!important;stroke:#2563eb!important;stroke-width:.3px!important;filter:drop-shadow(0 5px 7px #2563eb45)!important}.mapSiteLabelLayer,.mapSiteHtmlLabel,.mapSiteHtmlLabel *{pointer-events:none!important}.mapSiteHtmlLabel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #0f172a24;place-items:center;min-width:29px;min-height:28px;transition:transform .16s,background .16s,box-shadow .16s;transform:translate(-50%,-50%);z-index:12!important;color:#172033!important;background:#fffffff5!important;border-radius:6px!important;padding:0 6px!important;display:grid!important;box-shadow:0 3px 7px #0f172a29,0 1px 2px #0f172a14!important}.mapSiteHtmlLabel span{display:none!important}.mapSiteHtmlLabel strong{letter-spacing:-.03em;color:inherit!important;text-shadow:none!important;font-size:13px!important;font-weight:900!important;line-height:1!important}.mapSiteHtmlLabel.paid,.mapSiteHtmlLabel.available{color:#fff!important;background:linear-gradient(145deg,#42b563 0%,#248d44 100%)!important;border-color:#218a43!important;box-shadow:0 4px 8px #248d4447,inset 0 1px #ffffff42!important}.mapSiteHtmlLabel.pending{color:#fff!important;background:linear-gradient(145deg,#f6b51b 0%,#de9000 100%)!important;border-color:#ce8500!important;box-shadow:0 4px 8px #de90004a,inset 0 1px #ffffff45!important}.mapSiteHtmlLabel.overdue{color:#fff!important;background:linear-gradient(145deg,#e65757 0%,#c53535 100%)!important;border-color:#bc3030!important;box-shadow:0 4px 8px #c5353547,inset 0 1px #ffffff3b!important}.mapSiteHtmlLabel.unknown{color:#172033!important;background:#fffffff7!important;border-color:#64748b47!important}.mapSiteHtmlLabel.selected,.mapSiteHtmlLabel.paid.selected,.mapSiteHtmlLabel.available.selected,.mapSiteHtmlLabel.pending.selected,.mapSiteHtmlLabel.overdue.selected,.mapSiteHtmlLabel.unknown.selected{transform:translate(-50%,-50%)scale(1.14);color:#fff!important;background:linear-gradient(145deg,#4e83ee 0%,#2563eb 100%)!important;border-color:#1d4ed8!important;box-shadow:0 7px 16px #2563eb61,inset 0 1px #ffffff4d!important}.mapSitePanel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa!important;border:1px solid #e0e6ee!important;border-radius:19px!important;width:min(340px,100% - 32px)!important;padding:22px!important;box-shadow:0 20px 45px #0f172a26,0 3px 10px #0f172a0f!important}.mapSitePanelHeader{border-bottom:1px solid #edf0f4;padding-bottom:16px!important}.mapSitePanelHeader span{text-transform:uppercase;color:#2563eb!important;letter-spacing:.11em!important;font-size:10px!important;font-weight:900!important}.mapSitePanelHeader h3{letter-spacing:-.045em;color:#101c36!important;margin-top:5px!important;font-size:34px!important;font-weight:900!important}.mapSitePanelOwner{background:#f8fafc;border:1px solid #edf0f4;border-radius:13px;margin-top:17px!important;padding:14px!important}.mapSitePanelIcon{color:#2563eb!important;background:#eaf1ff!important}.mapSitePanelGrid{gap:9px!important}.mapSitePanelGrid>div{border:1px solid #e8edf3;min-height:78px;background:#fff!important;border-radius:12px!important;padding:13px!important}.mapSitePanelGrid span{letter-spacing:.08em;text-transform:uppercase;color:#8490a3!important;font-size:9px!important;font-weight:850!important}.mapSitePanelGrid strong{color:#152039;font-size:14px!important}.mapSitePanelButton{box-shadow:0 9px 20px #071a3b33;background:linear-gradient(135deg,#102b59,#071a3b)!important;border-radius:11px!important;min-height:45px!important}.mapControls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5!important;border:1px solid #dfe5ed!important;border-radius:12px!important;box-shadow:0 9px 24px #0f172a1c!important}.mapControls button{color:#263247!important}.mapControls button:hover{color:#2563eb!important;background:#edf3ff!important}.mapStatus{color:#536176!important;background:#fffffff2!important;border:1px solid #dfe5ed!important;border-radius:999px!important;box-shadow:0 8px 20px #0f172a17!important}@media (width<=1050px){.mapHeader{flex-direction:column;align-items:flex-start!important}.mapHeaderActions{justify-content:flex-start;width:100%}}@media (width<=700px){.mapHeader{padding:20px!important}.mapLegend>span{min-height:35px;padding:0 10px}.mapBuilderOpenButton{width:100%}.mapSiteHtmlLabel{min-width:25px;min-height:24px}.mapSiteHtmlLabel strong{font-size:11px!important}}.mapBuilderModeTabs{background:#fff;border:1px solid #dfe5ed;border-radius:13px;align-items:center;gap:5px;margin-bottom:18px;padding:5px;display:inline-flex;box-shadow:0 8px 24px #0f172a0f}.mapBuilderModeTabs button{color:#657187;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:13px;font-weight:800;transition:background .16s,color .16s,box-shadow .16s;display:inline-flex}.mapBuilderModeTabs button.active{color:#fff;background:#102b59;box-shadow:0 7px 15px #102b5938}.mapBuilderElementOption{text-align:left;cursor:pointer;background:#f1faf2;border:1px solid #b8d8bc;border-radius:13px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.mapBuilderElementOption>span{color:#3e8149;background:#dcefdc;border-radius:12px;flex:none;place-items:center;width:45px;height:45px;display:grid}.mapBuilderElementOption>div{flex-direction:column;min-width:0;display:flex}.mapBuilderElementOption strong{color:#17351c;font-size:14px}.mapBuilderElementOption small{color:#64806a;margin-top:2px;font-size:11px;line-height:1.35}.mapBuilderElementHelp{color:#64748b;background:#f8fafc;border-radius:11px;align-items:flex-start;gap:9px;margin-top:14px;padding:12px;display:flex}.mapBuilderElementHelp svg{color:#4a8b54;flex:none}.mapBuilderElementHelp p{margin:0;font-size:12px;line-height:1.5}.mapBuilderElementCount{background:#fff;border:1px solid #e4e9ef;border-radius:11px;justify-content:space-between;align-items:center;margin-top:14px;padding:12px 14px;display:flex}.mapBuilderElementCount span{color:#64748b;font-size:12px;font-weight:750}.mapBuilderElementCount strong{color:#17351c;font-size:22px}.builderMapElementLayer{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.builderMapTree{pointer-events:none;width:0;height:0;position:absolute}.environmentPresetGrid{gap:8px;display:grid}.environmentPresetGrid button{color:#506078;text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e7ee;border-radius:12px;grid-template-columns:38px minmax(0,1fr);align-items:center;column-gap:10px;width:100%;padding:11px;transition:border-color .16s,background .16s,transform .16s;display:grid}.environmentPresetGrid button svg{color:#4d8055;grid-row:1/3;align-self:center}.environmentPresetGrid button strong{color:#1d293c;font-size:13px}.environmentPresetGrid button small{color:#7a8798;font-size:11px}.environmentPresetGrid button:hover{border-color:#b8cfbc;transform:translateY(-1px)}.environmentPresetGrid button.active{background:#eef8ef;border-color:#73aa7a;box-shadow:0 5px 13px #42824c1a}.environmentPresetGrid button.active strong{color:#24532c}.environmentDensityLabel{margin-top:19px}.environmentDensityButtons{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.environmentDensityButtons button{color:#64748b;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dfe5ec;border-radius:9px;font-size:11px;font-weight:800}.environmentDensityButtons button.active{color:#fff;background:#102b59;border-color:#102b59}.environmentSummary{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.environmentSummary>div{background:#f8fafc;border:1px solid #e5e9ef;border-radius:11px;flex-direction:column;min-width:0;padding:11px;display:flex}.environmentSummary span{color:#8190a3;letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:800}.environmentSummary strong{color:#17351c;margin-top:3px;font-size:22px}.environmentGenerateButton{justify-content:center;width:100%;margin-top:14px}.environmentActions{grid-template-columns:1fr 1fr;gap:7px;margin-top:14px;display:grid}.environmentActions button{color:#4e5d72;min-height:39px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8dfe8;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.environmentActions .primaryButton{color:#fff;background:#102b59;border-color:#102b59;grid-column:1/-1}.builderMapTree{transition:opacity .18s,filter .18s,transform .18s}.builderMapTree.isPreview{opacity:.78;filter:saturate(.9)drop-shadow(0 0 5px #22c55e6b)}.builderCanvas.isEnvironmentMode .builderPreviewCanvas{pointer-events:none!important;cursor:default!important}.builderMapElementLayer,.builderMapTree{display:none!important}.builderMapElementLayer{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden;display:block!important}.builderMapTree{pointer-events:none;width:0;height:0;position:absolute;display:block!important}.builderCanvasStage{width:100%!important;line-height:0!important;position:relative!important}.builderImageCanvas{z-index:1!important;pointer-events:none!important;width:100%!important;height:auto!important;display:block!important;position:relative!important}.builderMapElementLayer{z-index:3!important;pointer-events:none!important;display:block!important;position:absolute!important;inset:0!important;overflow:hidden!important}.builderPreviewCanvas{z-index:20!important;pointer-events:none!important;touch-action:none!important;width:100%!important;height:100%!important;display:block!important;position:absolute!important;inset:0!important}.builderCanvas.isPlacingElement .builderPreviewCanvas{pointer-events:auto!important;cursor:copy!important}.builderCanvas.isPlacingElement{cursor:copy!important}.builderMapTree{z-index:4!important;pointer-events:none!important;width:0!important;height:0!important;display:block!important;position:absolute!important}.mapBuilderModeTabs button:nth-child(2),.mapBuilderModeTabs{display:none!important}.builderCanvasStage{position:relative}.builderImageCanvas{z-index:1;pointer-events:none;position:relative}.builderMapElementLayer{pointer-events:none}.builderPreviewCanvas{width:100%;height:100%;display:block;position:absolute;inset:0;z-index:50!important}.builderCanvas.isDetecting .builderPreviewCanvas,.builderCanvas.isPlacingElement .builderPreviewCanvas{pointer-events:auto!important;cursor:crosshair!important}.builderSavedSitesLayer{z-index:20;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.builderSavedSitePolygon{fill:#22c55e;fill-opacity:.25;stroke:#15803d;stroke-width:.16px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.builderPreviewCanvas{z-index:50!important}