*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8f7f4;--surface:#fff;--text:#1a1a1a;--text-muted:#888;--border:#e8e6e1;--accent:#1a1a1a;--line-1:#2563eb;--line-2:#dc2626;--line-3:#16a34a;--line-4:#9333ea;--line-5:#ea580c;--line-6:#0891b2;--line-7:#ca8a04;--line-8:#be185d}body{background:var(--bg);color:var(--text);flex-direction:column;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;display:flex;overflow:hidden}header{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;padding:2rem 2.5rem 1.5rem;position:sticky;top:0}footer{border-top:1px solid var(--border);background:var(--bg);color:var(--text-muted);flex-shrink:0;align-items:center;gap:.75rem;padding:.75rem 2.5rem;font-size:.72rem;display:flex}footer a{color:var(--text-muted);text-underline-offset:2px;text-decoration:underline}footer a:hover{color:var(--text)}.footer-divider{opacity:.4}h1{letter-spacing:-.01em;font-size:1.1rem;font-weight:600}.subtitle{color:var(--text-muted);margin-top:.2rem;margin-bottom:1.2rem;font-size:.8rem}nav{gap:.25rem;display:flex}.nav-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:2rem;padding:.35rem .85rem;font-size:.8rem;transition:all .15s}.nav-btn:hover{color:var(--text);border-color:#ccc}.nav-btn.active{background:var(--text);color:#fff;border-color:var(--text)}main{flex-direction:column;flex:1;min-height:0;padding:2rem 2.5rem 0;display:flex;overflow:clip}#view-container{flex-direction:column;flex:1;width:100%;min-height:0;padding-bottom:2rem;display:flex;overflow:hidden}.view-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem;font-size:.75rem;font-weight:500}.view-desc{color:var(--text-muted);max-width:600px;margin-bottom:2rem;font-size:.85rem;line-height:1.5}.chart-wrap{width:100%;position:relative}svg{width:100%;overflow:visible}.status{color:var(--text-muted);text-align:center;padding:3rem 0;font-size:.8rem}.status.error{color:#dc2626}.tooltip{background:var(--surface);border:1px solid var(--border);pointer-events:none;opacity:0;z-index:100;border-radius:6px;max-width:220px;padding:.5rem .75rem;font-size:.75rem;line-height:1.5;transition:opacity .1s;position:fixed;box-shadow:0 2px 8px #00000014}.tooltip.visible{opacity:1}.tooltip strong{margin-bottom:.2rem;font-size:.8rem;display:block}.legend{flex-wrap:wrap;gap:.5rem 1.2rem;margin-top:1.5rem;display:flex}.legend-item{color:var(--text-muted);cursor:pointer;align-items:center;gap:.4rem;font-size:.75rem;transition:color .15s;display:flex}.legend-item:hover{color:var(--text)}.legend-item.muted{opacity:.3}.legend-dot{border-radius:1px;flex-shrink:0;width:20px;height:2px}.sidebar-layout{flex:1;align-items:stretch;min-height:0;display:flex}.dept-sidebar{border-right:1px solid var(--border);flex-shrink:0;width:190px;padding-bottom:3rem;overflow-y:auto}.sidebar-content{flex:1;min-width:0;padding-left:28px}.sidebar-actions{border-bottom:1px solid var(--border);background:var(--bg);z-index:1;gap:6px;margin-bottom:6px;padding:2px 12px 10px;display:flex;position:sticky;top:0}.sidebar-btn{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:2rem;padding:3px 10px;font-family:inherit;font-size:.66rem;transition:border-color .15s,color .15s}.sidebar-btn:hover{color:var(--text);border-color:#555}.sidebar-dept{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;align-items:center;gap:8px;padding:5px 12px;transition:background .1s;display:flex}.sidebar-dept:hover{background:#00000008}.sidebar-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .2s}.sidebar-dept-name{text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;line-height:1.3;transition:color .2s;overflow:hidden}.sidebar-separator{text-transform:uppercase;letter-spacing:.08em;color:#bbb;border-top:1px solid var(--border);margin-top:4px;padding:10px 12px 4px;font-size:.62rem}.search-row{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.term-input{border:1px solid var(--border);background:var(--surface);border-radius:2rem;outline:none;width:200px;padding:.4rem 1rem;font-size:.85rem;transition:border-color .15s}.term-input:focus{border-color:#aaa}.add-btn{background:var(--text);color:#fff;cursor:pointer;border:none;border-radius:2rem;padding:.4rem 1rem;font-size:.85rem;transition:opacity .15s}.add-btn:hover{opacity:.75}.term-chip{color:#fff;cursor:pointer;border-radius:2rem;align-items:center;gap:.4rem;padding:.3rem .75rem .3rem .85rem;font-size:.75rem;display:inline-flex}.term-chip .remove{opacity:.7;font-size:.9rem}.term-chip .remove:hover{opacity:1}.funnel-label{fill:var(--text-muted);font-size:.72rem}.axis text{fill:var(--text-muted);font-family:inherit;font-size:.7rem}.axis line,.axis path{stroke:var(--border)}.axis--x path{display:none}