:root{--blue: #1a56db;--blue-dk: #1e3a8a;--blue-lt: #eff6ff;--green: #059669;--green-lt: #f0fdf4;--purple: #7c3aed;--amber: #d97706;--red: #dc2626;--surface: #ffffff;--bg: #f1f5f9;--bg2: #f8fafc;--border: #e2e8f0;--border-dk: #cbd5e1;--text: #0f172a;--text-2: #334155;--muted: #64748b;--muted-lt: #94a3b8;--sidebar-bg: #0f172a;--sidebar-w: 252px;--header-h: 56px;--strip-h: 72px;--toolbar-h: 40px;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 12px 40px rgba(0,0,0,.14), 0 4px 12px rgba(0,0,0,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:13px;line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.login-page{min-height:100vh;background:linear-gradient(145deg,#0f172a,#1e3a8a 45%,#1a56db);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.04) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.03) 0%,transparent 50%);pointer-events:none}.login-card{background:var(--surface);border-radius:20px;padding:44px 40px 36px;width:460px;max-width:calc(100vw - 32px);box-shadow:0 32px 80px #00000073;display:flex;flex-direction:column;align-items:center;gap:14px;position:relative;z-index:1}.login-logo{margin-bottom:2px}.login-org{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.login-title{font-size:22px;font-weight:800;text-align:center;color:var(--blue-dk);line-height:1.3}.login-subtitle{font-size:12px;text-align:center;color:var(--muted);max-width:320px}.login-demo-notice{display:flex;align-items:center;gap:8px;background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius);padding:10px 14px;font-size:12px;color:#92400e;width:100%}.login-user-list{display:flex;flex-direction:column;gap:8px;width:100%}.login-user-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-lg);border:2px solid var(--border);background:var(--bg2);transition:all .15s ease;text-align:left;width:100%}.login-user-item:hover{border-color:var(--blue);background:var(--blue-lt)}.login-user-item.selected{border-color:var(--blue);background:var(--blue-lt);box-shadow:0 0 0 4px #1a56db1a}.login-avatar{width:42px;height:42px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;flex-shrink:0}.login-user-info{flex:1;min-width:0}.login-user-name{font-weight:700;font-size:13px;color:var(--text)}.login-user-dept{font-size:11px;color:var(--blue);font-weight:500}.login-user-email{font-size:11px;color:var(--muted);margin-top:1px}.role-badge{padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;flex-shrink:0}.role-badge--viewer{background:#f1f5f9;color:#475569}.role-badge--analyst{background:#eff6ff;color:#1a56db}.role-badge--admin{background:#f0fdf4;color:#059669}.login-btn{width:100%;padding:15px;border-radius:var(--radius-lg);border:none;background:var(--blue);color:#fff;font-size:14px;font-weight:700;letter-spacing:.3px;transition:background .15s,transform .1s;margin-top:4px}.login-btn:hover{background:var(--blue-dk)}.login-btn:active{transform:scale(.99)}.login-footer{font-size:11px;color:var(--muted-lt);text-align:center}.app-shell{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.app-header{height:var(--header-h);background:var(--blue-dk);display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0;box-shadow:0 2px 10px #0000004d;z-index:100}.app-header__left{display:flex;align-items:center;gap:12px}.app-header__logo{display:flex;align-items:center;flex-shrink:0}.app-header__title{font-size:15px;font-weight:700;color:#fff;white-space:nowrap}.app-header__sub{font-size:10px;color:#ffffff8c;white-space:nowrap}.app-header__proto-badge{background:#f59e0b;color:#1c1917;font-size:9px;font-weight:800;padding:3px 8px;border-radius:4px;letter-spacing:.8px;flex-shrink:0}.app-header__right{display:flex;align-items:center;gap:16px}.app-header__user{display:flex;align-items:center;gap:10px}.app-header__avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0}.app-header__avatar--viewer{background:#475569}.app-header__avatar--analyst{background:#1a56db}.app-header__avatar--admin{background:#059669}.app-header__username{font-size:13px;font-weight:600;color:#fff}.app-header__dept{font-size:10px;color:#ffffff80}.app-header__signout{background:#ffffff1f;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:6px 14px;font-size:12px;font-weight:500;transition:background .15s;flex-shrink:0}.app-header__signout:hover{background:#ffffff38}.app-body{flex:1;display:flex;overflow:hidden}.app-sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid rgba(255,255,255,.06)}.sidebar-scroll{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.sidebar-section{padding:16px;border-bottom:1px solid rgba(255,255,255,.07)}.sidebar-section__title{font-size:9.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#94a3b8b3;margin-bottom:12px}.layer-toggle{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);cursor:pointer;transition:background .12s;color:#94a3b8;margin-bottom:2px}.layer-toggle:hover{background:#ffffff0f;color:#e2e8f0}.layer-toggle.active{color:#e2e8f0}.layer-toggle__icon{display:flex;align-items:center;flex-shrink:0}.layer-toggle__label{flex:1;font-size:12.5px}.layer-toggle__switch{width:32px;height:18px;border-radius:9px;background:#ffffff26;position:relative;transition:background .2s;flex-shrink:0}.layer-toggle__switch:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .2s;opacity:.6}.layer-toggle__switch.on{background:var(--blue)}.layer-toggle__switch.on:after{transform:translate(14px);opacity:1}.sidebar-control{margin-bottom:14px}.sidebar-control__label{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:#94a3b8;margin-bottom:8px}.sidebar-control__value{font-weight:700;color:#60a5fa;font-size:12px}.range-slider{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:#ffffff26;outline:none;cursor:pointer}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--blue);border:2px solid white;box-shadow:0 2px 6px #0000004d;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:9.5px;color:#475569;margin-top:4px}.chip-group{display:flex;flex-wrap:wrap;gap:4px}.chip{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500;background:#ffffff12;color:#94a3b8;border:1px solid rgba(255,255,255,.1);transition:all .12s}.chip.active{background:var(--blue);color:#fff;border-color:var(--blue)}.chip:hover:not(.active){background:#ffffff24;color:#fff}.sidebar-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:12px;color:#94a3b8;padding:4px 0}.sidebar-toggle input{display:none}.toggle-switch{width:32px;height:18px;border-radius:9px;background:#ffffff26;position:relative;flex-shrink:0;transition:background .2s}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .2s;opacity:.6}.toggle-switch.on{background:var(--blue)}.toggle-switch.on:after{transform:translate(14px);opacity:1}.legend{display:flex;flex-direction:column;gap:7px}.legend-row{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#94a3b8}.legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.symbol-legend{display:flex;flex-direction:column;gap:8px}.symbol-row{display:flex;align-items:center;gap:10px;font-size:11.5px;color:#94a3b8}.symbol-box{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;flex-shrink:0}.symbol-circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;flex-shrink:0}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.metric-strip{display:flex;gap:1px;background:var(--border);flex-shrink:0;border-bottom:1px solid var(--border)}.metric-card{display:flex;align-items:center;gap:12px;background:var(--surface);padding:12px 20px;flex:1}.metric-card__icon{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.metric-card__body{min-width:0}.metric-card__value{font-size:22px;font-weight:800;line-height:1.1;letter-spacing:-.5px}.metric-card__label{font-size:11px;font-weight:600;color:var(--text-2);margin-top:1px}.metric-card__sub{font-size:10px;color:var(--muted);margin-top:1px}.map-toolbar{height:var(--toolbar-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;gap:12px}.map-toolbar__left,.map-toolbar__right{display:flex;align-items:center;gap:6px}.toolbar-btn{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg2);color:var(--text-2);font-size:12px;font-weight:500;transition:all .12s}.toolbar-btn:hover{background:var(--blue-lt);border-color:var(--blue);color:var(--blue)}.toolbar-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}.map-tag{font-size:10.5px;color:var(--muted);background:var(--bg2);border:1px solid var(--border);padding:3px 8px;border-radius:4px}.map-content{flex:1;position:relative;overflow:hidden;display:flex}.map-iframe{flex:1;border:none;display:block;min-width:0}.right-panel-wrap{width:320px;flex-shrink:0;overflow-y:auto;border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column}.detail-panel{display:flex;flex-direction:column;height:100%}.detail-panel__header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 16px 14px;border-bottom:1px solid var(--border);border-left:4px solid var(--blue);gap:12px}.detail-panel__title{font-size:14px;font-weight:700;color:var(--text);line-height:1.3}.detail-panel__subtitle{font-size:11px;color:var(--muted);margin-top:3px}.detail-panel__close{background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:6px;color:var(--muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .12s}.detail-panel__close:hover{background:#fee2e2;border-color:#fca5a5;color:var(--red)}.detail-panel__body{padding:14px 16px;flex:1;overflow-y:auto}.detail-panel__table{width:100%;border-collapse:collapse;margin-bottom:16px}.detail-panel__table tr{border-bottom:1px solid var(--bg)}.detail-panel__table tr:last-child{border-bottom:none}.detail-panel__key{padding:7px 8px 7px 0;font-size:11px;color:var(--muted);font-weight:500;width:50%;vertical-align:top}.detail-panel__val{padding:7px 0;font-size:12.5px;font-weight:600;color:var(--text);text-align:right}.detail-panel__chart-section{margin-top:16px}.detail-panel__chart-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}.charts-panel{display:flex;flex-direction:column;height:100%}.charts-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.charts-panel__title{font-size:14px;font-weight:700;color:var(--text)}.charts-panel__body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:20px}.charts-panel__kpi-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.charts-kpi{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;text-align:center}.charts-kpi__val{font-size:26px;font-weight:800;line-height:1;letter-spacing:-1px}.charts-kpi__lbl{font-size:10.5px;color:var(--muted);margin-top:4px;line-height:1.3}.charts-panel__section-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}.charts-panel__table{width:100%;border-collapse:collapse;font-size:11.5px}.charts-panel__table th{text-align:left;padding:6px 8px;font-size:10.5px;font-weight:700;color:var(--muted);border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.4px}.charts-panel__table td{padding:8px;border-bottom:1px solid var(--bg);color:var(--text-2);vertical-align:middle}.charts-panel__table tr:last-child td{border-bottom:none}.charts-panel__table td:first-child{font-weight:600;color:var(--text)}.sidebar-scroll::-webkit-scrollbar,.detail-panel__body::-webkit-scrollbar,.charts-panel__body::-webkit-scrollbar{width:5px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.detail-panel__body::-webkit-scrollbar-track,.charts-panel__body::-webkit-scrollbar-track{background:transparent}.detail-panel__body::-webkit-scrollbar-thumb,.charts-panel__body::-webkit-scrollbar-thumb{background:var(--border-dk);border-radius:3px}