.graph-wrap{position:relative;width:100%;height:100%;background:var(--graph-bg)}.graph-svg{width:100%;height:100%;display:block}.graph-legend{position:absolute;bottom:var(--space-md);left:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.graph-legend__item{display:flex;align-items:center;gap:var(--space-sm)}.graph-legend__dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.graph-legend__label{font-size:var(--font-size-meta);color:var(--color-text-secondary)}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-sm)}.card--clickable{cursor:pointer;transition:box-shadow var(--duration-normal) var(--ease-out)}.card--clickable:hover{box-shadow:var(--shadow-md)}.card__header{padding-bottom:var(--space-sm);margin-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.card__body+.card__body{margin-top:var(--space-sm)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-meta);font-weight:500;line-height:1;white-space:nowrap}.badge__icon{display:flex;align-items:center;font-size:11px}.badge--default{background:var(--color-border);color:var(--color-text-secondary)}.badge--primary{background:var(--color-primary);color:#fff}.badge--success{background:var(--color-success);color:#fff}.badge--warning{background:var(--color-warning);color:#fff}.badge--error{background:var(--color-error);color:#fff}.badge--info{background:var(--color-info);color:#fff}.director-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-xs)}.director-list__empty{color:var(--color-text-muted);font-size:var(--font-size-body)}.director-list__item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);border:1px solid transparent}.director-list__item:hover{background:#d9501e12;border-color:var(--color-border)}.director-list__item--active{background:#d9501e1f;border-color:var(--color-primary)}.director-list__item:focus-visible{outline:none;box-shadow:0 0 0 3px #d9501e4d}.director-list__name{font-size:var(--font-size-body);font-weight:500;color:var(--color-text-primary)}.director-list__meta{font-size:var(--font-size-meta);color:var(--color-text-muted)}.news-panel{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.news-panel__state{font-size:var(--font-size-body);color:var(--color-text-muted)}.news-panel__state--error{color:var(--color-error)}.news-panel__item{padding:var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-primary);display:flex;flex-direction:column;gap:var(--space-xs)}.news-panel__item--flagged{border-color:var(--color-warning);background:#b87b190f}.news-panel__header{display:flex;align-items:flex-start;gap:var(--space-sm)}.news-panel__title{font-size:var(--font-size-body);font-weight:500;color:var(--color-text-primary);text-decoration:none;flex:1;line-height:1.4}.news-panel__title:hover{color:var(--color-primary)}.news-panel__flag{flex-shrink:0;margin-top:2px}.news-panel__flag-detail{font-size:var(--font-size-meta);color:var(--color-warning);line-height:1.4}.news-panel__meta{display:flex;gap:var(--space-md);font-size:var(--font-size-meta);color:var(--color-text-muted)}.side-panel{width:360px;min-width:360px;height:100%;overflow-y:auto;border-left:1px solid var(--color-border);background:var(--color-bg-secondary);box-shadow:-2px 0 8px #0000000d}.side-panel__inner{display:flex;flex-direction:column;height:100%}.side-panel__head{padding:var(--space-md);border-bottom:1px solid var(--color-border);position:relative}.side-panel__title-row{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm);padding-right:var(--space-xl)}.side-panel__sector-dot{width:14px;height:14px;border-radius:var(--radius-full);flex-shrink:0;margin-top:5px}.side-panel__ticker{font-size:var(--font-size-h3);font-weight:700;color:var(--color-text-primary);line-height:1.2}.side-panel__name{font-size:var(--font-size-body);color:var(--color-text-secondary);margin-top:var(--space-xs);line-height:1.4}.side-panel__badges{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.side-panel__close{position:absolute;top:var(--space-md);right:var(--space-md);background:transparent;border:none;cursor:pointer;color:var(--color-text-muted);padding:var(--space-xs);border-radius:var(--radius-sm);display:flex;align-items:center;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out);min-height:44px;min-width:44px;justify-content:center}.side-panel__close:hover{color:var(--color-text-primary);background:var(--color-border)}.side-panel__tabs{display:flex;border-bottom:1px solid var(--color-border);padding:0 var(--space-md);gap:var(--space-xs)}.side-panel__tab{background:transparent;border:none;border-bottom:2px solid transparent;padding:var(--space-sm) var(--space-sm);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:500;color:var(--color-text-secondary);cursor:pointer;margin-bottom:-1px;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);min-height:44px}.side-panel__tab:hover{color:var(--color-text-primary)}.side-panel__tab--active{color:var(--color-primary);border-color:var(--color-primary);font-weight:600}.side-panel__body{flex:1;overflow-y:auto;padding:var(--space-md)}.side-panel__loading{color:var(--color-text-muted);font-size:var(--font-size-body)}.side-panel__title-row--edge{flex-direction:column;gap:var(--space-xs)}.side-panel__edge-tickers{display:flex;align-items:center;gap:var(--space-sm)}.side-panel__edge-arrow{color:var(--color-primary);font-size:var(--font-size-h3);font-weight:600;line-height:1}.director-list__item--readonly{cursor:default;justify-content:space-between}.director-list__item--readonly:hover{background:#d9501e0a;border-color:var(--color-border)}.side-panel__both-badge{flex-shrink:0}.side-panel__hint{font-size:var(--font-size-meta);color:var(--color-text-muted);margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:#d9501e0f;border-radius:var(--radius-sm);border-left:2px solid var(--color-primary)}.search-bar{position:relative;width:280px}.search-bar__input-wrap{position:relative;display:flex;align-items:center}.search-bar__icon{position:absolute;left:var(--space-sm);color:var(--color-text-muted);display:flex;align-items:center;pointer-events:none}.search-bar__input{width:100%;background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 12px 8px 36px;font-family:var(--font-family);font-size:var(--font-size-body);min-height:44px;outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.search-bar__input::placeholder{color:var(--color-text-muted)}.search-bar__input:focus{border:2px solid var(--color-primary);box-shadow:0 0 0 3px #d9501e1a}.search-bar__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);list-style:none;overflow:hidden;z-index:100}.search-bar__option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.search-bar__option:hover{background:#d9501e14}.search-bar__ticker{font-size:var(--font-size-meta);font-weight:600;color:var(--color-primary);min-width:40px}.search-bar__name{font-size:var(--font-size-body);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--color-primary: #D9501E;--color-primary-hover: #B83F15;--color-accent-soft: #F29863;--color-bg-primary: #F2F2F2;--color-bg-secondary: #FAFAF8;--color-border: #E8E4DF;--color-disabled: #D1CCC4;--color-text-primary: #0D0D0D;--color-text-secondary: #5C5854;--color-text-muted: #8B8680;--color-success: #2D7D3A;--color-warning: #B87B19;--color-error: #A73828;--color-info: #6B5E4F;--overlay-dark: rgba(13, 13, 13, .85);--overlay-hero: rgba(217, 80, 30, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 2px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .2);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 9999px;--font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-h1: 32px;--font-size-h2: 22px;--font-size-h3: 18px;--font-size-body: 14px;--font-size-label: 14px;--font-size-meta: 12px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--duration-fast: .15s;--duration-normal: .2s;--ease-out: cubic-bezier(.4, 0, .2, 1);--graph-bg: var(--color-bg-primary);--graph-edge-default: rgba(139, 134, 128, .4);--graph-edge-hover: var(--color-primary);--graph-edge-active: var(--color-primary);--sector-Financials: #D9501E;--sector-Materials: #2D7D3A;--sector-Energy: #B87B19;--sector-Health\ Care: #6B5E4F;--sector-Consumer\ Discretionary: #F29863;--sector-Consumer\ Staples: #B83F15;--sector-Industrials: #8B8680;--sector-Real\ Estate: #5C5854;--sector-Utilities: #A73828;--sector-Communication\ Services: #0D0D0D;--sector-Information\ Technology: #D1CCC4}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:0ms!important;transition-duration:0ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--color-bg-primary)}.app-header{display:flex;align-items:center;gap:var(--space-lg);padding:0 var(--space-xl);height:56px;min-height:56px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:10}.app-header__brand{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.app-header__logo{color:var(--color-primary);font-size:22px;line-height:1}.app-header__title{font-size:var(--font-size-h3);font-weight:700;color:var(--color-text-primary)}.app-header__subtitle{font-size:var(--font-size-meta);color:var(--color-text-muted);border-left:1px solid var(--color-border);padding-left:var(--space-sm)}.app-header__meta{margin-left:auto;flex-shrink:0}.app-header__stat{font-size:var(--font-size-meta);color:var(--color-text-muted)}.app-body{display:flex;flex:1;overflow:hidden}.app-graph{flex:1;overflow:hidden;position:relative}.app-loading,.app-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-sm);color:var(--color-text-secondary);font-size:var(--font-size-body)}.app-error{color:var(--color-error)}.app-error strong{font-size:var(--font-size-h3)}.app-error__hint{color:var(--color-text-muted);font-size:var(--font-size-meta);margin-top:var(--space-sm);text-align:center}.app-error__hint code{background:var(--color-border);padding:2px 6px;border-radius:var(--radius-sm);font-family:monospace}