:root{--suru-blue:#1a2b4c;--white:#fff;--mellow-blue:#276a92;--light-blue:#bde3f2;--action-cyan:#5dc5ea;--ocean-green:#104850;--pistachio:#c2d6ad;--light-pistachio:#e2eed9;--sev-critical:#e85a3c;--sev-critical-soft:rgba(232,90,60,.14);--sev-critical-ring:rgba(232,90,60,.35);--sev-warning:#e8a15c;--sev-warning-soft:rgba(232,161,92,.14);--sev-warning-ring:rgba(232,161,92,.3);--sev-info:#5dc5ea;--sev-info-soft:rgba(93,197,234,.18);--sev-info-ring:rgba(93,197,234,.35);--sev-ok:#c2d6ad;--sev-ok-soft:hsla(89,33%,76%,.25);--sev-ok-ring:hsla(89,33%,76%,.4);--panel-bg:hsla(0,0%,100%,.82);--panel-border:rgba(26,43,76,.08);--panel-shadow:0 24px 48px -16px rgba(26,43,76,.22),0 4px 12px -2px rgba(26,43,76,.12);--map-light-sky:linear-gradient(180deg,#deebf3,#c9deeb 55%,#a6c8dc);--map-light-ground:#eef4f8;--map-dark-sky:linear-gradient(180deg,#0b1424,#152743 55%,#1e3556);--map-dark-ground:#1b2c48;--font-family:"DIN Pro","Helvetica Neue",Arial,sans-serif;--text-xl:48px;--text-lg:32px;--text-md:20px;--text-base:16px;--text-sm:13px;--text-xs:11px;--font-light:400;--font-regular:400;--font-medium:500;--font-bold:700;--leading-tight:1.15;--leading-normal:1.5;--leading-loose:1.7;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:999px;--radius-circle:50%;--shadow-sm:0 1px 4px rgba(26,43,76,.1);--shadow-md:0 4px 16px rgba(26,43,76,.14);--shadow-lg:0 8px 32px rgba(26,43,76,.18)}*{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;font-family:var(--font-family);font-size:var(--text-base);color:var(--suru-blue);background:var(--map-light-ground);-webkit-font-smoothing:antialiased}body.dark{background:var(--map-dark-ground);color:#eef4f8}h1{font-weight:var(--font-light);font-size:var(--text-xl);line-height:var(--leading-tight);margin:0}h1 strong{font-weight:var(--font-bold)}.app{position:fixed;inset:0;overflow:hidden}.map-stage{position:absolute;inset:0;background:var(--map-light-sky)}body.dark .map-stage{background:var(--map-dark-sky)}.city-map{position:absolute;inset:0;width:100%;height:100%}.city-map .mapboxgl-canvas{outline:none}.city-map .mapboxgl-ctrl-attrib{font-size:10px;background:hsla(0,0%,100%,.6)}body.dark .city-map .mapboxgl-ctrl-attrib{background:rgba(18,36,64,.6);color:var(--light-blue)}body.dark .city-map .mapboxgl-ctrl-attrib a{color:var(--light-blue)}.version-watermark{position:absolute;left:50%;bottom:var(--space-2,8px);transform:translateX(-50%);z-index:5;font-size:10px;line-height:1;letter-spacing:.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--suru-blue);opacity:.12;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}body.dark .version-watermark{color:var(--light-blue);opacity:.14}.panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);border:1px solid var(--panel-border);border-radius:20px;box-shadow:var(--panel-shadow)}body.dark .panel{background:rgba(26,43,76,.68);border-color:rgba(93,197,234,.14);color:#eef4f8}.brand-chip{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 12px;z-index:10}.brand-chip .logo-circle{width:36px;height:36px;border-radius:50%;background:var(--suru-blue);color:var(--action-cyan);display:grid;place-items:center;font-weight:700;font-size:15px;letter-spacing:.02em}.brand-chip .text-wrap{display:flex;flex-direction:column;line-height:1.1}.brand-chip .app-name{font-size:13px;font-weight:700;color:var(--suru-blue)}.brand-chip .city-name{font-size:11px;color:var(--mellow-blue);font-weight:400}body.dark .brand-chip .app-name{color:#eef4f8}body.dark .brand-chip .city-name{color:var(--action-cyan)}.summary-bar{position:absolute;top:20px;left:50%;transform:translateX(-50%);gap:2px;padding:6px;z-index:10}.summary-bar,.summary-pill{display:flex;align-items:center}.summary-pill{gap:10px;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:500;color:var(--suru-blue);background:transparent;border:0;cursor:pointer;transition:background .15s}.summary-pill:hover{background:rgba(26,43,76,.06)}body.dark .summary-pill{color:#eef4f8}body.dark .summary-pill:hover{background:hsla(0,0%,100%,.07)}.summary-pill .count{font-size:16px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.summary-pill .dot{width:8px;height:8px;border-radius:50%}.summary-pill .dot.critical{background:var(--sev-critical);box-shadow:0 0 0 3px var(--sev-critical-ring)}.summary-pill .dot.warning{background:var(--sev-warning);box-shadow:0 0 0 3px var(--sev-warning-ring)}.summary-pill .dot.info{background:var(--sev-info);box-shadow:0 0 0 3px var(--sev-info-ring)}.summary-pill .dot.ok{background:var(--pistachio);box-shadow:0 0 0 3px var(--sev-ok-ring)}.summary-sep{width:1px;height:22px;background:rgba(26,43,76,.12);margin:0 4px}body.dark .summary-sep{background:hsla(0,0%,100%,.12)}.top-right-controls{position:absolute;top:20px;right:20px;display:flex;gap:10px;z-index:10}.ctrl-btn{height:40px;min-width:40px;padding:0 14px;border-radius:999px;border:1px solid var(--panel-border);background:hsla(0,0%,100%,.82);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);color:var(--suru-blue);font-family:var(--font-family);font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:background .15s;box-shadow:0 2px 10px rgba(26,43,76,.08)}.ctrl-btn:hover{background:hsla(0,0%,100%,.95)}.ctrl-btn.icon{width:40px;padding:0;justify-content:center}body.dark .ctrl-btn{background:rgba(26,43,76,.68);color:#eef4f8;border-color:rgba(93,197,234,.14)}body.dark .ctrl-btn:hover{background:rgba(39,106,146,.8)}.ctrl-btn .badge{background:var(--sev-critical);color:#fff;font-size:10px;font-weight:700;border-radius:999px;padding:1px 7px;min-width:18px;text-align:center;line-height:1.4}.buildings-panel{position:absolute;top:76px;right:20px;bottom:20px;width:380px;z-index:8;display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:20px 20px 12px}.panel-title-row{display:flex;align-items:baseline;justify-content:space-between}.panel-title{font-size:20px;font-weight:700}.panel-count{font-size:13px;color:var(--mellow-blue);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}body.dark .panel-count{color:var(--action-cyan)}.buildings-list{overflow-y:auto;padding:4px 12px 12px;display:flex;flex-direction:column;gap:4px}.building-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;grid-gap:12px;gap:12px;padding:12px;border-radius:14px;cursor:pointer;transition:background .15s;background:transparent;border:0;width:100%;text-align:left;font-family:var(--font-family)}.building-row:hover{background:rgba(26,43,76,.05)}body.dark .building-row:hover{background:hsla(0,0%,100%,.06)}.status-indicator{width:10px;height:10px;border-radius:50%}.status-indicator[data-sev=critical]{background:var(--sev-critical);box-shadow:0 0 0 4px var(--sev-critical-soft)}.status-indicator[data-sev=warning]{background:var(--sev-warning);box-shadow:0 0 0 4px var(--sev-warning-soft)}.status-indicator[data-sev=info]{background:var(--sev-info);box-shadow:0 0 0 4px var(--sev-info-soft)}.status-indicator[data-sev=ok]{background:var(--pistachio);box-shadow:0 0 0 4px var(--sev-ok-soft)}.building-row .name{font-size:14px;font-weight:700;color:var(--suru-blue)}body.dark .building-row .name{color:#eef4f8}.building-row .sub{font-size:11px;color:var(--mellow-blue)}body.dark .building-row .sub{color:var(--action-cyan)}.usage{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.spark{width:64px;height:18px}.spark .area{fill:var(--sev-info-soft)}.spark .line{fill:none;stroke:var(--mellow-blue);stroke-width:1.5}.usage-meta{display:flex;align-items:center;gap:6px;font-size:11px}.usage-total{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--suru-blue)}body.dark .usage-total{color:#eef4f8}.trend[data-dir=up]{color:var(--sev-critical)}.trend[data-dir=down],.trend[data-dir=flat]{color:var(--mellow-blue)}.trend[data-dir=flat]{opacity:.7}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;text-align:center;color:var(--mellow-blue)}.empty-state .big-dot{width:44px;height:44px;border-radius:50%;background:var(--sev-ok-soft);display:grid;place-items:center}.empty-state .big-dot:after{content:"";width:16px;height:16px;border-radius:50%;background:var(--pistachio)}.profile-page{position:fixed;inset:0;overflow-y:auto;background:var(--map-light-sky);padding:var(--space-7) var(--space-4);display:flex;justify-content:center;align-items:flex-start}body.dark .profile-page{background:var(--map-dark-sky)}.profile-card{width:100%;max-width:560px;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.profile-back{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none}.profile-head{display:flex;align-items:center;gap:var(--space-4)}.profile-avatar{width:72px;height:72px;border-radius:var(--radius-circle);object-fit:cover;flex-shrink:0;border:2px solid var(--panel-border);background:var(--suru-blue);color:var(--action-cyan);display:grid;place-items:center;font-size:var(--text-md);font-weight:var(--font-bold)}.profile-head .text-wrap{display:flex;flex-direction:column;gap:2px}.profile-head .title{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--suru-blue)}.profile-head .subtitle{font-size:var(--text-sm);color:var(--mellow-blue)}body.dark .profile-head .title{color:#eef4f8}body.dark .profile-head .subtitle{color:var(--action-cyan)}.profile-form{gap:var(--space-4)}.field,.profile-form{display:flex;flex-direction:column}.field{gap:var(--space-2)}.field>label{font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--mellow-blue)}body.dark .field>label{color:var(--action-cyan)}.field>input{height:44px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--panel-border);background:hsla(0,0%,100%,.7);font-family:var(--font-family);font-size:var(--text-base);color:var(--suru-blue);transition:border-color .15s,box-shadow .15s}.field>input:focus{outline:none;border-color:var(--action-cyan);box-shadow:0 0 0 3px var(--sev-info-soft)}.field>input:disabled{background:rgba(26,43,76,.05);color:var(--mellow-blue);cursor:not-allowed}body.dark .field>input{background:rgba(11,20,36,.5);border-color:rgba(93,197,234,.18);color:#eef4f8}body.dark .field>input:disabled{background:hsla(0,0%,100%,.04);color:var(--light-blue)}.field .field-hint{font-size:var(--text-xs);color:var(--mellow-blue)}body.dark .field .field-hint{color:var(--light-blue)}.email-row{display:flex;align-items:center;gap:var(--space-2)}.email-row>input{flex:1 1}.verify-pill{font-size:var(--text-xs);font-weight:var(--font-medium);padding:4px 10px;border-radius:var(--radius-pill);white-space:nowrap}.verify-pill[data-ok=true]{background:var(--sev-ok-soft);color:var(--ocean-green)}.verify-pill[data-ok=false]{background:var(--sev-warning-soft);color:var(--sev-warning)}.profile-actions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.btn-primary{height:44px;padding:0 var(--space-5);border-radius:var(--radius-pill);border:0;background:var(--suru-blue);color:var(--white);font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:opacity .15s,background .15s}.btn-primary:hover:not(:disabled){background:var(--mellow-blue)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}body.dark .btn-primary{background:var(--action-cyan);color:var(--suru-blue)}.btn-ghost{height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--panel-border);background:transparent;color:var(--suru-blue);font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background .15s}.btn-ghost:hover:not(:disabled){background:rgba(26,43,76,.06)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}body.dark .btn-ghost{color:#eef4f8;border-color:rgba(93,197,234,.18)}body.dark .btn-ghost:hover:not(:disabled){background:hsla(0,0%,100%,.07)}.profile-status{font-size:var(--text-sm);font-weight:var(--font-medium);min-height:20px}.profile-status[data-tone=ok]{color:var(--ocean-green)}.profile-status[data-tone=error]{color:var(--sev-critical)}.profile-status[data-tone=muted]{color:var(--mellow-blue)}body.dark .profile-status[data-tone=ok]{color:var(--pistachio)}.profile-status-detail{display:block;margin-top:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-regular);color:var(--mellow-blue);word-break:break-word}