:root{--bg:#f7fbff;--canvas-clean:#ffffff;--canvas-blue:#eaf5ff;--canvas-blue-strong:#d7ecff;--panel:#ffffff;--surface-soft:#f3f8fd;--surface-tint:#edf7ff;--ink:#182230;--body:#344054;--muted:#667085;--subtle:#98a2b3;--line:#d8e6f3;--line-soft:#edf2f7;--border-strong:#9cc7ec;--accent:#2f80c9;--accent-strong:#1f6fb3;--accent-deep:#145da0;--accent-soft:#d9efff;--accent-ghost:#eef8ff;--danger:#c94a3a;--danger-soft:#ffe9e5;--warn:#b7791f;--warn-soft:#fff4db;--ok:#2f8f5b;--ok-soft:#e6f6ed;--shadow-soft:0 8px 24px rgba(31,111,179,0.08);--shadow-floating:0 16px 40px rgba(24,34,48,0.12)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif;font-size:14px;line-height:1.6}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:24px;line-height:1.35}h1,h2{font-weight:600}h2{font-size:18px;line-height:1.45}button,input,select,textarea{font:inherit}button:disabled{cursor:not-allowed;opacity:.58}.shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;border-bottom:1px solid var(--line);background:var(--canvas-clean)}.brand{font-weight:700;color:var(--ink)}.topbar-actions{align-items:center;min-width:0}.nav,.topbar-actions{display:flex;gap:8px}.button,.nav a,button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:8px 14px;background:var(--panel);color:var(--ink);text-decoration:none;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.button:hover,.nav a:hover,button:hover{border-color:var(--border-strong);background:var(--accent-ghost)}.button.primary,button.primary{background:var(--accent);border-color:var(--accent);color:white}.button.primary:hover,button.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.logout-button{color:var(--danger);border-color:rgba(201,74,58,.28);background:var(--danger-soft);white-space:nowrap}.logout-button:hover{border-color:rgba(201,74,58,.48);background:#ffdcd6}.page{padding:24px}.page.compact-page{display:grid;place-items:start center}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-title{display:grid;grid-gap:4px;gap:4px}.page-kicker{color:var(--muted);font-size:12px;font-weight:500}.grid{display:grid;grid-gap:16px;gap:16px}.two-col{grid-template-columns:minmax(280px,420px) 1fr}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px}.panel{padding:16px}.card{padding:14px}.soft-panel{background:var(--surface-tint);border-color:var(--line)}.stack{display:grid;grid-gap:12px;gap:12px}.stack-lg{gap:20px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.field{display:grid;grid-gap:6px;gap:6px}.field span,.field-label{color:var(--muted);font-size:12px;font-weight:500}.muted-line{color:var(--muted);font-size:13px}.meta-pill{min-height:26px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:9999px;padding:3px 9px;background:var(--surface-soft);color:var(--body);font-size:12px;font-weight:500}.property-card,.property-list{display:grid;grid-gap:12px;gap:12px}.property-card{padding:16px;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.property-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.property-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.property-card-title{display:grid;grid-gap:4px;gap:4px;min-width:0}.property-info-list{display:grid;grid-gap:6px;gap:6px;min-width:0}.property-info-row{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-gap:6px;gap:6px;align-items:baseline}.property-info-row span{color:var(--muted);font-size:12px;font-weight:500}.property-info-row strong{color:var(--ink);overflow-wrap:anywhere;font-weight:700}.property-name{overflow-wrap:anywhere;font-size:16px;line-height:1.45;font-weight:700}.property-address{color:var(--body);overflow-wrap:anywhere}.detail-grid,.property-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));grid-gap:10px;gap:10px}.metric{display:grid;grid-gap:4px;gap:4px;min-width:0;min-height:70px;align-content:center;border:1px solid var(--line-soft);border-radius:8px;padding:10px;background:var(--surface-tint)}.metric span{color:var(--muted);font-size:12px;font-weight:500}.field strong,.metric strong{color:var(--ink);overflow-wrap:anywhere}.metric strong{font-size:18px;line-height:1.25}.metric.empty strong{color:var(--subtle)}.property-actions{justify-content:flex-end}.empty-state,.loading-state{min-height:120px;display:grid;place-items:center;padding:24px;color:var(--muted);text-align:center}.filter-segment{display:flex;flex-wrap:wrap;gap:6px;padding:4px;border:1px solid var(--line);border-radius:9999px;background:var(--accent-ghost)}.filter-segment button{min-height:34px;border-color:transparent;border-radius:9999px;padding:6px 12px;background:transparent;color:var(--body)}.filter-segment button.active{background:var(--accent);color:white;box-shadow:0 6px 16px rgba(47,128,201,.18)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:white;color:var(--ink);min-height:44px}textarea{min-height:120px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.map-shell{grid-template-columns:minmax(340px,420px) minmax(0,1fr);align-items:stretch}.map-panel{display:grid;grid-gap:16px;gap:16px;align-content:start;max-height:calc(100vh - 104px);overflow:hidden}.map-summary{display:grid;grid-gap:6px;gap:6px}.map-count{color:var(--muted);font-size:13px}.map-property-list{display:grid;grid-gap:8px;gap:8px;overflow:auto;padding-right:2px}.map-property-item{width:100%;min-height:auto;display:grid;grid-gap:4px;gap:4px;justify-content:stretch;border-radius:8px;padding:12px;text-align:left;background:var(--canvas-clean)}.map-property-item.active{border-color:var(--accent);background:var(--accent-ghost);box-shadow:inset 3px 0 0 var(--accent)}.map-property-item:hover{background:var(--surface-soft)}.map-property-name{color:var(--ink);overflow-wrap:anywhere;font-weight:700}.map-property-address{color:var(--body);overflow-wrap:anywhere;font-size:13px}.map-property-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px;padding-top:4px}.map-property-metric{display:grid;grid-gap:1px;gap:1px;min-width:0;border:1px solid var(--line);border-radius:6px;padding:6px 8px;background:var(--canvas-clean)}.map-property-item.active .map-property-metric{border-color:var(--line);background:var(--canvas-clean)}.map-property-metric span{color:var(--muted);font-size:11px;font-weight:500}.map-property-metric strong{color:var(--ink);overflow-wrap:anywhere;font-size:13px;line-height:1.35}.map-property-metric.empty strong{color:var(--subtle)}.map-canvas{position:relative;width:100%;min-height:calc(100vh - 104px);border:1px solid var(--line);border-radius:8px;background:#e8f2f9;overflow:hidden}.google-map{position:absolute;inset:0}.map-detail-modal{position:absolute;top:16px;left:16px;width:min(420px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;border:1px solid var(--line);border-radius:8px;padding:16px;background:var(--panel);box-shadow:var(--shadow-floating);z-index:1}.map-detail-close{position:absolute;top:10px;right:10px;width:34px;min-height:34px;padding:0;border-radius:999px;font-size:20px;line-height:1;z-index:1}.map-detail-modal .property-popup{padding-right:36px}.map-status{min-height:calc(100vh - 104px);display:grid;place-items:center;padding:24px;color:var(--muted);text-align:center}.map-status-overlay{position:absolute;inset:0;min-height:0;background:rgba(247,251,255,.72);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pin{position:absolute;width:14px;height:14px;background:var(--accent);box-shadow:0 0 0 6px rgba(47,128,201,.18)}.map-marker,.pin{border-radius:999px}.map-marker{width:24px;height:24px;display:grid;place-items:center;background:var(--accent-soft);transform:translateY(-4px);transition:transform .14s ease}.map-marker span{width:12px;height:12px;border:2px solid white;border-radius:999px;background:var(--accent);box-shadow:0 2px 8px rgba(24,34,48,.24)}.map-marker.selected{width:32px;height:32px;background:rgba(20,93,160,.18)}.map-marker.selected span{width:16px;height:16px;background:var(--accent-deep)}.map-marker.review{background:var(--warn-soft)}.map-marker.review span{background:var(--warn)}.property-popup{display:grid;grid-gap:12px;gap:12px}.popup-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.badge{min-height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:600;border:1px solid var(--line);white-space:nowrap}.badge.check{color:var(--ok);border-color:rgba(47,143,91,.28);background:var(--ok-soft)}.badge.warn{color:var(--accent-strong);border-color:rgba(47,128,201,.24);background:var(--accent-ghost)}.badge.danger{color:var(--warn);border-color:rgba(183,121,31,.28)}.alert-panel,.badge.danger{background:var(--warn-soft)}.alert-panel{display:grid;grid-gap:8px;gap:8px;border-color:rgba(183,121,31,.3)}.form-panel{max-width:980px}.auth-panel{width:min(100%,460px);margin:40px auto}.upload-panel{width:min(100%,560px)}.error-text{color:var(--danger)}@media (max-width:820px){.map-shell,.two-col{grid-template-columns:1fr}.topbar{height:auto;align-items:flex-start;flex-direction:column;padding:12px}.topbar-actions{width:100%;align-items:stretch}.nav{min-width:0;flex:1 1;overflow-x:auto;padding-bottom:2px}.nav a{white-space:nowrap}.page{padding:12px}.page-header{display:grid}.map-canvas{min-height:56vh;order:1}.map-panel{order:2;max-height:none}.map-detail-modal{top:auto;right:12px;bottom:12px;left:12px;width:auto;max-height:min(72vh,460px)}.detail-grid,.property-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.property-card-header{display:grid}.property-actions{justify-content:stretch}.property-actions .button,.property-actions button{flex:1 1 30%}.filter-segment{border-radius:12px}}