:root{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#203b30;background:#f4f7f5;font-size:15px;line-height:1.55;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green: #126e57;--green-dark: #0b5442;--green-pale: #e8f4ed;--text: #203b30;--secondary: #51665a;--muted: #64766b;--border: #d8e2db;--orange: #945916}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{color:inherit;border:0;background:none;cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,select{touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,svg:focus-visible{outline:3px solid #68a98b;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:none;border-color:#438c6b!important;box-shadow:0 0 0 3px #126e5714}a{color:inherit;text-decoration:none}svg{flex-shrink:0}::selection{background:#cce8d8}.site-header{height:78px;display:flex;align-items:center;gap:24px;padding:0 32px;background:#fff;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-symbol{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:12px;background:var(--green);color:#fff}.brand-wordmark{font-size:20px;font-weight:650;letter-spacing:2px;line-height:1.4}.brand-wordmark small{display:block;color:var(--secondary);font-size:9px;font-weight:500;letter-spacing:1.4px}.header-divider{height:26px;width:1px;background:var(--border)}.header-caption{color:var(--secondary);font-size:14px}.header-actions{display:flex;align-items:center;gap:20px;margin-left:auto}.connection-status{display:flex;align-items:center;gap:6px;color:var(--green);font-size:12px;white-space:nowrap}.connection-status.demo{color:#706b43}.connection-status.offline{color:#a44731}.connection-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.profile-button{display:flex;align-items:center;gap:8px;min-height:42px;max-width:230px;padding:8px 13px;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:14px}.profile-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(hover:hover){.profile-button:hover{border-color:#79a58d;background:#f5faf6}}.app-main{max-width:1700px;padding:28px 32px 0;margin:auto}.intro-row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--secondary);font-size:10px;font-weight:600;letter-spacing:1.8px}.eyebrow>span{width:6px;height:6px;background:var(--green);border-radius:50%}h1{margin:10px 0;font-size:29px;line-height:1.4;font-weight:650}h1>span{color:var(--green)}.intro-copy>p{display:flex;align-items:center;gap:7px;margin:0;color:var(--secondary);font-size:13px}.text-divider{color:#a4b4aa;margin:0 4px}.overview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;min-width:495px}.stat-card{display:flex;align-items:center;gap:10px;position:relative;min-height:96px;padding:18px 14px;border:1px solid var(--border);border-radius:11px;background:#fff;text-align:left;transition:border-color .2s,background .2s}@media(hover:hover){.stat-card:hover{border-color:#78a58a;background:#fbfdfb}}.stat-card.stat-active{border-color:#72a68b;box-shadow:0 0 0 1px #72a68b15}.stat-icon{display:flex;align-items:center;justify-content:center;width:32px;height:36px;flex-shrink:0;border-radius:9px}.stat-icon.available{background:var(--green-pale);color:var(--green)}.stat-icon.rented{background:#fff0de;color:var(--orange)}.stat-icon.property{background:#e6effb;color:#3f6aa8}.stat-card>div>span{display:block;margin-bottom:5px;color:var(--secondary);font-size:12px}.stat-card strong{display:block;font:600 28px/1.2 Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.7px}.stat-card strong small{margin-left:5px;color:var(--secondary);font:12px -apple-system,sans-serif}.stat-arrow{position:absolute;top:12px;right:10px;color:var(--green)}.demo-banner,.error-banner{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:11px 14px;border:1px solid #deddbf;border-radius:8px;background:#f8f7e9;color:#68613a;font-size:13px}.demo-banner p,.error-banner p{margin:0;line-height:1.7}.demo-badge{flex-shrink:0;padding:2px 6px;border-radius:4px;background:#ebe8ca;color:#655c2b;font-size:12px}.demo-banner button,.error-banner button{display:flex;align-items:center;gap:4px;margin-left:auto;min-height:36px;font-size:12px;white-space:nowrap}.error-banner{color:#964528;background:#fff3e9;border-color:#eac5aa}.workspace{position:relative;display:flex;height:calc(100dvh - 278px);min-height:600px;max-height:900px;overflow:hidden;border:1px solid var(--border);border-radius:13px;background:#fff;box-shadow:0 4px 22px #203b3005}.search-panel{display:flex;flex-direction:column;width:310px;min-height:0;flex-shrink:0;padding:20px 16px 0;border-right:1px solid var(--border);background:#fff}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-heading h2{margin:0;font-size:17px;font-weight:650}.panel-heading>span{color:var(--muted);font-size:10px;letter-spacing:1px}.search-form{display:flex;align-items:center;gap:8px;height:48px;padding:5px 6px 5px 11px;border:1px solid #b9cbbf;border-radius:8px;background:#fff}.search-form>svg{color:var(--secondary)}.search-form input{flex:1;width:100%;min-width:0;padding:8px 0;outline:none;border:0;box-shadow:none;background:transparent;color:var(--text);font-size:14px}.search-form input:focus{box-shadow:none}.search-form input::placeholder{color:var(--muted)}.search-form>button:not(.search-submit){display:flex;align-items:center;justify-content:center;width:26px;height:36px;padding:0;flex-shrink:0;color:var(--secondary)}.search-form .search-submit{min-height:36px;padding:6px 10px;border-radius:5px;background:var(--green);color:#fff;font-size:13px;flex-shrink:0}.search-form:focus-within{border-color:var(--green);box-shadow:0 0 0 2px #126e5710}.filter-tabs{display:flex;gap:3px;margin-top:14px;padding-bottom:12px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--border)}.filter-tabs button{flex:1 0 auto;min-height:40px;padding:7px 4px;border-radius:6px;color:var(--secondary);font-size:12.5px;white-space:nowrap}@media(hover:hover){.filter-tabs button:hover{background:#f1f6f1}}.filter-tabs button.active{background:var(--green-pale);color:var(--green-dark);font-weight:650}.select-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.select-filters label{position:relative;min-width:0}.select-filters select{appearance:none;-webkit-appearance:none;width:100%;min-height:42px;padding:9px 25px 9px 9px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--secondary);font-size:13px;cursor:pointer}.select-filters label>svg{position:absolute;right:8px;top:15px;pointer-events:none;color:var(--secondary)}.my-space-row{padding:11px 0;border-bottom:1px solid var(--border)}.my-space-row>button{display:flex;align-items:center;gap:8px;width:100%;min-height:30px;padding:3px;color:var(--secondary);font-size:13px}.my-space-row button>svg:last-child{margin-left:auto}.my-space-row button>span{margin-left:auto;padding:2px 6px;background:var(--green-pale);color:var(--green);border-radius:4px;font-size:12px}.my-space-row button>span+svg{margin-left:0}.my-space-row button.active{color:var(--green)}.results-head{display:flex;align-items:center;justify-content:space-between;margin:17px 0 8px;color:var(--secondary);font-size:12px}.results-head strong{font-weight:650;color:var(--text)}.results-head button{min-height:30px;color:var(--green);font-size:12px}.sort-label{display:flex;align-items:center;gap:4px;font-size:12px}.results-list{flex:1;min-height:0;overflow-y:auto;margin:0 -7px;padding:0 4px 10px;scrollbar-width:thin;scrollbar-color:#c5d4c8 transparent}.result-item{display:flex;align-items:center;gap:10px;width:100%;padding:14px 8px;border:1px solid transparent;border-radius:8px;text-align:left}.result-item+.result-item{border-top-color:#e8eee9}@media(hover:hover){.result-item:hover{background:#f3f8f4}}.result-item.selected{background:#ebf5ed;border-color:#a4c8b0}.result-parking-icon{display:flex;align-items:center;justify-content:center;width:38px;height:40px;flex-shrink:0;background:#edf2ee;color:var(--secondary);border-radius:8px}.result-parking-icon.available{background:#e5f4e9;color:var(--green)}.result-parking-icon.rented{background:#fff0de;color:var(--orange)}.result-parking-icon.property{background:#e6effb;color:#3f6aa8}.result-content{flex:1;min-width:0}.result-content>div{display:flex;align-items:center;justify-content:space-between;gap:5px}.result-content strong{font:600 18px/1.3 Inter,Arial,sans-serif;letter-spacing:.2px;font-variant-numeric:tabular-nums}.status-text{display:inline-flex;align-items:center;gap:5px;color:var(--secondary);font-size:12px;white-space:nowrap}.status-text.available{color:var(--green)}.status-text.rented{color:var(--orange)}.status-text.property{color:#3f6aa8}.dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%}.dot.available{background:#258451}.dot.rented{background:#b47730}.dot.property{background:#4a7cc2}.dot.unlisted{background:#879c8e}.result-content p{display:block;max-width:194px;margin:7px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--secondary);font-size:12px}.result-content p i{display:inline-block;width:3px;height:3px;margin:0 6px 3px;background:#809787;border-radius:50%}.result-item>svg{color:#647c6c}.load-more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:48px;padding:12px;font-size:13px;color:var(--green)}.sidebar-note{display:flex;align-items:center;gap:9px;flex-shrink:0;margin-top:auto;padding:14px 0;border-top:1px solid var(--border);color:var(--secondary)}.sidebar-note p{margin:0;font-size:12px;line-height:1.8}.empty-results{padding:28px 12px;text-align:center;color:var(--secondary)}.empty-results>svg{color:#6b8f78}.empty-results h3{margin:14px 0 8px;font-size:16px;font-weight:600;color:var(--text)}.empty-results p{font-size:14px;line-height:1.8}.results-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:30px 0;color:var(--secondary);font-size:13px}.map-panel{display:flex;flex:1;flex-direction:column;position:relative;min-width:0}.map-toolbar{display:flex;align-items:center;justify-content:space-between;height:58px;flex-shrink:0;padding:0 20px;border-bottom:1px solid var(--border);background:#fff;z-index:1}.map-toolbar>div:first-child{display:flex;align-items:center;gap:8px}.toolbar-map-icon{display:flex;color:var(--green)}.map-toolbar h2{margin:0;font-size:15px;font-weight:600}.floor-tag{padding:2px 6px;border-radius:4px;border:1px solid var(--border);background:#f0f5f0;color:var(--secondary);font-size:12px}.map-result-count{margin-left:5px;padding-left:13px;border-left:1px solid var(--border);color:var(--secondary);font-size:12px}.map-toolbar-actions{display:flex;align-items:center;gap:10px}.help-button{display:flex;align-items:center;gap:5px;min-height:40px;color:var(--secondary);font-size:13px}.refresh-button{display:flex;align-items:center;justify-content:center;width:38px;height:40px;color:var(--secondary)}.map-canvas{position:relative;flex:1;min-height:0;overflow:hidden;background-color:#f1f5f1;background-image:radial-gradient(#d4dfd6 .7px,transparent .7px);background-size:15px 15px}.map-transform-wrapper{width:100%!important;height:100%!important;touch-action:none;opacity:0;transition:opacity .2s}.is-ready .map-transform-wrapper{opacity:1}.parking-svg{display:block;outline:none!important}.plan-background{filter:grayscale(1);opacity:.4;transition:opacity .2s}.show-original .plan-background{filter:none;opacity:1}.show-original .map-spot text{opacity:0}.show-original .original-hit{fill:transparent;stroke:transparent}.show-original .status-available text,.show-original .status-rented text,.is-selected text{opacity:1!important}.map-spot{cursor:pointer;transition:opacity .15s}@media(hover:hover){.map-spot:hover rect{stroke:#126e57;stroke-width:5px}}.map-spot text{font-family:Arial,sans-serif;pointer-events:none;user-select:none}.building-markers>g{cursor:pointer}@media(hover:hover){.building-markers>g:hover rect{fill:#e4f3e8;stroke:#42875e}}.map-floor{display:flex;align-items:center;gap:8px;position:absolute;top:18px;left:18px;z-index:1;pointer-events:none}.floor-badge{display:flex;align-items:center;justify-content:center;width:34px;height:38px;background:#fff;border:1px solid var(--border);border-radius:7px;color:var(--green);font:600 17px Arial,sans-serif}.map-floor>div{color:var(--secondary);font-size:12px;font-weight:600;line-height:1.7}.map-floor>div>span{display:block;font-size:11px;font-weight:400}.map-chip{display:flex;align-items:center;gap:6px;position:absolute;top:18px;right:18px;z-index:1;min-height:40px;padding:8px 11px;border:1px solid #c3d3c6;border-radius:7px;background:#ffffffed;box-shadow:0 2px 5px #203b3006;color:var(--secondary);font-size:13px}@media(hover:hover){.map-chip:hover{border-color:#79a58d;color:var(--green)}}.map-chip.active{border-color:#6b9b7e;color:var(--green)}.map-panel.is-fullscreen{position:fixed;inset:0;z-index:15;background:#fff}.map-north{display:flex;flex-direction:column;align-items:center;gap:3px;position:absolute;left:25px;top:83px;color:var(--secondary);pointer-events:none}.map-north>svg{transform:rotate(-45deg)}.map-north>span{font:11px Arial,sans-serif}.map-controls{display:flex;flex-direction:column;position:absolute;bottom:22px;right:18px;width:46px;padding:3px;border:1px solid #c3d3c6;border-radius:9px;background:#fff;box-shadow:0 3px 14px #203b3010}.map-controls button{display:flex;align-items:center;justify-content:center;height:42px;padding:0;color:var(--green-dark)}@media(hover:hover){.map-controls button:hover{background:#eef6ee;border-radius:6px}}.zoom-value{color:var(--secondary);text-align:center;font:12px/1.6 Arial,sans-serif}.control-divider{height:1px;margin:4px;background:var(--border)}.map-legend{display:flex;align-items:center;gap:18px;position:absolute;bottom:20px;left:18px;padding:11px 13px;border:1px solid #cbd9cd;border-radius:7px;background:#fffffff2;box-shadow:0 2px 5px #203b3005}.map-legend>span{display:flex;align-items:center;gap:6px;color:var(--secondary);font-size:12px;white-space:nowrap}.map-instruction{display:flex;align-items:center;gap:6px;position:absolute;bottom:75px;left:19px;color:#425d4c;font-size:12px;pointer-events:none}.map-instruction>span{padding:3px 5px;background:#f1f5f1dd;border-radius:3px}.map-bottom-note{display:flex;align-items:center;justify-content:space-between;height:34px;flex-shrink:0;padding:0 18px;border-top:1px solid var(--border);background:#fff;color:var(--secondary);font-size:11px}.map-bottom-note>span:first-child{display:flex;align-items:center;gap:6px}.tiny-green-dot{width:5px;height:5px;border-radius:50%;background:var(--green)}.page-footer{display:flex;align-items:center;justify-content:space-between;min-height:46px;color:var(--secondary);font-size:12px}.page-footer>span{display:flex;align-items:center;gap:7px;font-size:11px}.page-footer>span>svg{color:var(--green)}.page-footer i{width:1px;height:11px;margin:0 5px;background:#bacbbd}.page-footer button{display:flex;align-items:center;gap:4px;min-height:36px;font-size:12px}.spot-detail{display:flex;flex-direction:column;position:absolute;right:18px;top:76px;z-index:10;width:356px;max-height:calc(100% - 96px);padding:16px 20px 14px;overflow:hidden;border:1px solid #b9d0bf;border-radius:13px;background:#fff;box-shadow:0 10px 36px #203b3026}.detail-head{flex-shrink:0}.sheet-handle{display:none}.detail-title{display:flex;align-items:center;gap:10px}.detail-title h2{margin:0;font:650 32px/1.3 Arial,sans-serif;letter-spacing:.3px;white-space:nowrap}.detail-title h2>span{margin-right:6px;color:var(--secondary);font:400 14px -apple-system,sans-serif;vertical-align:middle}.detail-title .status-badge{min-width:0}.detail-title .status-badge>span{overflow:hidden;text-overflow:ellipsis}.detail-tools{flex-shrink:0;display:flex;align-items:center;gap:2px;margin:0 -6px 0 auto}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:var(--secondary);border-radius:7px;flex-shrink:0}@media(hover:hover){.icon-button:hover{background:#edf5ed;color:var(--green)}}.status-badge{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:5px;background:#edf3ed;color:var(--secondary);font-size:12px;white-space:nowrap}.status-badge.available{background:#e6f5eb;color:var(--green)}.status-badge.rented{background:#fff0de;color:var(--orange)}.status-badge.property{background:#e6effb;color:#3f6aa8}.detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:4px 0 0;padding-bottom:13px;border-bottom:1px solid var(--border);color:var(--secondary);font-size:13px}.detail-meta>i{width:3px;height:3px;border-radius:50%;background:#799781}.detail-meta>strong{color:var(--green);font-weight:600}.detail-scroll{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bbd0bf transparent;padding:14px 3px 2px 0}.detail-form{display:flex;flex:0 1 auto;flex-direction:column;min-height:0}.field+.field,.editor-identity+.field{margin-top:16px}.login-hint{display:flex;align-items:center;flex-wrap:wrap;gap:0 4px;margin:-6px 0 12px;color:var(--secondary);font-size:13px}.login-hint button,.owner-login{display:inline-flex;align-items:center;gap:6px;min-height:36px;color:var(--green);font-size:13px;font-weight:600}.owner-login{margin-top:6px;padding:0}.pin-input{position:relative}.pin-input input{padding-right:48px}.pin-input input:not(:placeholder-shown){letter-spacing:.3em;font-variant-numeric:tabular-nums}.pin-toggle{position:absolute;top:50%;right:2px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;transform:translateY(-50%);border-radius:7px;color:var(--secondary)}.form-intro{margin-bottom:14px}.form-intro strong{display:block;color:var(--text);font-size:16px;font-weight:650}.form-intro span{display:block;margin-top:2px;color:var(--secondary);font-size:13px;line-height:1.7}.editor-identity{display:flex;align-items:center;gap:7px;color:var(--secondary);font-size:14px}.editor-identity>span{min-width:0;overflow-wrap:anywhere}.editor-identity strong{color:var(--green-dark);font-weight:600}.editor-identity button{min-height:36px;margin-left:auto;padding:4px 2px 4px 8px;flex-shrink:0;color:var(--green);font-size:13px}.field-label{display:block;margin-bottom:8px;color:var(--text);font-size:14px;font-weight:600}.field-hint{margin:8px 0 0;color:var(--secondary);font-size:12px;line-height:1.8}.text-input{width:100%;height:48px;padding:0 12px;border:1px solid #b8cdbb;border-radius:8px;background:#fff;color:var(--text);font-size:16px}.text-input::placeholder{color:var(--muted)}.nickname-reason{display:flex;align-items:flex-start;gap:7px;margin:8px 0 0;padding:9px 11px;border-radius:8px;background:#eaf5ec;color:var(--green-dark);font-size:13px;line-height:1.7}.nickname-reason>svg{margin-top:3px}.status-options{display:flex;gap:9px}.status-options button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-height:46px;padding:10px 12px;border:1px solid #becfc1;border-radius:7px;color:var(--secondary);font-size:14px}.status-options button.chosen{justify-content:flex-start;font-weight:600}.status-options button.chosen.available{border-color:#69a980;background:#eaf6ed;color:var(--green-dark)}.status-options button.chosen.rented{border-color:#ba8b50;background:#fff2e1;color:#87500e}.status-options button>svg{margin-left:auto}.note-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.note-label>span{color:var(--secondary);font-size:12px}textarea{width:100%;min-height:92px;max-height:280px;padding:11px 12px;resize:vertical;border:1px solid #bacdbf;border-radius:7px;background:#fff;color:var(--text);font-size:15px;line-height:1.7}textarea::placeholder{color:var(--muted)}.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 15px;border-radius:8px;font-size:14px;font-weight:550}.primary-button{background:var(--green);color:#fff}@media(hover:hover){.primary-button:hover:not(:disabled){background:var(--green-dark)}}.secondary-button{border:1px solid #bed0c2;background:#fff;color:var(--secondary)}.danger-button{background:#ac453b;color:#fff}.danger-outline{border-color:#e2c3b9;color:#9d4338}.full-width{width:100%}.detail-actions{flex-shrink:0;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);background:#fff}.action-row{display:flex;gap:10px}.action-row>button{flex:1;padding-right:10px;padding-left:10px;white-space:nowrap}.action-row>.primary-button{flex:1.7}.owner-card{display:flex;align-items:center;gap:11px}.avatar{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border:1px solid #c6dbc9;border-radius:50%;background:#eaf4e8;color:var(--green-dark);font-size:15px;letter-spacing:-.5px}.owner-card>div{flex:1;min-width:0}.owner-card small{display:block;margin-bottom:3px;color:var(--secondary);font-size:12px}.owner-card strong{color:var(--text);font-size:16px;font-weight:600;overflow-wrap:anywhere}.copy-button{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;min-height:38px;padding:6px 11px;border:1px solid #c3d6c8;border-radius:8px;color:var(--green-dark);font-size:13px}@media(hover:hover){.copy-button:hover{background:#f1f8f2}}.contact-hint{display:flex;align-items:center;gap:6px;margin:14px 0 12px;color:var(--green-dark);font-size:13px;line-height:1.8}.readonly-note{min-height:72px;padding:12px 13px;border:1px solid var(--border);border-radius:7px;background:#f4f8f2;color:var(--text);font-size:15px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.detail-readonly{display:flex;align-items:center;gap:6px;margin:12px 0 0;color:var(--secondary);font-size:12px;line-height:1.8}.cta-text{margin:0;color:var(--text);font-size:15px;line-height:1.85}.property-notice{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #c8d8ef;border-radius:8px;background:#f1f6fd;color:#2f568f}.property-notice>svg{margin-top:2px}.property-notice strong{font-size:15px;font-weight:600}.property-notice p{margin:4px 0 0;color:var(--secondary);font-size:14px;line-height:1.8}.blocked-notice strong{display:block;font-size:16px;font-weight:600}.blocked-notice p{margin:6px 0 0;color:var(--secondary);font-size:14px;line-height:1.8}.delete-confirm{padding:13px;border:1px solid #e0baa9;border-radius:7px;background:#fff5ee}.delete-confirm>strong{font-size:15px;font-weight:600;color:#903c2f}.delete-confirm>p{margin:6px 0 12px;color:#854d36;font-size:13px;line-height:1.7}.delete-confirm>div{display:flex;gap:8px}.delete-confirm>div>button{flex:1;padding:8px;font-size:14px}.modal-backdrop{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:20;padding:20px;background:#17332a66;backdrop-filter:blur(5px);animation:fade-in .15s ease}.modal{width:100%;max-width:470px;max-height:calc(100dvh - 40px);overflow:auto;padding:24px 27px 26px;border-radius:16px;background:#fff;box-shadow:0 25px 80px #0e282638}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head h2{margin:0;font-size:19px;font-weight:650}.modal-head>.icon-button{margin-right:-5px}.dialog-description{margin:14px 0 20px;color:var(--secondary);font-size:15px;line-height:1.9}.modal input{width:100%;height:49px;padding:0 12px;border:1px solid #b8cdbb;border-radius:7px;background:#fff;color:var(--text);font-size:16px}.modal input::placeholder{color:var(--muted)}.mode-switch{display:flex;gap:4px;margin-top:16px;padding:4px;border-radius:10px;background:#edf3ee}.mode-switch button{flex:1;min-height:40px;padding:6px 8px;border-radius:7px;color:var(--secondary);font-size:14px}.mode-switch button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #17332a24;color:var(--green-dark);font-weight:600}.modal .pin-label{margin-top:18px}.modal .dialog-submit{margin-top:20px}.logout-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:44px;margin-top:10px;color:#9d4338;font-size:14px}.identity-note{display:flex;align-items:flex-start;gap:9px;margin:19px 0 0;padding:12px;border-radius:7px;background:#eef5e9;color:var(--secondary)}.identity-note>svg{margin-top:3px;color:var(--green)}.identity-note p{margin:0;font-size:13px;line-height:1.85}.form-error{margin:13px 0 0;padding:11px;border:1px solid #e9baa5;border-radius:7px;background:#fff3ec;color:#923d25;font-size:13px;line-height:1.8}.detail-actions>.form-error{margin:0 0 10px;padding:8px 11px}.captcha{margin-top:16px}.help-content{color:var(--secondary)}.help-intro{display:flex;align-items:center;gap:13px;margin:24px 0}.help-intro strong{font-size:15px;font-weight:600;color:var(--text)}.help-intro p{margin:6px 0 0;font-size:13px}.help-content ol{list-style:none;padding:0;counter-reset:step}.help-content li{position:relative;margin-bottom:22px;padding-left:32px;counter-increment:step}.help-content li:before{content:counter(step);display:flex;align-items:center;justify-content:center;position:absolute;top:1px;left:0;width:22px;height:22px;border-radius:50%;background:#e7f2df;color:var(--green-dark);font-size:12px}.help-content li strong{color:var(--text);font-size:15px;font-weight:600}.help-content li p{margin:7px 0 0;font-size:14px;line-height:1.85}.help-demo{display:flex;gap:9px;padding:13px;border:1px solid #dedbb6;border-radius:7px;background:#faf8e8;color:#6b6134}.help-demo p{margin:0;font-size:13px;line-height:1.8}.help-footnote{margin-bottom:0;padding-top:16px;border-top:1px solid var(--border);font-size:12px;line-height:1.8}.toast{display:flex;align-items:center;gap:8px;position:fixed;left:50%;bottom:28px;z-index:30;width:max-content;max-width:calc(100vw - 32px);padding:13px 18px;transform:translate(-50%,15px);opacity:0;pointer-events:none;border:1px solid #386b51;border-radius:9px;background:#234f3c;color:#fff;box-shadow:0 4px 20px #153d2d24;font-size:14px;line-height:1.7;transition:opacity .2s,transform .2s}.toast.visible{transform:translate(-50%);opacity:1}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:1150px)and (min-width:801px){.site-header{padding:0 24px;gap:16px}.app-main{padding:24px 24px 0}.intro-copy h1{font-size:24px}.intro-copy>p{font-size:12px}.overview-stats{min-width:460px;gap:8px}.stat-card{padding:15px 12px;gap:8px}.stat-card strong{font-size:25px}.stat-icon{width:29px}.search-panel{width:280px;padding-right:13px;padding-left:13px}.map-result-count{display:none}.spot-detail{width:340px;right:14px}}.compact-mode,.compact-mode body{height:100%;overflow:hidden;overscroll-behavior:none}.compact-app{position:fixed;inset:0;overflow:hidden;background:#f1f5f1}.compact-app .map-canvas{position:absolute;inset:0}.compact-top{display:flex;flex-direction:column;gap:8px;position:absolute;top:0;left:0;right:0;z-index:6;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));pointer-events:none}.compact-top>*{pointer-events:auto}.search-row,.filter-row,.map-hint,.compact-top .demo-banner,.compact-top .error-banner{max-width:560px}.list-open .compact-top{background:#fff;box-shadow:0 1px 0 var(--border)}.search-row{display:flex;gap:8px}.compact-app .search-form{flex:1;min-width:0;height:48px;padding:0 4px 0 13px;border-color:#c4d4c9;border-radius:12px;box-shadow:0 3px 12px #1a3a2c1c}.compact-app.list-open .search-form{box-shadow:none}.compact-app .search-form input{font-size:16px}.compact-app .search-form>.search-back{width:40px;height:44px;margin-left:-9px;color:var(--text)}.compact-app .search-form>.search-clear{width:40px;height:44px}.avatar-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border:1px solid #c4d4c9;border-radius:12px;background:#fff;color:var(--secondary);box-shadow:0 3px 12px #1a3a2c1c}.avatar-button>span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--green);color:#fff;font-size:13px;font-weight:650;letter-spacing:-.5px}.chip-row{display:flex;gap:7px;margin:0 -10px;padding:1px 10px 3px;overflow-x:auto;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;height:36px;padding:0 13px;border:1px solid #c4d4c9;border-radius:18px;background:#fff;color:var(--text);font-size:14px;white-space:nowrap;box-shadow:0 2px 8px #1a3a2c14}.chip-count{color:var(--secondary);font-size:13px;font-variant-numeric:tabular-nums}.chip.active{border-color:var(--green);background:var(--green);color:#fff;font-weight:600}.chip.active .chip-count{color:#ffffffd9}.chip.active .dot{box-shadow:0 0 0 2px #ffffffb3}.chip.has-filter{border-color:var(--green);color:var(--green-dark)}.chip-mine{border-color:#9cc5ad;background:#ecf6ef;color:var(--green-dark)}.compact-app .filter-row{margin:0;gap:8px}.compact-app .select-filters select{min-height:44px;border-color:#c4d4c9;border-radius:10px;color:var(--text);font-size:16px;box-shadow:0 2px 8px #1a3a2c14}.compact-app .select-filters label>svg{top:16px}.compact-top .demo-banner,.compact-top .error-banner{margin:0;padding:8px 10px;font-size:13px;box-shadow:0 2px 8px #1a3a2c14}.compact-top .error-banner button{min-height:34px}.map-hint{display:flex;align-items:center;gap:8px;position:absolute;top:100%;left:max(10px,env(safe-area-inset-left));right:calc(max(10px,env(safe-area-inset-right)) + 56px);padding:6px 4px 6px 12px;border-radius:12px;background:#1f4434eb;color:#fff;font-size:13px;line-height:1.6;box-shadow:0 4px 14px #1a3a2c33}.map-hint p{flex:1;margin:0}.map-hint strong{color:#bdf0d2;font-weight:600}.map-hint button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;color:#fff}.round-button{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex-shrink:0;border:1px solid #c4d4c9;border-radius:12px;background:#fff;color:var(--green-dark);box-shadow:0 3px 12px #1a3a2c1c}.round-button.active{border-color:var(--green);background:var(--green);color:#fff}.map-side{display:flex;flex-direction:column;gap:8px;position:absolute;top:calc(var(--map-top, 0px) + 6px);right:max(10px,env(safe-area-inset-right));z-index:4}.is-fullscreen .map-side{top:max(12px,env(safe-area-inset-top))}.map-canvas.is-compact .map-controls{right:max(10px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));width:48px;border-color:#c4d4c9;border-radius:12px;box-shadow:0 3px 12px #1a3a2c1c}.map-canvas.is-compact .map-controls button{height:44px}.map-canvas.is-compact .map-legend{left:max(10px,env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));flex-wrap:wrap;max-width:calc(100% - 80px);gap:4px 12px;padding:9px 11px;border-radius:10px}.compact-app.has-selection:not(.is-fullscreen) .map-side,.compact-app.has-selection:not(.is-fullscreen) .map-controls,.compact-app.list-open .map-side,.compact-app.list-open .map-controls{display:none}.bottom-bar{display:flex;align-items:center;gap:8px;position:absolute;left:max(10px,env(safe-area-inset-left));bottom:0;z-index:5;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.list-pill{display:flex;align-items:center;gap:7px;height:46px;padding:0 16px 0 14px;border-radius:23px;background:var(--green);color:#fff;font-size:15px;font-weight:600;box-shadow:0 4px 14px #0b54424d}.list-pill>span{padding:1px 7px;border-radius:10px;background:#ffffff2e;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}.bottom-bar .round-button{border-radius:50%}.list-panel{display:flex;flex-direction:column;position:absolute;top:var(--chrome-height, 0px);left:0;right:0;bottom:var(--keyboard-inset, 0px);z-index:5;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));background:#fff}.list-panel .results-head{margin:8px 2px 2px;font-size:14px}.list-panel .results-head button{min-height:38px;font-size:14px}.list-panel .results-list{margin:0 -6px;padding:0 2px calc(80px + env(safe-area-inset-bottom))}.list-panel .result-item{gap:12px;padding:14px 8px}.list-panel .result-parking-icon{width:44px;height:44px}.list-panel .result-content strong{font-size:20px}.list-panel .status-text{font-size:13px}.list-panel .result-content p{max-width:none;margin-top:5px;font-size:13px}.list-close{display:flex;align-items:center;gap:7px;position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));height:46px;padding:0 20px;transform:translate(-50%);border-radius:23px;background:#1f4434;color:#fff;font-size:15px;font-weight:600;white-space:nowrap;box-shadow:0 6px 18px #1a3a2c40}.keyboard-open .list-close{bottom:10px}.compact-app .spot-detail{top:auto;left:0;right:0;bottom:var(--keyboard-inset, 0px);z-index:7;width:auto;max-width:600px;margin:0 auto;max-height:min(66%,calc(var(--visual-height, 100%) - 72px));padding:4px max(18px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));border:0;border-radius:20px 20px 0 0;box-shadow:0 -6px 30px #1a3a2c33;animation:sheet-in .22s ease-out}.compact-app .spot-detail.is-editing{max-height:calc(var(--visual-height, 100%) - 70px)}.keyboard-open .compact-app .spot-detail{max-height:calc(var(--visual-height, 100%) - 8px);padding-bottom:10px}.compact-app.list-open .spot-detail{display:none}.compact-app .sheet-handle{display:flex;align-items:center;justify-content:center;width:100%;height:24px;margin:-2px 0 2px;padding:0}.sheet-handle>span{width:38px;height:5px;border-radius:3px;background:#c3d3c7}.spot-detail.is-collapsed>:not(.detail-head){display:none}.spot-detail.is-collapsed .detail-meta{padding-bottom:4px;border-bottom:0}.expand-button{display:flex;align-items:center;gap:2px;min-height:42px;padding:0 6px;color:var(--green);font-size:14px}.compact-app .detail-title h2{font-size:30px}.compact-app .status-badge{padding:5px 9px;font-size:13px}.compact-app .icon-button{width:42px;height:42px}.compact-app .detail-meta{padding-bottom:12px;font-size:14px}.compact-app .editor-identity,.compact-app .field-label{font-size:15px}.compact-app .status-options button{min-height:48px;font-size:15px}.compact-app textarea{min-height:88px;font-size:16px}.compact-app .field-hint,.compact-app .note-label>span{font-size:13px}.compact-app .primary-button,.compact-app .secondary-button,.compact-app .danger-button{min-height:50px;font-size:16px}.compact-app .detail-actions{margin-top:10px}.compact-app .cta-text,.compact-app .readonly-note{font-size:16px}.compact-app .contact-hint{font-size:14px}.compact-app .owner-card strong{font-size:17px}.compact-app .detail-readonly,.compact-app .delete-confirm>p{font-size:13px}.compact-app .modal-backdrop{align-items:flex-end;padding:0 0 var(--keyboard-inset, 0px)}.compact-app .modal{max-width:560px;max-height:calc(var(--visual-height, 100%) - 20px);padding:20px max(20px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));border-radius:20px 20px 0 0;animation:sheet-in .22s ease-out}.compact-app .modal-head h2{font-size:20px}.compact-app .modal .icon-button{width:42px;height:42px}.compact-app .modal .primary-button{min-height:50px}.compact-app .toast{top:calc(var(--chrome-height, 0px) + 8px);bottom:auto;transform:translate(-50%,-10px)}.compact-app .toast.visible{transform:translate(-50%)}.compact-app.is-landscape{--side-panel: min(400px, 50%)}.compact-app.is-landscape .compact-top{flex-flow:row wrap;align-items:center}.compact-app.is-landscape.has-selection:not(.list-open) .compact-top{right:var(--side-panel)}.compact-app.is-landscape.has-selection:not(.list-open) .search-row{width:100%}.compact-app.is-landscape .map-side{flex-direction:row}.compact-app.is-landscape .map-hint{right:calc(max(10px,env(safe-area-inset-right)) + 110px)}.compact-app.is-landscape.has-selection .map-side,.compact-app.is-landscape.has-selection .map-controls{right:calc(var(--side-panel) + 10px)}.compact-app.is-landscape .search-row{width:min(380px,46%);flex-shrink:0}.compact-app.is-landscape .chip-row{flex:1;min-width:0;margin:0 -10px 0 0;padding:1px 10px 3px 0}.compact-app.is-landscape .compact-top>:not(.search-row):not(.chip-row){flex-basis:100%}.compact-app.is-landscape .spot-detail{top:0;left:auto;right:0;width:var(--side-panel);max-width:none;max-height:none;margin:0;padding:max(8px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) 16px;border-radius:18px 0 0 18px;box-shadow:-6px 0 30px #1a3a2c33;animation-name:side-in}.keyboard-open .compact-app.is-landscape .spot-detail{overflow-y:auto}.keyboard-open .compact-app.is-landscape .detail-form,.keyboard-open .compact-app.is-landscape .detail-scroll{flex:none;overflow:visible}@keyframes sheet-in{0%{transform:translateY(30px);opacity:.4}}@keyframes side-in{0%{transform:translate(30px);opacity:.4}}@media(max-width:360px){.compact-app .chip{padding:0 11px;font-size:13px}.compact-app .detail-title h2{font-size:27px}.compact-app .detail-title h2>span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}