*{box-sizing:border-box;margin:0;padding:0}:root{--header-height:56px;--legend-height:52px;--panel-width:340px;--bg-primary:#f5f7fa;--bg-panel:#fff;--bg-header:#1b2a4a;--text-primary:#1a1a2e;--text-secondary:#555;--text-muted:#888;--border:#e0e0e0;--accent:#2980b9;--accent-hover:#1a6da0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background:var(--bg-primary);color:var(--text-primary);height:100vh;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex}.header{height:var(--header-height);background:var(--bg-header);color:#fff;z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.header-left h1{letter-spacing:.3px;font-size:18px;font-weight:700}.header-left p{color:#ffffffb3;margin-top:1px;font-size:12px}.header-right{gap:8px;display:flex}.header-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:4px;align-items:center;gap:5px;padding:6px 14px;font-size:13px;transition:background .15s;display:flex}.header-btn:hover{background:#ffffff40}.header-btn.active{background:#ffffff4d}.main-layout{flex:1;display:flex;position:relative;overflow:hidden}.detail-panel{width:var(--panel-width);background:var(--bg-panel);border-right:1px solid var(--border);z-index:10;flex-shrink:0;overflow-y:auto}.detail-panel-header{justify-content:space-between;align-items:flex-start;padding:16px 16px 0;display:flex}.detail-panel-header h2{flex:1;font-size:16px;font-weight:700;line-height:1.3}.detail-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 0 0 8px;font-size:20px}.subtype-badge{color:#fff;border-radius:12px;align-items:center;gap:5px;margin:8px 16px 0;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.subtype-dot{background:#fff9;border-radius:50%;width:8px;height:8px}.detail-tabs{border-bottom:1px solid var(--border);margin-top:12px;padding:0 16px;display:flex}.detail-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 12px;font-size:13px;transition:color .15s}.detail-tab:hover{color:var(--text-primary)}.detail-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.detail-content{padding:14px 16px 20px}.detail-description{color:var(--text-secondary);margin-bottom:14px;font-size:13px;line-height:1.6}.detail-holder{color:var(--text-primary);margin-bottom:14px;font-size:13px;font-weight:600}.detail-tags{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tag-pill{color:var(--accent);cursor:pointer;background:#eaf2f8;border:1px solid #d0e3f0;border-radius:12px;padding:3px 10px;font-size:11px;transition:background .15s}.tag-pill:hover{background:#d0e3f0}.detail-section-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin:16px 0 8px;font-size:11px;font-weight:700}.detail-jurisdiction{border-left:3px solid var(--accent);color:var(--text-primary);padding-left:10px;font-size:13px}.detail-link{background:var(--accent);color:#fff;border-radius:4px;margin-top:10px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-block}.detail-link:hover{background:var(--accent-hover)}.relationship-item{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:8px 0;transition:background .1s;display:flex}.relationship-item:hover{background:#f0f4f8}.rel-icon{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.rel-text{flex:1}.rel-name{color:var(--text-primary);font-size:13px;font-weight:500}.rel-subtype{color:var(--accent);font-size:11px}.powers-placeholder{color:var(--text-muted);text-align:center;padding:20px 0;font-size:13px;font-style:italic}.graph-area{background:linear-gradient(135deg,#f5f7fa,#fff);flex:1;position:relative}.graph-container{width:100%;height:100%}.graph-toolbar{z-index:10;gap:6px;display:flex;position:absolute;top:12px;right:12px}.toolbar-btn{background:var(--bg-panel);border:1px solid var(--border);cursor:pointer;color:var(--text-primary);border-radius:4px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;transition:background .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #00000014}.toolbar-btn:hover{background:#eef2f6;box-shadow:0 2px 6px #0000001f}.toolbar-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.graph-hint{color:var(--text-muted);pointer-events:none;font-size:12px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.search-panel{background:var(--bg-panel);border-left:1px solid var(--border);z-index:10;flex-direction:column;flex-shrink:0;width:280px;display:flex}.search-panel-header{justify-content:space-between;align-items:center;padding:14px 14px 0;display:flex}.search-panel-header h3{font-size:16px;font-weight:700}.search-input{border:1px solid var(--border);border-radius:4px;outline:none;width:calc(100% - 28px);margin:10px 14px;padding:8px 12px;font-size:13px;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.search-results{flex:1;padding:0 14px 14px;overflow-y:auto}.search-count{text-transform:uppercase;letter-spacing:.5px;color:var(--accent);margin-bottom:8px;font-size:12px;font-weight:700}.search-result-item{cursor:pointer;border-radius:4px;padding:8px;font-size:13px;transition:background .1s}.search-result-item:hover{background:#f0f4f8}.categories-panel{background:var(--bg-panel);border-left:1px solid var(--border);z-index:10;flex-shrink:0;width:280px;padding:14px;overflow-y:auto}.categories-panel h3{margin-bottom:14px;font-size:16px;font-weight:700}.category-group{margin-bottom:16px}.category-group-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:700}.subtype-filter{flex-wrap:wrap;gap:6px;display:flex}.subtype-pill{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;transition:background .15s;display:flex}.subtype-pill:hover{background:#f0f4f8}.subtype-pill.active{border-color:var(--accent);background:#eaf2f8}.subtype-color-dot{border-radius:50%;width:10px;height:10px}.legend-bar{height:var(--legend-height);background:var(--bg-panel);border-top:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;gap:24px;padding:0 20px;display:flex;overflow-x:auto}.legend-section{align-items:center;gap:12px;display:flex}.legend-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-right:4px;font-size:11px;font-weight:700}.legend-item{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.legend-shape{flex-shrink:0;width:12px;height:12px}.legend-shape.circle{border-radius:50%}.legend-shape.square{border-radius:2px}.legend-shape.diamond{width:10px;height:10px;transform:rotate(45deg)}.legend-shape.hexagon{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.legend-shape.triangle{clip-path:polygon(50% 0%,100% 100%,0% 100%)}.empty-panel{text-align:center;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.empty-panel p{margin-top:8px;font-size:14px}.budget-summary{margin-bottom:16px}.budget-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.budget-row:last-child{border-bottom:none}.budget-label{color:var(--text-secondary)}.budget-value{color:var(--text-primary);font-weight:600}.budget-value.negative{color:#e74c3c}.mobile-nav{background:var(--bg-panel);border-top:1px solid var(--border);z-index:200;flex-shrink:0;height:52px;display:none}.mobile-nav-inner{justify-content:space-around;align-items:center;height:100%;display:flex}.mobile-nav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:4px 12px;font-size:10px;display:flex}.mobile-nav-btn.active{color:var(--accent)}.mobile-nav-btn svg{width:20px;height:20px}.mobile-peek{z-index:120;padding:0 8px 6px;display:none;position:fixed;bottom:52px;left:0;right:0}.mobile-peek-inner{background:var(--bg-panel);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex;box-shadow:0 -2px 12px #0000001f}.mobile-peek-left{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.mobile-peek-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.mobile-peek-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.mobile-peek-type{color:var(--text-muted);font-size:10px}.mobile-peek-connections{flex-shrink:0;gap:6px;display:flex}.mobile-peek-stat{color:var(--accent);white-space:nowrap;background:#eaf2f8;border-radius:8px;padding:2px 7px;font-size:10px}.mobile-peek-detail-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;flex-shrink:0;padding:6px 12px;font-size:11px;font-weight:600}.mobile-peek-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:18px}.mobile-peek-nav{background:var(--bg-panel);-webkit-overflow-scrolling:touch;border-radius:0 0 12px 12px;gap:4px;margin-top:-6px;padding:6px 12px 4px;display:flex;overflow-x:auto;box-shadow:0 2px 8px #0000000f}.mobile-peek-nav-item{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;white-space:nowrap;background:#f5f7fa;border-radius:10px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:flex}.mobile-peek-nav-item:active{background:#e8edf2}.mobile-peek-nav-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.mobile-peek-nav-divider{background:var(--border);flex-shrink:0;width:1px;margin:2px}.mobile-sheet-overlay{z-index:150;background:#0000004d;display:none;position:fixed;inset:0}.mobile-sheet{background:var(--bg-panel);z-index:200;max-height:80vh;padding-bottom:env(safe-area-inset-bottom,0);border-radius:16px 16px 0 0;display:none;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 20px #00000026}.mobile-sheet-handle{background:#ccc;border-radius:2px;width:36px;height:4px;margin:10px auto 4px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#aaa}@media (width<=768px){:root{--header-height:48px;--panel-width:100%}.header{padding:0 12px}.header-left h1{font-size:14px}.header-left p{display:none}.header-btn{padding:5px 10px;font-size:12px}.main-layout>.detail-panel,.main-layout>.search-panel,.main-layout>.categories-panel,.main-layout>.empty-panel{display:none!important}.main-layout>div:has(.empty-panel){display:none!important}.mobile-sheet .detail-panel,.mobile-sheet .search-panel,.mobile-sheet .categories-panel{max-height:none;overflow-y:visible;border:none!important;width:100%!important;display:block!important}.legend-bar{display:none}.main-layout{flex-direction:column}.graph-area{flex:1}.graph-toolbar{top:8px;right:8px}.graph-hint{font-size:11px;bottom:6px}.mobile-nav,.mobile-peek,.mobile-sheet.open,.mobile-sheet-overlay.open{display:block}.graph-hint{bottom:120px}}@supports (padding:env(safe-area-inset-bottom)){.mobile-nav{padding-bottom:env(safe-area-inset-bottom)}}