:root {
  --green-950:#102e21; --green-900:#173f2b; --green-800:#1e5137; --green-700:#267047;
  --green-100:#dcfce7; --green-50:#f0fdf4; --orange:#f59e0b; --red:#dc2626;
  --blue:#2563eb; --purple:#7c3aed; --ink:#17221c; --muted:#647067; --line:#e3e9e5;
  --surface:#fff; --background:#f4f7f5; --shadow:0 12px 32px rgba(19,52,36,.08); --radius:18px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--background);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;line-height:1.5} a{color:inherit;text-decoration:none} button,input,select,textarea{font:inherit} button{cursor:pointer} img{max-width:100%;display:block}
.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:258px;background:linear-gradient(180deg,var(--green-950),#123624);color:#fff;padding:26px 18px;display:flex;flex-direction:column;z-index:50}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 25px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark,.auth-brand>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#7ddc97,#37a65d);color:#0c2a1b;font-weight:900;font-size:20px;box-shadow:inset 0 1px rgba(255,255,255,.5)}.brand div,.auth-brand div{display:flex;flex-direction:column}.brand strong{font-size:14px}.brand small{color:#9cc6a9;font-size:11px;margin-top:1px}.nav-list{display:grid;gap:5px;margin-top:24px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;color:#bfd1c5;font-weight:500;transition:.18s}.nav-link:hover,.nav-link.active{color:#fff;background:rgba(255,255,255,.1)}.nav-link.active{box-shadow:inset 3px 0 #6ed58d}.nav-icon{width:23px;text-align:center;font-size:17px}.sidebar-future{margin-top:auto;padding:18px 13px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.04);display:grid;gap:7px}.sidebar-future small{color:#73c98d;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:3px}.sidebar-future span{color:#a9c0b0;font-size:11px}.logout-link{margin-top:14px;padding:10px 13px;color:#c0d4c7;font-size:12px}.main-wrap{margin-left:258px;width:calc(100% - 258px);min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;position:sticky;top:0;z-index:30}.topbar>div:first-of-type{display:flex;flex-direction:column}.topbar small{font-size:10px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.topbar h1{font-size:18px;line-height:1.15;margin:3px 0 0}.user-chip{margin-left:auto;display:flex;align-items:center;gap:9px}.user-chip>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--green-100);color:var(--green-800);font-weight:800;text-transform:uppercase}.user-chip>div{display:flex;flex-direction:column}.user-chip strong{font-size:12px}.user-chip small{font-size:9px}.menu-button{display:none;border:0;background:none;font-size:22px;color:var(--green-900);margin-right:14px}.content{padding:30px 34px 48px;flex:1;max-width:1540px;width:100%;margin:0 auto}.footer{padding:16px 34px;text-align:right;color:#879189;font-size:11px}.sidebar-overlay{display:none}
.hero-card{background:linear-gradient(120deg,var(--green-900),#276a46);border-radius:22px;padding:30px 34px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 18px 38px rgba(22,67,44,.18);overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;width:300px;height:300px;border:55px solid rgba(255,255,255,.05);border-radius:50%;right:-100px;top:-135px}.hero-card>div{position:relative;z-index:1}.hero-card h2{font-size:24px;letter-spacing:-.03em;margin:5px 0 8px}.hero-card p{margin:0;max-width:720px;color:#d8ebdf}.hero-actions{display:flex;gap:10px;flex-shrink:0}.eyebrow{color:#4b8f64;font-size:10px;font-weight:800;letter-spacing:.14em}.hero-card .eyebrow{color:#9ce0b1}
.button{min-height:42px;border-radius:10px;border:1px solid transparent;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;transition:.18s;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--green-800);color:#fff;box-shadow:0 6px 14px rgba(30,81,55,.15)}.button.primary:hover{background:var(--green-700)}.button.secondary{background:#fff;border-color:#d6ded8;color:#304039}.button.light{background:#fff;color:var(--green-900)}.button.ghost-light{border-color:rgba(255,255,255,.35);color:#fff}.button:disabled{opacity:.65;cursor:wait;transform:none}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:19px;display:flex;align-items:center;gap:15px;box-shadow:0 5px 17px rgba(18,53,34,.035)}.stat-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:18px}.stat-icon.green{background:#e1f7e8;color:#25804a}.stat-icon.amber{background:#fff5d9;color:#b87800}.stat-icon.blue{background:#e7efff;color:#2563eb}.stat-icon.purple{background:#efe8ff;color:#7c3aed}.stat-card>div{display:grid}.stat-card small{font-size:9px;letter-spacing:.11em;color:#7b877e;font-weight:800}.stat-card strong{font-size:23px;line-height:1.1;margin:3px 0}.stat-card span:last-child{font-size:10px;color:#89938c}
.quick-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}.quick-action-grid>a{min-height:78px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px;display:flex;align-items:center;gap:11px;box-shadow:0 5px 17px rgba(18,53,34,.03);transition:.18s}.quick-action-grid>a:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#cbdacf}.quick-action-grid>a>div{display:flex;flex-direction:column;min-width:0}.quick-action-grid strong{font-size:10px}.quick-action-grid small{font-size:8px;color:var(--muted);margin-top:2px}.quick-action-grid b{font-size:20px;color:#9aa49d;margin-left:auto}.quick-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;font-size:17px;flex:0 0 auto}.quick-icon.green{background:#e2f7e8;color:#25804a}.quick-icon.blue{background:#e7efff;color:#2563eb}.quick-icon.amber{background:#fff4d8;color:#a66d00}.quick-icon.purple{background:#efe8ff;color:#7c3aed}.completion-card{display:flex;gap:13px;align-items:center;padding:20px 22px 16px;border-bottom:1px solid var(--line)}.completion-card>div:last-child{min-width:0}.completion-card h2{font-size:14px;margin:3px 0 1px}.completion-card p{font-size:8px;color:var(--muted);margin:0}.completion-ring{--p:calc(var(--progress) * 1%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:conic-gradient(var(--green-700) var(--p),#e7eee9 0);position:relative}.completion-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}.completion-ring strong{position:relative;z-index:1;font-size:13px;color:var(--green-800)}.category-summary{padding:12px 22px;border-bottom:1px solid var(--line);display:grid;gap:7px}.category-summary>div{display:flex;align-items:center;justify-content:space-between;font-size:9px}.category-summary span{display:flex;align-items:center;gap:7px;color:#526058}.category-summary i{width:7px;height:7px;border-radius:50%;background:var(--dot)}.category-summary strong{font-size:10px}.roadmap-heading{padding:16px 22px 0}.roadmap-heading h2{font-size:14px;margin:3px 0 0}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 20px rgba(18,53,34,.035)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.72fr);gap:20px}.panel-head{min-height:74px;padding:19px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:18px}.panel-head h2{font-size:16px;margin:3px 0 0}.panel-head>a{font-size:11px;color:var(--green-700);font-weight:700}.empty-state{padding:48px 20px;text-align:center;display:flex;flex-direction:column;align-items:center}.empty-state>div{width:55px;height:55px;border-radius:17px;display:grid;place-items:center;background:var(--green-50);color:var(--green-700);font-size:25px}.empty-state h3{margin:14px 0 5px;font-size:15px}.empty-state p{margin:0 0 18px;color:var(--muted);font-size:12px;max-width:360px}.empty-state.small{padding:42px 20px}.device-list{padding:5px 18px}.device-row{display:flex;align-items:center;gap:12px;padding:14px 5px;border-bottom:1px solid #edf1ee}.device-row:last-child{border:0}.device-row>div{display:flex;flex-direction:column;min-width:0}.device-row strong{font-size:12px}.device-row small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-dot{width:10px;height:10px;border-radius:50%;background:var(--dot);box-shadow:0 0 0 5px color-mix(in srgb,var(--dot) 15%,white)}.badge{border-radius:100px;padding:5px 9px;font-size:9px;font-weight:800;margin-left:auto}.status-ativo{background:#e0f7e8;color:#1d7a42}.status-manutencao{background:#fff1cc;color:#9a6700}.status-inativo{background:#fee5e5;color:#b42318}.status-nao_testado{background:#edf0ee;color:#626d65}.roadmap-card{padding-bottom:18px}.roadmap{list-style:none;margin:0;padding:17px 22px 8px;display:grid;gap:16px}.roadmap li{display:flex;gap:11px;align-items:center;color:#8b948e}.roadmap li>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;border:1px solid #dce3de;font-size:10px;font-weight:800;flex:0 0 auto}.roadmap li>div{display:flex;flex-direction:column}.roadmap strong{font-size:11px}.roadmap small{font-size:9px}.roadmap li.done,.roadmap li.current{color:var(--green-800)}.roadmap li.done>span{background:var(--green-800);border-color:var(--green-800);color:#fff}.roadmap li.current>span{background:var(--green-50);border-color:#9ed7ad}.tariff-note{margin:8px 22px 0;padding:14px;border-radius:12px;background:#f5f8f6;display:grid}.tariff-note span,.tariff-note small{font-size:9px;color:var(--muted)}.tariff-note strong{font-size:14px;color:var(--green-800);margin:2px 0}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:2px 0 21px}.page-head.compact{align-items:flex-start}.page-head h2{font-size:24px;letter-spacing:-.035em;margin:4px 0}.page-head p{color:var(--muted);margin:0;font-size:12px;max-width:720px}.head-actions{display:flex;gap:10px}.back-link{display:inline-block;color:var(--green-700);font-size:11px;font-weight:700;margin-bottom:7px}.filter-panel{padding:17px;margin-bottom:18px}.filter-grid{display:grid;grid-template-columns:minmax(220px,1.7fr) repeat(3,minmax(135px,.7fr)) auto;gap:11px;align-items:end}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span{font-size:10px;color:#536159;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #d7e0da;border-radius:9px;background:#fff;color:var(--ink);padding:10px 11px;outline:none;transition:.15s}.field input,.field select{height:41px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#63a47a;box-shadow:0 0 0 3px rgba(71,150,97,.11)}.field small{font-size:9px;color:#88928b}.check-field{display:flex;align-items:center;gap:9px;font-size:11px;color:#45534a}.check-field input{width:17px;height:17px;accent-color:var(--green-700)}.span-2{grid-column:span 2}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.device-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(17,51,32,.04)}.device-photo{height:164px;background:linear-gradient(135deg,#edf4ef,#dae8de);display:grid;place-items:center;position:relative;color:#7da08a;font-size:40px;overflow:hidden}.device-photo img{width:100%;height:100%;object-fit:cover}.device-photo .badge{position:absolute;right:10px;top:10px}.device-card-body{padding:16px}.category-line{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.category-line span{width:8px;height:8px;border-radius:50%;background:var(--dot)}.device-card h3{font-size:15px;margin:7px 0 2px}.device-card p{color:var(--muted);font-size:10px;margin:0 0 13px}.device-card dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:11px 0;border-top:1px solid #edf1ee;border-bottom:1px solid #edf1ee}.device-card dl div{display:flex;flex-direction:column}.device-card dt{font-size:8px;color:#89928c;text-transform:uppercase}.device-card dd{font-size:10px;margin:2px 0 0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-actions{display:flex;align-items:center;justify-content:space-between;padding-top:12px}.card-actions a,.row-actions a{font-size:10px;color:var(--green-700);font-weight:700}.card-actions form,.row-actions form{display:inline}.link-danger{border:0;background:none;color:#c33232;font-size:10px;padding:0;font-weight:700}
.device-form{display:grid;gap:17px}.form-section{padding-bottom:22px}.section-title{padding:19px 22px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}.section-title>span{width:30px;height:30px;border-radius:9px;background:var(--green-50);color:var(--green-700);display:grid;place-items:center;font-weight:800}.section-title h3{font-size:14px;margin:0}.section-title p{font-size:9px;color:var(--muted);margin:1px 0 0}.form-grid{padding:21px 22px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 17px}.photo-preview{height:160px;max-width:280px;border-radius:12px;object-fit:cover;margin-top:5px;border:1px solid var(--line)}.hidden{display:none!important}.locate-button{margin-top:2px}.geo-status{margin:0;color:#52715d;font-size:10px}.sticky-actions{position:sticky;bottom:10px;display:flex;justify-content:flex-end;gap:10px;background:rgba(244,247,245,.92);backdrop-filter:blur(10px);padding:12px;border-radius:14px;border:1px solid rgba(215,225,218,.9);z-index:10}
.management-grid{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(460px,1.3fr);gap:19px}.form-panel{padding-bottom:23px}.form-actions{display:flex;justify-content:flex-end;gap:9px}.color-field input{padding:4px}.data-list{padding:5px 18px}.data-row{min-height:64px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf1ee;padding:10px 4px}.data-row:last-child{border:0}.data-row>div:not(.row-actions){min-width:0;display:flex;flex-direction:column}.data-row strong{font-size:11px}.data-row small{color:var(--muted);font-size:9px}.large-dot{width:15px;height:15px;border-radius:50%;background:var(--dot);box-shadow:0 0 0 5px color-mix(in srgb,var(--dot) 12%,white);margin:0 4px}.location-icon{width:34px;height:34px;border-radius:10px;background:var(--green-50);color:var(--green-700);display:grid;place-items:center;font-size:16px}.row-actions{margin-left:auto;display:flex;gap:11px;align-items:center}
.map-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.65fr);gap:18px}.map-panel{padding:10px}.property-map{height:610px;border-radius:13px;background:#e8efea;z-index:1}.map-legend{display:flex;gap:17px;align-items:center;padding:12px 8px 3px;color:var(--muted);font-size:9px}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.legend-point{background:var(--green-700)}.legend-device{background:var(--blue)}.legend-location{background:var(--orange)}.point-list-panel{overflow:hidden;max-height:672px}.point-list{overflow:auto;max-height:590px;padding:5px 15px}.point-row{display:flex;align-items:center;gap:10px;padding:11px 3px;border-bottom:1px solid #edf1ee;cursor:pointer}.point-row>span{color:var(--green-700)}.point-row>div{min-width:0;display:flex;flex-direction:column}.point-row strong{font-size:10px}.point-row small{font-size:8px;color:var(--muted)}.point-row form{margin-left:auto}.point-dialog{border:0;padding:0;background:transparent;max-width:620px;width:calc(100% - 28px)}.point-dialog::backdrop{background:rgba(9,30,18,.64);backdrop-filter:blur(4px)}.dialog-card{background:#fff;border-radius:18px;padding-bottom:22px;max-height:90vh;overflow:auto}.dialog-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-size:17px;margin:3px 0 0}.dialog-head button{width:31px;height:31px;border:0;border-radius:8px;background:#eef3ef;color:#4a574f;font-size:20px}.map-marker{width:22px;height:22px;display:block;border-radius:50%;border:4px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.28)}.map-marker.point{background:var(--green-700)}.map-marker.device{background:var(--blue)}.map-marker.location{background:var(--orange)}
.map-page-head{align-items:center}.connection-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border-radius:100px;background:#edf7f0;color:#3d6f4d;font-size:9px;font-weight:700;white-space:nowrap}.connection-chip i{width:7px;height:7px;border-radius:50%;background:#39a960;box-shadow:0 0 0 4px #d7f1df}.connection-chip i.error{background:#d54b4b;box-shadow:0 0 0 4px #f8dede}.map-toolbar{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:5px 7px 12px;gap:12px}.map-toolbar>div:first-child{display:flex;flex-direction:column}.map-toolbar strong{font-size:11px}.map-toolbar small{font-size:9px;color:var(--muted)}.map-toolbar-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.map-toolbar-actions button,.icon-button{border:1px solid #d9e2dc;background:#fff;color:#425249;border-radius:9px;min-height:33px;padding:7px 9px;font-size:9px;font-weight:700}.map-toolbar-actions button:hover,.map-toolbar-actions button.active{background:var(--green-50);border-color:#7eb491;color:var(--green-800)}.icon-button{width:32px;height:32px;padding:0;font-size:18px;color:var(--green-800)}.property-map{position:relative;isolation:isolate;overflow:hidden}.property-map.picking-point{cursor:crosshair}.map-loading,.map-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#647067;font-size:11px;background:#e8efea}.map-loading span{width:18px;height:18px;border:2px solid #bad3c2;border-top-color:var(--green-700);border-radius:50%;animation:map-spin .8s linear infinite}.map-error{flex-direction:column}.map-error strong{color:#33463b;font-size:13px}.legend-perimeter{background:#55c878;border:2px solid #1e7047}.map-fullscreen{position:fixed!important;inset:10px;z-index:2000;border-radius:18px;padding:10px;background:#fff;box-shadow:0 30px 100px rgba(4,24,12,.4)}.map-fullscreen .property-map{height:calc(100vh - 104px)}.map-fullscreen .map-toolbar [data-map-fullscreen]{background:var(--green-800);color:#fff}.map-is-fullscreen{overflow:hidden}.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-layout .sticky-actions{grid-column:span 2}.info-box{padding:13px 14px;border-radius:11px;background:#f3f8f4;border:1px solid #dce9df}.info-box strong{font-size:10px;color:var(--green-800)}.info-box p{font-size:9px;color:var(--muted);margin:3px 0 0}.install-button,.install-button-page{border:1px solid #bcd7c4;background:#f1fbf4;color:var(--green-800);border-radius:9px;padding:8px 11px;font-size:9px;font-weight:800}.install-button{margin-left:auto;margin-right:14px}.install-button-page{min-height:42px}.mobile-tabbar,.mobile-fab{display:none}@keyframes map-spin{to{transform:rotate(360deg)}}

/* Leaflet local fallback: keeps tiles and controls aligned even if the CDN stylesheet is delayed. */
.leaflet-container{position:relative;overflow:hidden;outline:0;background:#dce7df;font-family:Inter,system-ui,sans-serif}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane svg,.leaflet-map-pane canvas{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-tile-pane img,.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-tile{visibility:hidden;user-select:none}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;box-sizing:border-box;z-index:800}.leaflet-control{position:relative;z-index:800;pointer-events:auto;float:left;clear:both}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-bar{box-shadow:0 2px 10px rgba(0,0,0,.15);border-radius:8px;overflow:hidden}.leaflet-bar a{background:#fff;color:#273a2f;border-bottom:1px solid #d9e1db;width:31px;height:31px;line-height:31px;display:block;text-align:center;font-size:18px}.leaflet-bar a:last-child{border-bottom:0}.leaflet-control-layers{background:#fff;border-radius:9px;box-shadow:0 2px 10px rgba(0,0,0,.15)}.leaflet-control-layers-toggle{display:block;width:34px;height:34px;background:linear-gradient(135deg,#e7f3ea,#bedac6);position:relative}.leaflet-control-layers-toggle:after{content:'▱';position:absolute;inset:0;display:grid;place-items:center;color:var(--green-800);font-size:19px}.leaflet-control-layers-expanded{padding:10px 12px;color:#33443a;font-size:10px}.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-list{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block}.leaflet-control-layers label{display:block;margin:4px 0}.leaflet-control-attribution{background:rgba(255,255,255,.82);padding:2px 6px;color:#627067;font-size:8px}.leaflet-control-attribution a{color:#356d49}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.2);padding:1px}.leaflet-popup-content{margin:12px 15px;line-height:1.45}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;transform:rotate(45deg);background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,.1)}.leaflet-popup-close-button{position:absolute;top:1px;right:2px;width:24px;height:24px;color:#68746c;font-size:18px;z-index:2}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}.leaflet-interactive{cursor:pointer}
.alert{padding:12px 14px;border-radius:10px;margin-bottom:15px;font-size:11px;border:1px solid}.alert a{text-decoration:underline;font-weight:700}.alert-success{background:#e7f8ec;border-color:#bce7c8;color:#1e6d3b}.alert-warning{background:#fff7df;border-color:#f1d891;color:#805a00}.alert-danger{background:#fff0f0;border-color:#f1bcbc;color:#9f2424}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 15%,rgba(85,164,110,.2),transparent 32%),linear-gradient(135deg,#102e21,#1d5136)}.auth-card,.setup-card{width:min(100%,430px);background:#fff;border-radius:23px;padding:29px;box-shadow:0 30px 80px rgba(6,30,17,.28)}.setup-card{width:min(100%,720px)}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand strong{font-size:14px}.auth-brand small{font-size:10px;color:var(--muted)}.auth-copy{padding:33px 0 20px}.auth-copy h1,.setup-card h1{font-size:26px;letter-spacing:-.04em;margin:5px 0 8px}.auth-copy p{color:var(--muted);font-size:12px;margin:0}.login-form{display:grid;gap:14px}.login-form .button{margin-top:4px;width:100%}.auth-note{display:block;text-align:center;color:#929b95;font-size:9px;margin-top:20px}.setup-card>.muted{font-size:12px;color:var(--muted)}.setup-form{padding:9px 0 0}.setup-form h2{grid-column:span 2;font-size:12px;color:var(--green-800);margin:13px 0 -3px;padding-bottom:7px;border-bottom:1px solid var(--line)}.success-state{text-align:center;padding:20px 10px}.success-icon{width:64px;height:64px;border-radius:50%;margin:0 auto 15px;display:grid;place-items:center;background:var(--green-100);color:var(--green-700);font-size:30px;font-weight:900}.success-state p{color:var(--muted);font-size:12px;margin-bottom:20px}.page-grid.narrow{max-width:720px}
@media (max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.quick-action-grid{grid-template-columns:repeat(2,1fr)}.device-grid{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:1fr 1fr 1fr}.search-field{grid-column:span 2}.filter-grid .button{grid-column:span 3}.dashboard-grid{grid-template-columns:1fr}.management-grid{grid-template-columns:1fr}.map-layout{grid-template-columns:1fr}.point-list-panel{max-height:none}.property-map{height:500px}.settings-layout{grid-template-columns:1fr}.settings-layout .sticky-actions{grid-column:span 1}}
@media (max-width:780px){.sidebar{transform:translateX(-102%);transition:.22s;width:min(280px,84vw);box-shadow:18px 0 45px rgba(0,0,0,.25)}.sidebar.open{transform:translateX(0)}.sidebar-overlay{position:fixed;inset:0;background:rgba(5,22,12,.55);z-index:40}.sidebar-overlay.show{display:block}.menu-open{overflow:hidden}.main-wrap{margin-left:0;width:100%}.topbar{height:68px;padding:0 17px}.menu-button{display:block}.topbar .user-chip>div{display:none}.topbar .install-button{display:none}.content{padding:20px 15px 105px}.footer{display:none}.hero-card{padding:25px 22px;align-items:flex-start;flex-direction:column}.hero-card h2{font-size:21px}.hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px;gap:10px}.stat-icon{width:38px;height:38px}.stat-card strong{font-size:19px}.dashboard-grid{gap:14px}.page-head{align-items:flex-start;flex-direction:column}.head-actions{width:100%}.head-actions .button{flex:1}.map-page-head .head-actions{align-items:center}.filter-grid{grid-template-columns:1fr 1fr}.search-field{grid-column:span 2}.filter-grid .button{grid-column:span 2}.device-grid{grid-template-columns:1fr}.device-photo{height:190px}.form-grid{padding:18px 17px 0}.section-title{padding:16px 17px}.management-grid{gap:14px}.map-layout{gap:14px}.property-map{height:58vh;min-height:420px}.map-toolbar{align-items:flex-start;flex-direction:column}.map-toolbar-actions{justify-content:flex-start;width:100%;overflow:auto;flex-wrap:nowrap;padding-bottom:2px}.map-toolbar-actions button{white-space:nowrap}.map-legend{flex-wrap:wrap}.user-chip>span{width:33px;height:33px}.sticky-actions{bottom:76px}.setup-card,.auth-card{padding:23px}.setup-form{padding:4px 0 0}.mobile-tabbar{display:grid;grid-template-columns:1fr 1fr 60px 1fr 1fr;position:fixed;left:10px;right:10px;bottom:max(9px,env(safe-area-inset-bottom));height:65px;border-radius:20px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border:1px solid rgba(212,223,216,.95);box-shadow:0 14px 45px rgba(8,38,20,.22);z-index:1500;padding:5px 8px}.mobile-tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#758078;border-radius:14px}.mobile-tabbar a span{font-size:17px}.mobile-tabbar a small{font-size:8px;font-weight:700}.mobile-tabbar a.active{color:var(--green-800);background:var(--green-50)}.mobile-fab{display:grid;place-items:center;position:fixed;left:50%;bottom:calc(max(9px,env(safe-area-inset-bottom)) + 20px);transform:translateX(-50%);width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,#247347,#16492f);color:#fff;font-size:27px;box-shadow:0 9px 24px rgba(20,76,45,.35);z-index:1600;border:4px solid #f5f8f6}.install-button-page{width:100%}.map-fullscreen{inset:4px}.map-fullscreen .property-map{height:calc(100vh - 154px)}}
@media (max-width:520px){.stat-grid{grid-template-columns:1fr}.quick-action-grid{grid-template-columns:1fr 1fr;gap:9px}.quick-action-grid>a{min-height:92px;align-items:flex-start;flex-direction:column;position:relative}.quick-action-grid b{position:absolute;right:12px;top:9px}.hero-actions{grid-template-columns:1fr}.device-row .badge{display:none}.form-grid{grid-template-columns:1fr}.span-2,.setup-form h2{grid-column:span 1}.filter-grid{grid-template-columns:1fr}.search-field,.filter-grid .button{grid-column:span 1}.device-card dl{grid-template-columns:1fr}.data-row{align-items:flex-start}.row-actions{flex-direction:column;align-items:flex-end}.map-panel{padding:6px}.property-map{height:390px}.dialog-card .form-grid{grid-template-columns:1fr}.point-dialog{width:calc(100% - 18px)}.sticky-actions .button{flex:1}}