*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{color:#e0e0e0;background:#0f1419;font-family:Yu Gothic,Hiragino Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px}button{font-family:inherit}#app{grid-template-columns:1fr 460px;height:100dvh;display:grid}#map-wrap{position:relative}#map{width:100%;height:100%}#sidebar{background:#1a1f29;border-left:1px solid #2a3142;flex-direction:column;display:flex;overflow:hidden}.header{background:linear-gradient(135deg,#1f2937,#1a1f29);border-bottom:1px solid #2a3142;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}.header .title-wrap h1{color:#60a5fa;font-size:14px;font-weight:700}.header .title-wrap .sub{color:#6b7280;margin-top:1px;font-size:10px}.user-pill{color:#d1d5db;cursor:pointer;background:#0f1419;border:1px solid #2a3142;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;display:flex}.user-pill:hover{background:#1f2937}.user-pill .dot{background:#6b7280;border-radius:50%;width:7px;height:7px}.user-pill.online .dot{background:#22c55e}.toolbar{border-bottom:1px solid #2a3142;flex-wrap:wrap;gap:5px;padding:8px 12px;display:flex}.btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:4px;padding:7px 11px;font-size:11px;font-weight:600}.btn:hover{filter:brightness(1.15)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:#374151}.btn.success{background:#16a34a}.btn.purple{background:#7c3aed}.btn.danger{background:#dc2626}.btn.active{background:#16a34a;box-shadow:0 0 0 2px #22c55e4d}.btn.lg{width:100%;padding:10px 16px;font-size:13px}.tabs{background:#151921;border-bottom:1px solid #2a3142;flex-shrink:0;display:flex}.tab{text-align:center;cursor:pointer;color:#6b7280;border-bottom:2px solid #0000;flex:1;padding:10px 4px;font-size:11px;font-weight:600}.tab:hover{color:#d1d5db}.tab.active{color:#60a5fa;border-bottom-color:#60a5fa}.tab-content{-webkit-overflow-scrolling:touch;flex:1;display:none;overflow-y:auto}.tab-content.active{display:block}.tab-content::-webkit-scrollbar{width:6px}.tab-content::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.panel{border-bottom:1px solid #2a3142;padding:12px 16px}.panel h2{color:#60a5fa;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.panel h2 .badge{color:#9ca3af;background:#2a3142;border-radius:8px;padding:2px 6px;font-size:9px;font-weight:600}.panel h2 .actions{gap:4px;display:flex}.panel h2 .actions button{color:#60a5fa;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 6px;font-size:10px}.panel h2 .actions button:hover{background:#2a3142}.stats{grid-template-columns:1fr 1fr;gap:6px;display:grid}.stat{background:#0f1419;border:1px solid #2a3142;border-radius:4px;padding:8px 10px}.stat .label{color:#6b7280;text-transform:uppercase;font-size:9px}.stat .value{color:#f3f4f6;font-size:16px;font-weight:700}.stat .unit{color:#6b7280;margin-left:2px;font-size:10px}table.parcel-table{border-collapse:collapse;width:100%;font-size:11px}table.parcel-table th{color:#9ca3af;text-align:left;background:#1f2937;border-bottom:1px solid #2a3142;padding:5px 7px;font-weight:600;position:sticky;top:0}table.parcel-table td{color:#d1d5db;border-bottom:1px solid #1f2937;padding:5px 7px}.reg-list{flex-direction:column;gap:5px;display:flex}.reg-item{border-left:3px solid;border-radius:4px;padding:7px 9px;font-size:11px;line-height:1.5}.reg-danger{color:#fca5a5;background:#ef44441a;border-color:#ef4444}.reg-warning{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b}.reg-info{color:#93c5fd;background:#3b82f61a;border-color:#3b82f6}.reg-ok{color:#86efac;background:#22c55e1a;border-color:#22c55e}.reg-ordinance{color:#d8b4fe;background:#a855f71a;border-color:#a855f7}.reg-item strong{margin-bottom:2px;font-size:12px;display:block}.reg-item .src{color:#9ca3af;margin-top:3px;font-size:10px;font-style:italic}.empty{text-align:center;color:#6b7280;padding:14px 0;font-size:11px}.basemap-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.basemap-btn{color:#d1d5db;cursor:pointer;text-align:center;background:#374151;border:1px solid #0000;border-radius:3px;padding:7px 4px;font-size:10px}.basemap-btn.active{color:#fff;background:#1e40af;border-color:#60a5fa}.overlay-row{border-radius:3px;align-items:center;gap:7px;min-height:32px;padding:5px 6px;font-size:11px;display:flex}.overlay-row:hover{background:#1f2937}.overlay-row input[type=checkbox]{cursor:pointer;width:16px;height:16px}.overlay-row .name{color:#d1d5db;flex:1}.overlay-row .opacity-slider{width:60px}.project-card{cursor:pointer;background:#0f1419;border:1px solid #2a3142;border-radius:5px;margin-bottom:6px;padding:10px 12px}.project-card:hover{background:#151b26;border-color:#60a5fa}.project-card.active{background:#1e3a5f;border-color:#60a5fa}.project-card .pname{color:#f3f4f6;margin-bottom:3px;font-size:12px;font-weight:700}.project-card .pmeta{color:#9ca3af;justify-content:space-between;font-size:10px;display:flex}.project-card .pshared{color:#fff;background:#7c3aed;border-radius:8px;margin-left:4px;padding:1px 5px;font-size:9px;display:inline-block}.ds-card{background:#0f1419;border:1px solid #2a3142;border-radius:4px;margin-bottom:6px;padding:8px 10px}.ds-card .ds-title{color:#93c5fd;margin-bottom:3px;font-size:11px;font-weight:700}.ds-card .ds-desc{color:#9ca3af;margin-bottom:5px;font-size:10px;line-height:1.4}.ds-card a{color:#60a5fa;background:#1e3a5f;border-radius:3px;margin-right:4px;padding:3px 7px;font-size:10px;text-decoration:none;display:inline-block}.ds-card a:hover{background:#1e40af}#search-bar{z-index:60;width:340px;font-size:12px;position:absolute;top:12px;left:12px}#search-bar .search-input-wrap{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1419f2;border:1px solid #2a3142;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;display:flex}#search-bar .search-input-wrap:focus-within{border-color:#60a5fa}#search-bar input{color:#f3f4f6;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:12px}#search-bar input::placeholder{color:#6b7280}#search-bar .search-icon{color:#60a5fa;font-size:13px}#search-bar .search-spinner{opacity:.6;font-size:12px}#search-bar .search-clear{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1}#search-bar .search-clear:hover{color:#f3f4f6}#search-bar .search-results{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1419f7;border:1px solid #2a3142;border-radius:6px;max-height:320px;margin-top:4px;overflow-y:auto}#search-bar .search-result{cursor:pointer;color:#d1d5db;border-bottom:1px solid #1f2937;align-items:center;gap:8px;padding:8px 10px;display:flex}#search-bar .search-result:last-child{border-bottom:none}#search-bar .search-result:hover{color:#f3f4f6;background:#1f2937}#search-bar .search-pin{flex-shrink:0;font-size:13px}#search-bar .search-title{flex:1;line-height:1.4}#search-bar .search-empty,#search-bar .search-error{color:#6b7280;text-align:center;padding:10px;font-size:11px}#search-bar .search-error{color:#fca5a5}#layer-control{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#0f1419f2;border:1px solid #2a3142;border-radius:6px;flex-direction:column;width:280px;max-height:calc(100vh - 160px);font-size:11px;display:flex;position:absolute;top:130px;left:12px;overflow:hidden}#layer-control.collapsed{max-height:unset}#layer-control .lc-header{color:#60a5fa;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#1f2937,#1a1f29);border-bottom:1px solid #2a3142;justify-content:space-between;align-items:center;padding:8px 12px;font-weight:700;display:flex}#layer-control.collapsed .lc-header{border-bottom:none}#layer-control .lc-chev{color:#6b7280}#layer-control .lc-body{flex:1;overflow-y:auto}#layer-control .lc-body::-webkit-scrollbar{width:5px}#layer-control .lc-body::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}#layer-control .lc-basemap{border-bottom:1px solid #2a3142;grid-template-columns:repeat(3,1fr);gap:3px;padding:8px;display:grid}#layer-control .lc-basemap-btn{color:#d1d5db;cursor:pointer;text-align:center;background:#374151;border:1px solid #0000;border-radius:3px;padding:6px 4px;font-family:inherit;font-size:10px}#layer-control .lc-basemap-btn.active{color:#fff;background:#1e40af;border-color:#60a5fa}#layer-control .lc-section{border-bottom:1px solid #2a3142}#layer-control .lc-section:last-child{border-bottom:none}#layer-control .lc-section-head{cursor:pointer;-webkit-user-select:none;user-select:none;color:#d1d5db;justify-content:space-between;align-items:center;gap:6px;padding:7px 10px;display:flex}#layer-control .lc-section-head:hover{background:#1f2937}#layer-control .lc-section-head>span:first-child{flex:1}#layer-control .lc-count{color:#fff;background:#2563eb;border-radius:8px;padding:1px 6px;font-size:9px;font-weight:700}#layer-control .lc-count:empty{display:none}#layer-control .lc-section-body{background:#0f1419;padding:4px 8px 8px}#layer-control .lc-row{align-items:center;gap:6px;min-height:28px;padding:4px;display:flex}#layer-control .lc-row input[type=checkbox]{cursor:pointer;flex-shrink:0;width:14px;height:14px}#layer-control .lc-name{color:#d1d5db;flex:1;font-size:11px}#layer-control .lc-opacity{flex-shrink:0;width:50px}#info-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#0f1419f2;border:1px solid #2a3142;border-radius:6px;max-width:280px;padding:8px 12px;font-size:11px;position:absolute;top:68px;left:12px}#info-overlay .title{color:#60a5fa;margin-bottom:3px;font-size:12px;font-weight:700}#info-overlay .muni{color:#a855f7;margin-top:3px;font-weight:600}#measure-display{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#0f1419f2;border:1px solid #22c55e;border-radius:6px;padding:8px 12px;font-size:11px;display:none;position:absolute;bottom:60px;left:12px}#measure-display.active{display:block}#measure-display .val{color:#86efac;font-size:14px;font-weight:700}#drop-zone{z-index:1000;pointer-events:none;background:#22c55e33;border:4px dashed #22c55e;justify-content:center;align-items:center;display:none;position:absolute;inset:0}#drop-zone.active{display:flex}#drop-zone .msg{color:#22c55e;background:#1a1f29;border-radius:12px;padding:30px 50px;font-size:18px;font-weight:700}.maplibregl-ctrl-attrib{color:#6b7280!important;background:#0f1419b3!important;font-size:9px!important}.maplibregl-ctrl-attrib a{color:#93c5fd!important}.modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal{background:#1a1f29;border:1px solid #2a3142;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid #2a3142;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2{color:#60a5fa;font-size:16px}.modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:0;font-size:22px;line-height:1}.modal-body{padding:20px}.modal-body label{color:#9ca3af;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.modal-body input,.modal-body textarea,.modal-body select{color:#f3f4f6;background:#0f1419;border:1px solid #2a3142;border-radius:5px;width:100%;margin-bottom:12px;padding:9px 11px;font-family:inherit;font-size:13px}.modal-body input:focus,.modal-body textarea:focus{border-color:#60a5fa;outline:none}.modal-body .hint{color:#6b7280;margin-top:-8px;margin-bottom:12px;font-size:10px;line-height:1.4}.modal-body .row{gap:8px;display:flex}.modal-body .alert{border-radius:5px;margin-bottom:12px;padding:10px 12px;font-size:11px}.modal-body .alert.info{color:#93c5fd;background:#3b82f61a;border:1px solid #3b82f6}.modal-body .alert.warn{color:#fcd34d;background:#f59e0b1a;border:1px solid #f59e0b}.modal-body .alert.success{color:#86efac;background:#22c55e1a;border:1px solid #22c55e}.modal-body .alert.error{color:#fca5a5;background:#ef44441a;border:1px solid #ef4444}.modal-body pre{color:#93c5fd;background:#0f1419;border:1px solid #2a3142;border-radius:5px;margin-bottom:12px;padding:10px;font-size:10px;overflow-x:auto}#report-view{color:#111;z-index:9999;background:#fff;padding:30px;font-family:Yu Gothic,sans-serif;display:none;position:fixed;inset:0;overflow-y:auto}#report-view.active{display:block}#report-view h1{color:#1f4e79;border-bottom:3px solid #1f4e79;margin-bottom:16px;padding-bottom:8px;font-size:22px}#report-view h2{color:#2e75b6;border-left:4px solid #2e75b6;margin:20px 0 10px;padding-left:8px;font-size:16px}#report-view .meta{color:#555;margin-bottom:16px;font-size:12px}#report-view .stat-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0;display:grid}#report-view .stat-card{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:12px}#report-view .stat-card .label{color:#555;font-size:10px}#report-view .stat-card .value{color:#1f4e79;font-size:22px;font-weight:700}#report-view table{border-collapse:collapse;width:100%;margin-top:8px;font-size:12px}#report-view th{color:#fff;text-align:left;background:#1f4e79;padding:6px 8px}#report-view td{border-bottom:1px solid #ddd;padding:5px 8px}#report-view .reg-block{border-left:4px solid;border-radius:4px;margin:6px 0;padding:10px 12px;font-size:12px}#report-view .reg-block strong{margin-bottom:4px;font-size:13px;display:block}#report-view .reg-block.danger{background:#fef2f2;border-color:#dc2626}#report-view .reg-block.warning{background:#fffbeb;border-color:#d97706}#report-view .reg-block.info{background:#eff6ff;border-color:#2563eb}#report-view .reg-block.ordinance{background:#faf5ff;border-color:#9333ea}#report-view .reg-block.ok{background:#f0fdf4;border-color:#16a34a}#report-view #close-report,#report-view #print-btn{color:#fff;cursor:pointer;border:none;border-radius:5px;padding:8px 14px;font-weight:700;position:fixed;top:16px}#report-view #close-report{background:#dc2626;right:16px}#report-view #print-btn{background:#2563eb;right:110px}@media print{#close-report,#print-btn{display:none!important}#report-view{padding:15px}}@media (max-width:768px){#app{grid-template-rows:1fr auto;grid-template-columns:1fr}#map-wrap{height:100%}#sidebar{z-index:500;border-top:1px solid #2a3142;border-left:none;border-radius:16px 16px 0 0;max-height:110px;transition:max-height .3s cubic-bezier(.4,0,.2,1);position:fixed;inset:auto 0 0;box-shadow:0 -10px 30px #0006}#sidebar.expanded{max-height:75vh}#sidebar:before{content:"";cursor:grab;background:#4b5563;border-radius:2px;width:40px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.header{cursor:grab;touch-action:none;padding-top:18px}.header h1{font-size:13px}.header .sub{font-size:9px}.toolbar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:4px;padding:7px 10px;overflow-x:auto}.toolbar::-webkit-scrollbar{display:none}.btn{padding:8px 12px;font-size:11px}.tab{padding:12px 4px;font-size:12px}#search-bar{width:auto;top:8px;left:8px;right:8px}#info-overlay{max-width:none;padding:7px 10px;font-size:10px;top:60px;left:8px;right:8px}#layer-control{width:auto;max-height:calc(100vh - 220px);top:110px;left:8px;right:8px}#measure-display{font-size:10px;bottom:130px;left:8px;right:8px}.stats{gap:5px}.stat .value{font-size:14px}.modal{max-width:100%}.basemap-grid{grid-template-columns:repeat(2,1fr)}.overlay-row{min-height:36px;padding:6px}.panel{padding:10px 14px}.maplibregl-ctrl-group button{width:36px!important;height:36px!important}}@media (pointer:coarse){.overlay-row input[type=checkbox]{width:20px;height:20px}.basemap-btn{padding:9px 4px}}