@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}.legendDot{border-radius:50%;width:8px;height:8px}.legendDot.available{background:#68a67c}.legendDot.pending{background:#d5aa60}.legendDot.overdue{background:#d36c71}.legendDot.empty{background:#a5adb9}.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}.mapControls button:hover{color:#24374b;background:#eef2f5}.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%}}