@import"https://unpkg.com/leaflet@1.9.4/dist/leaflet.css";*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #00635A;--primary-dark: #004D45;--primary-light: #00897B;--secondary: #E8E0D5;--secondary-dark: #D5CABC;--bg: #F7F5F2;--surface: #FFFFFF;--surface-hover: #FAFAF8;--border: #E0DDD8;--border-light: #EEEAE5;--text: #1A1A1A;--text-secondary: #5A5A5A;--text-muted: #8A8A8A;--accent-metro: #00635A;--accent-community: #2196F3;--accent-neighbourhood: #FF9800;--radius: 10px;--radius-sm: 6px;--radius-lg: 16px;--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--transition: .2s ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);min-height:100vh}#root,.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--primary);color:#fff;padding:0 1.5rem;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-md)}.app-header__logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff}.app-header__logo h1{font-size:1.125rem;font-weight:600;letter-spacing:-.01em}.app-header__logo span{font-size:.75rem;opacity:.8;font-weight:400}.app-header__nav{display:flex;gap:.25rem}.app-header__nav a{color:#fffc;text-decoration:none;font-size:.8125rem;font-weight:500;padding:.375rem .75rem;border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition)}.app-header__nav a:hover,.app-header__nav a.active{background:#ffffff26;color:#fff}.app-main{flex:1;padding:1.25rem;max-width:1440px;width:100%;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);transition:box-shadow var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.card__title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.75rem}.stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.25rem}.stat-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;box-shadow:var(--shadow)}.stat-box__label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.375rem}.stat-box__value{font-size:1.75rem;font-weight:700;color:var(--primary);line-height:1}.stat-box__sub{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.dashboard-grid{display:grid;grid-template-columns:1fr 380px;gap:1.25rem;min-height:calc(100vh - 56px - 2.5rem)}.dashboard-grid__map{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);min-height:500px}.dashboard-grid__sidebar{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-height:calc(100vh - 56px - 4rem)}.leaflet-container{width:100%;height:100%;min-height:500px;border-radius:var(--radius)}.map-popup{min-width:200px}.map-popup__name{font-size:.9375rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.map-popup__name-zh{font-size:.8125rem;color:var(--text-secondary);margin-bottom:.5rem}.map-popup__detail{font-size:.75rem;color:var(--text-muted);margin-bottom:.125rem}.map-popup__link{display:inline-block;margin-top:.5rem;font-size:.75rem;color:var(--primary);text-decoration:none;font-weight:500}.map-popup__link:hover{text-decoration:underline}.chip{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:100px;font-size:.6875rem;font-weight:600;letter-spacing:.02em}.chip--metropolitan{background:#00635a1a;color:var(--accent-metro)}.chip--community{background:#2196f31a;color:var(--accent-community)}.chip--neighbourhood{background:#ff98001a;color:var(--accent-neighbourhood)}.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.filter-btn{padding:.375rem .75rem;border:1px solid var(--border);border-radius:100px;font-size:.75rem;font-weight:500;background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn--active{background:var(--primary);border-color:var(--primary);color:#fff}.mall-list{display:flex;flex-direction:column;gap:.5rem}.mall-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);text-decoration:none;color:inherit}.mall-item:hover{border-color:var(--primary);box-shadow:var(--shadow)}.mall-item__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.mall-item__info{flex:1;min-width:0}.mall-item__name{font-size:.8125rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mall-item__district{font-size:.6875rem;color:var(--text-muted)}.mall-item__count{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-align:right;white-space:nowrap}.mall-item--active{border-color:var(--primary);background:#00635a0d;box-shadow:inset 3px 0 0 var(--primary),var(--shadow)}.focus-panel{padding:1rem!important}.focus-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.focus-panel__name{font-size:1rem;font-weight:700;color:var(--text);line-height:1.3}.focus-panel__name-zh{font-size:.8125rem;color:var(--text-secondary);margin-top:.125rem}.focus-panel__meta{display:flex;align-items:center;gap:.5rem;margin-top:.375rem}.focus-panel__district{font-size:.75rem;color:var(--text-muted)}.focus-panel__close{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);width:28px;height:28px;font-size:1.25rem;line-height:1;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition)}.focus-panel__close:hover{background:var(--bg);border-color:var(--primary);color:var(--primary)}.focus-panel__radius{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid var(--border-light)}.focus-panel__counts{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.focus-panel__count-box{text-align:center;padding:.625rem .25rem;background:var(--bg);border-radius:var(--radius-sm)}.focus-panel__count-value{font-size:1.375rem;font-weight:700;color:var(--primary);line-height:1}.focus-panel__count-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-top:.25rem}.focus-panel__section{margin-bottom:.75rem}.focus-panel__section-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.5rem}.focus-panel__badges{display:flex;flex-wrap:wrap;gap:.375rem}.focus-panel__list{display:flex;flex-direction:column;gap:.375rem;max-height:200px;overflow-y:auto}.focus-panel__item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;background:var(--bg);border-radius:var(--radius-sm);font-size:.75rem}.focus-panel__item-name{flex:1;color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.focus-panel__item-dist{color:var(--primary);font-weight:600;font-size:.6875rem;white-space:nowrap}.focus-panel__empty{text-align:center;padding:1.5rem 1rem;color:var(--text-muted);font-size:.8125rem}.chart-container{position:relative;width:100%}.chart-container--bar{height:260px}.chart-container--doughnut{height:220px;display:flex;align-items:center;justify-content:center}.mall-detail{max-width:960px;margin:0 auto}.mall-detail__back{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--primary);text-decoration:none;font-weight:500;margin-bottom:1rem}.mall-detail__back:hover{text-decoration:underline}.mall-detail__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.mall-detail__title{font-size:1.5rem;font-weight:700;color:var(--text)}.mall-detail__subtitle{font-size:1rem;color:var(--text-secondary);margin-top:.125rem}.mall-detail__meta{font-size:.8125rem;color:var(--text-muted);margin-top:.375rem}.mall-detail__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.mall-detail__map{border-radius:var(--radius);overflow:hidden;height:300px;box-shadow:var(--shadow);margin-bottom:1.5rem}.nearby-section{margin-bottom:1.5rem}.nearby-section__title{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid var(--secondary)}.nearby-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.nearby-card{padding:.875rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow)}.nearby-card__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.nearby-card__name{font-size:.8125rem;font-weight:600;color:var(--text)}.nearby-card__meta{font-size:.6875rem;color:var(--text-muted);margin-top:.25rem}.nearby-card__distance{font-size:.6875rem;color:var(--primary);font-weight:500;margin-top:.25rem}.cuisine-badge{display:inline-block;padding:.125rem .5rem;border-radius:100px;font-size:.625rem;font-weight:600;letter-spacing:.02em;background:#ff98001f;color:#e65100;white-space:nowrap}.brand-badge{display:inline-block;padding:.125rem .5rem;border-radius:100px;font-size:.625rem;font-weight:600;letter-spacing:.02em;background:#00635a1a;color:var(--primary);white-space:nowrap}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-muted);font-size:.875rem}.loading-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-right:.75rem}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:#fef2f2;border:1px solid #FECACA;color:#dc2626;padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.8125rem;margin-bottom:1rem}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.dashboard-grid__sidebar{max-height:none}.mall-detail__grid{grid-template-columns:1fr}.stats-bar{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.app-header{padding:0 1rem}.app-main{padding:1rem}.stats-bar,.nearby-list{grid-template-columns:1fr}}